*{box-sizing:border-box}html,body{color:#10233f;background:#eef4f7;min-height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,textarea,select{font:inherit}.studio{--teal:#128ba3;--navy:#10233f;background:#f7fafc;min-height:100vh;overflow:hidden}.topbar{background:#fff;border-bottom:1px solid #dce8ee;justify-content:space-between;align-items:center;height:84px;padding:0 48px;display:flex}.brand>strong{color:#0c8ca5;letter-spacing:.09em;margin-bottom:7px;font-size:11px;display:block}.brand>div,.top-actions,.mode-switch{align-items:center;gap:9px;display:flex}.brand input{width:440px;color:var(--navy);border:0;outline:0;font-size:25px;font-weight:750}.brand span{color:#7a8b9e;background:#f1f5f7;border-radius:20px;padding:6px 10px;font-size:10px}.mode-switch{border:1px solid #d4e1e8;border-radius:10px;gap:0;overflow:hidden}.mode-switch button{background:#fff;border:0;height:38px;padding:0 20px;font-size:11px;font-weight:750}.mode-switch .active{color:#fff;background:linear-gradient(135deg,#1699b0,#08788f)}.share{background:#fff;border:1px solid #d9e4eb;border-radius:9px;height:38px;padding:0 18px;font-weight:700}.avatar{color:#fff;background:#178ca5;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.addbar{z-index:10;background:#fff;border:1px solid #d8e6ed;border-radius:16px;gap:3px;width:68px;max-height:calc(100vh - 120px);padding:9px 7px;display:grid;position:absolute;top:100px;left:24px;overflow:auto;box-shadow:0 16px 40px #173b5118}.addbar>button{color:#5f7286;background:0 0;border:0;border-radius:10px;height:49px}.addbar>button:hover{color:#087f97;background:#eaf7f9}.addbar b,.addbar span{display:block}.addbar b{color:#0d8ca2;font-size:18px}.addbar span{margin-top:2px;font-size:8px}.addbar>i{background:#e1e9ee;height:1px}.section-pick{gap:3px;display:grid}.section-pick small{text-align:center;color:#8496a5;font-size:7px}.section-pick button{color:#728397;background:#f2f6f8;border:0;border-radius:7px;height:24px;font-size:8px;font-weight:800}.section-pick button.active{color:#fff;background:#118ca4}.section-pick .add-section-mini{color:#118ca4;background:#f1fbfd;border:1px dashed #89c8d4;font-size:13px}.workspace{touch-action:none;background-color:#f8fbfd;background-image:radial-gradient(#d8e7ee 1px,#0000 1px);background-size:14px 14px;height:calc(100vh - 84px);padding:38px 30px 180px 110px;position:relative;overflow:auto}.camera-stage{transform-origin:50%;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.canvas{transform-origin:0 0;grid-template-columns:1fr 1fr;gap:14px;width:1500px;transition:transform .18s;display:grid}.section{border:1px solid #d6e5ec;border-radius:18px;min-height:380px;position:relative;overflow:hidden;box-shadow:0 8px 30px #38566d0b}.section-head{z-index:6;align-items:center;gap:11px;display:flex;position:absolute;top:14px;left:18px;right:18px}.section-head>span{color:#0e8ba3;background:#e6f6f9;border-radius:11px;place-items:center;width:35px;height:35px;font-size:12px;font-weight:900;display:grid}.section-head>div{flex:1}.section-head input{color:#13233c;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:13px;font-weight:800;display:block}.section-head .section-subtitle{color:#71839a;margin-top:3px;font-size:9px;font-weight:500}.section-head .section-color{background:#fff;border:1px solid #d5e4e9;border-radius:8px;width:27px;height:27px;padding:2px}.canvas-item{z-index:4;cursor:grab;touch-action:none;transition:opacity .25s,transform .25s;position:absolute}.canvas-item:active{cursor:grabbing}.canvas-item.hidden{opacity:0;visibility:hidden;transform:translateY(8px)scale(.97)}.canvas-item textarea{resize:none;color:#14243c;text-align:center;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:12px;font-weight:650;line-height:1.35;overflow:hidden}.canvas-item.node{background:#fff;border:1.5px solid #62b8c9;border-radius:9px;padding:10px;box-shadow:0 6px 14px #183b4d0c}.canvas-item.text{padding:7px}.canvas-item.text textarea{text-align:left;font-size:15px;font-weight:800}.canvas-item.tag{background:#e8f7fa;border-radius:15px;padding:6px}.canvas-item.tag textarea{color:#187d93;font-size:9px}.canvas-item.callout{background:linear-gradient(135deg,#f4fcfd,#e9f8fb);border:1px solid #9fd3de;border-radius:10px;padding:10px;box-shadow:inset 4px 0 #158da5}.canvas-item.callout textarea{text-align:left;color:#244158;font-size:10px}.canvas-item.image{background:#fff;border:1px solid #9acbd6;padding:4px}.canvas-item.image img{object-fit:contain;width:100%;height:100%}.canvas-item.arrow{align-items:center;display:flex}.free-arrow{align-items:center;width:100%;display:flex}.free-arrow i{background:#168ba3;flex:1;height:2px}.free-arrow b{color:#168ba3;margin-left:-4px;font-size:19px}.canvas-item.selected{outline-offset:3px;outline:2px solid #0f91aa;box-shadow:0 8px 22px #157c9625}.reveal-badge{z-index:7;color:#fff;background:#0d839b;border:2px solid #fff;border-radius:50%;place-items:center;width:21px;height:21px;font-size:8px;font-weight:900;display:grid;position:absolute;top:-10px;left:-8px}.resize-free{color:#fff;cursor:nwse-resize;background:#0d879f;border:2px solid #fff;border-radius:7px;width:23px;height:23px;font-size:11px;position:absolute;bottom:-9px;right:-9px}.drag-label{color:#fff;letter-spacing:.08em;background:#0d879f;border-radius:5px;padding:3px 6px;font-size:6px;font-weight:900;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.floating-tools{z-index:20;background:#fff;border:1px solid #d3e2e9;border-radius:14px;align-items:center;gap:7px;max-width:90vw;min-height:58px;padding:8px 10px;display:flex;position:fixed;bottom:94px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 15px 50px #18374d30}.floating-tools>strong{color:#0d879f;font-size:8px}.floating-tools label{color:#6d7f91;white-space:nowrap;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.floating-tools input,.floating-tools select{border:1px solid #d8e3e9;border-radius:7px;outline:0;height:34px;padding:0 7px}.floating-tools label:first-of-type input{width:180px}.floating-tools .order-input{width:54px}.floating-tools button{color:#315064;background:#eff7f9;border:0;border-radius:8px;height:36px;padding:0 11px;font-size:9px;font-weight:800}.floating-tools .danger{color:#bd5050;background:#fff0f0}.timeline{z-index:18;background:#ffffffef;border:1px solid #d5e3e9;border-radius:14px;align-items:center;gap:14px;height:66px;padding:9px 12px;display:flex;position:fixed;bottom:16px;left:105px;right:22px}.timeline>strong{color:#0f8399;font-size:8px}.timeline>div{gap:5px;display:flex;overflow-x:auto}.timeline button{background:#fff;border:1px solid #e0e8ed;border-radius:9px;align-items:center;gap:7px;min-width:110px;height:44px;padding:6px;display:flex}.timeline button.active{background:#eaf8fa;border-color:#1894ab}.timeline b{color:#fff;background:#178da4;border-radius:8px;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.timeline span{text-overflow:ellipsis;white-space:nowrap;max-width:73px;font-size:8px;overflow:hidden}.zoom{z-index:19;background:#fff;border:1px solid #d9e4ea;border-radius:10px;display:flex;position:fixed;bottom:25px;left:22px;overflow:hidden}.zoom button,.zoom strong{color:#435d6f;background:#fff;border:0;place-items:center;height:38px;padding:0 9px;font-size:10px;display:grid}.presenting .topbar,.presenting .addbar,.presenting .timeline,.presenting .floating-tools,.presenting .zoom{display:none}.presenting .workspace{background:#071b2b;height:100vh;padding:55px 35px 95px}.presenting .canvas{width:calc(125vw - 90px);transform:scale(.8)!important}.presenting .section{border:0}.presenting .section-color{display:none}.present-head{z-index:40;color:#fff;justify-content:space-between;align-items:center;display:flex;position:fixed;top:12px;left:20px;right:20px}.present-head button{color:#fff;background:#ffffff18;border:0;border-radius:8px;padding:8px 12px}.present-tools{z-index:50;background:#0c2638eb;border:1px solid #ffffff28;border-radius:15px;gap:4px;padding:7px;display:flex;position:fixed;bottom:17px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0005}.present-tools button{color:#c9dbe4;background:0 0;border:0;border-radius:9px;height:42px;padding:0 13px;font-size:9px;font-weight:700}.present-tools button.active{color:#fff;background:#168da5}.annotation-layer{z-index:30;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.live-laser{z-index:35;pointer-events:none;background:#ef3340;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 18px 8px #ef334088}@media (max-width:900px){.brand input{width:220px}.share{display:none}.workspace{padding-left:90px}.canvas{width:1200px}.floating-tools{left:10px;right:10px;transform:none}.timeline{left:10px}.present-tools{max-width:95vw;overflow:auto}}.presenting{-moz-text-size-adjust:100%;text-size-adjust:100%}.presenting .canvas{width:1500px}.presenting .canvas-item textarea,.presenting .presentation-copy{white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;width:100%;min-width:0;height:100%;font-family:inherit;font-size:var(--item-font-size);font-kerning:normal;font-variant-ligatures:normal;letter-spacing:normal;border:0;margin:0;padding:2px;line-height:1.35;overflow:hidden}.presenting.between-sections .camera-stage,.presenting.between-sections .canvas,.presenting.between-sections .section,.presenting.presentation-overview .camera-stage,.presenting.presentation-overview .canvas,.presenting.presentation-overview .section{opacity:1!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.presenting.between-sections .canvas,.presenting.presentation-overview .canvas{image-rendering:auto;-webkit-font-smoothing:antialiased;transform-style:flat;-webkit-backface-visibility:visible;backface-visibility:visible}@media (prefers-reduced-motion:reduce){.presenting .camera-stage,.presenting .canvas{transition-duration:.01ms!important}}