:root{
  --ink:#2f2c27;--ink-soft:#5e5951;--muted:#8b857a;--workspace:#ebe6dc;--paper:#fffdf9;--paper-2:#f7f3ea;--line:#d9d3c8;--line-2:#c9c2b6;
  --accent:#d3a13a;--accent-dark:#8f6918;--accent-soft:#f4e5b4;--green:#718c77;--red:#b96356;--blue:#7897a6;--purple:#9b87a9;--shadow:0 4px 18px rgba(46,40,31,.12);
  --topbar:58px;--rail:62px;--film:102px;--radius:12px;--ease:160ms cubic-bezier(.2,.7,.2,1);
  font-family:"Segoe UI",Source Sans 3,Arial,sans-serif;color:var(--ink);background:var(--workspace);
}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--workspace)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(211,161,58,.36);outline-offset:2px}.hidden{display:none!important}.screen{position:absolute;inset:0}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--muted);margin-bottom:5px}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border:2px solid var(--ink);border-radius:9px;font:800 22px/1 Georgia,serif;position:relative;background:var(--paper)}.brand-mark:after{content:"";position:absolute;left:7px;right:5px;bottom:-4px;height:5px;background:var(--accent);border-radius:53% 42% 48% 40%;transform:rotate(-1deg);z-index:-1}.brand-mark.small{width:34px;height:34px;font-size:18px;border-width:1.8px}.brand-lockup{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:900;letter-spacing:.12em}.btn{border:1px solid var(--line-2);background:var(--paper);border-radius:9px;min-height:40px;padding:0 15px;font-weight:700;transition:background var(--ease),transform var(--ease),border var(--ease)}.btn:hover{background:#fff}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.primary:hover{background:#1f1d19}.btn.secondary{background:var(--paper-2);border-color:var(--line)}.btn.subtle{background:transparent;border-color:transparent}.btn.text{background:transparent;border:0;color:var(--ink-soft);text-decoration:underline;text-decoration-color:rgba(211,161,58,.6);text-decoration-thickness:2px;text-underline-offset:4px}.btn.large{height:52px;padding:0 24px;font-size:16px}.btn.small{height:34px;min-height:34px;padding:0 11px;font-size:13px}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;border-radius:8px;color:var(--ink);font-size:20px}.icon-btn:hover{background:rgba(47,44,39,.065)}.icon-btn svg,.rail-btn svg,.lesson-tool svg,.film-icon svg,.tool-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool-icon svg{width:20px;height:20px}.close-btn{font-size:24px}.brand-button{border:0;background:transparent;display:flex;align-items:center;gap:10px;height:46px;border-radius:8px;padding:0 6px}.brand-button.square{width:46px;padding:0;justify-content:center}.brand-button:hover{background:rgba(47,44,39,.055)}
/* boot + onboarding */
.boot-screen{display:grid;place-items:center;background:var(--workspace)}.boot-screen>div,.boot-screen>strong,.boot-screen>span{position:absolute}.boot-mark{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:10px;font:800 24px Georgia;transform:translateY(-40px)}.boot-screen strong{font-size:18px}.boot-screen span{transform:translateY(30px);color:var(--muted);font-size:13px}.onboarding{display:grid;place-items:center;padding:30px;background:var(--workspace)}.onboarding-panel{width:min(680px,96vw);min-height:620px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:48px 56px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}.onboarding-panel.compact{min-height:430px}.onboarding h1{font-family:Georgia,"Times New Roman",serif;font-size:54px;line-height:.98;margin:48px 0 18px;letter-spacing:-.035em}.onboarding .lead{font-size:19px;line-height:1.55;color:var(--ink-soft);max-width:540px;margin:0 0 18px}.folder-art{width:100%;height:170px;margin:10px 0 16px;display:grid;place-items:center}.folder-art svg{width:310px;height:160px;fill:#f5e8b6;stroke:var(--ink);stroke-width:2.3;stroke-linejoin:round}.onboarding .btn.large{align-self:stretch;margin-top:8px}.onboarding .btn.text{align-self:center;margin-top:8px}.support-note{font-size:12px;color:var(--muted);line-height:1.4;margin-top:14px}
/* library */
.library{background:var(--workspace);overflow:auto}.library-bar{height:64px;position:sticky;top:0;z-index:5;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(255,253,249,.93);backdrop-filter:blur(9px)}.library-bar-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.library-main{max-width:1240px;margin:0 auto;padding:52px 36px 90px}.library-head{display:flex;align-items:flex-end;gap:30px;margin-bottom:26px}.library-head h1{font-family:Georgia,serif;font-size:38px;margin:0;letter-spacing:-.02em}.search{margin-left:auto;width:300px;height:44px;border:1px solid var(--line-2);border-radius:10px;background:var(--paper);display:flex;align-items:center;padding:0 12px;gap:8px}.search input{border:0;background:transparent;outline:0;width:100%;font-size:14px}.search-icon{width:15px;height:15px;border:2px solid var(--ink-soft);border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;width:7px;height:2px;background:var(--ink-soft);right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:2px}.storage-info{min-height:48px;margin-bottom:24px;padding:11px 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:center;font-size:13px;color:var(--ink-soft)}.storage-info strong{color:var(--ink)}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:22px}.board-card{border:0;background:transparent;text-align:left;padding:0;border-radius:12px;position:relative}.board-card-preview{aspect-ratio:16/9;background:var(--paper);border:1px solid var(--line);box-shadow:0 2px 8px rgba(47,44,39,.07);border-radius:9px;overflow:hidden;position:relative;padding:20px;transition:transform var(--ease),box-shadow var(--ease)}.board-card:hover .board-card-preview{transform:translateY(-2px);box-shadow:0 7px 18px rgba(47,44,39,.12)}.board-card-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 96%,var(--accent) 96%);opacity:.7}.board-card-preview .mock-title{font-family:Georgia,serif;font-size:21px;max-width:80%;line-height:1.2}.board-card-meta{padding:10px 4px 0}.board-card-meta strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-card-meta small{color:var(--muted);font-size:12px}.board-card-menu{position:absolute;right:8px;bottom:7px;width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--muted)}.board-card-menu:hover{background:rgba(47,44,39,.06);color:var(--ink)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:78px 20px}.empty-state h2{font:700 26px Georgia;margin:12px 0 4px}.empty-state p{color:var(--muted);margin:0 0 20px}.empty-sketch svg{width:160px;height:115px;fill:none;stroke:var(--ink);stroke-width:2}.empty-sketch path:first-child{fill:#f5e8b6}
/* editor */
.editor{background:var(--workspace)}.topbar{height:var(--topbar);display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid var(--line);background:#f6f2ea;position:relative;z-index:40}.title-input{border:0;background:transparent;font-size:15px;font-weight:700;min-width:130px;max-width:380px;padding:8px 8px;border-radius:7px}.title-input:hover,.title-input:focus{background:rgba(255,255,255,.6);outline:0}.history-group{display:flex;margin-left:4px}.top-spacer{flex:1}.save-state{border:0;background:transparent;color:var(--muted);font-size:12px;padding:8px 10px;border-radius:8px}.save-state.dirty{color:var(--accent-dark)}.save-state.error{color:var(--red);font-weight:700}.editor-main{position:absolute;left:0;right:0;top:var(--topbar);bottom:var(--film);display:flex}.tool-rail{width:var(--rail);background:#f6f2ea;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:9px 7px;gap:3px;z-index:25}.rail-btn{position:relative;width:48px;height:48px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center;color:var(--ink-soft)}.rail-btn:hover{background:rgba(47,44,39,.055);color:var(--ink)}.rail-btn.active{color:var(--ink);background:rgba(255,253,249,.7)}.rail-btn.active:after{content:"";position:absolute;width:30px;height:5px;bottom:2px;background:var(--accent);border-radius:55% 42% 60% 35%;transform:rotate(-1.5deg)}.rail-btn:before{content:attr(data-tip);position:absolute;left:58px;top:50%;transform:translateY(-50%);background:var(--ink);color:#fff;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s;z-index:100}.rail-btn:hover:before{opacity:1}.rail-sep{height:1px;width:34px;background:var(--line);margin:6px 0}.tools-accent{margin-top:auto;color:var(--accent-dark)}.workspace{position:relative;flex:1;min-width:0;overflow:hidden}.board-viewport{position:absolute;inset:0;overflow:auto;display:grid;place-items:center;padding:34px 44px 48px}.board-frame{width:min(100%,calc((100vh - var(--topbar) - var(--film) - 70px) * 16 / 9));aspect-ratio:16/9;background:var(--paper);box-shadow:0 5px 21px rgba(47,44,39,.14);border:1px solid rgba(121,111,97,.26);position:relative;flex:none}.board-frame.zoomed{width:auto}.board-frame svg{width:100%;height:100%;display:block;touch-action:none;user-select:none;background:var(--paper)}.board-frame svg[data-tool=pen],.board-frame svg[data-tool=marker]{cursor:crosshair}.board-frame svg[data-tool=eraser]{cursor:cell}.board-frame svg[data-tool=text]{cursor:text}.zoom-strip{position:absolute;right:16px;bottom:15px;display:flex;background:rgba(255,253,249,.94);border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 2px 8px rgba(47,44,39,.06)}.mini-btn{height:32px;min-width:34px;border:0;border-right:1px solid var(--line);background:transparent;font-size:14px}.mini-btn:last-child{border-right:0}.mini-btn.wide{padding:0 11px;color:var(--ink-soft);font-size:11px}.mini-btn:hover{background:var(--paper-2)}
/* right drawers */
.right-drawer,.tool-drawer,.layers-drawer{position:absolute;right:0;top:0;bottom:0;width:310px;background:#f8f5ee;border-left:1px solid var(--line);z-index:30;transform:translateX(0);transition:transform var(--ease);box-shadow:-4px 0 14px rgba(47,44,39,.04)}.right-drawer.closed,.tool-drawer.closed,.layers-drawer.closed{transform:translateX(101%);pointer-events:none}.drawer-tab{position:absolute;left:-6px;top:50%;width:6px;height:66px;background:var(--accent);border-radius:8px 0 0 8px;opacity:.75}.drawer-head{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px 0 20px}.drawer-head h2{font:700 20px Georgia;margin:0}.drawer-head .icon-btn{margin-left:auto}.drawer-content-inner{padding:18px}.prop-section{padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid var(--line)}.prop-section:last-child{border-bottom:0}.prop-title{font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--muted);margin-bottom:10px}.prop-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.prop-row:last-child{margin-bottom:0}.prop-row>label{flex:1;font-size:12px;color:var(--ink-soft)}.prop-row input[type=number],.prop-row input[type=text],.prop-row select,.prop-section textarea{width:100%;border:1px solid var(--line-2);background:var(--paper);border-radius:7px;padding:8px}.prop-section textarea{min-height:110px;resize:vertical}.prop-row input[type=color]{width:42px;height:34px;border:1px solid var(--line);border-radius:7px;padding:3px;background:var(--paper)}.prop-row input[type=range]{width:100%}.prop-chipset{display:flex;gap:5px;flex-wrap:wrap}.prop-chip{border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:7px 9px;font-size:12px}.prop-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.drawer-actions .btn{font-size:12px}.tool-drawer,.layers-drawer{width:360px;z-index:34}.tool-search{display:block;padding:13px 16px}.tool-search input{width:100%;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:0 11px}.tool-categories{overflow:auto;height:calc(100% - 125px);padding:0 14px 24px}.tool-category{margin:8px 0 18px}.tool-category h3{font-size:10px;letter-spacing:.12em;color:var(--muted);margin:0 4px 7px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool-card{min-height:64px;border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:10px;text-align:left;display:flex;flex-direction:column;justify-content:center}.tool-card:hover{border-color:#bdb4a6;background:#fff}.tool-card strong{font-size:13px}.tool-card small{color:var(--muted);font-size:10px;margin-top:2px}.layer-list{padding:10px;overflow:auto;height:calc(100% - 72px)}.layer-row{display:grid;grid-template-columns:29px 29px 1fr;border-radius:7px;align-items:center;min-height:45px;margin-bottom:3px}.layer-row.selected{background:#eee6d5}.layer-row:hover{background:#f2eee6}.layer-row button{border:0;background:transparent;height:100%;border-radius:6px}.layer-main{text-align:left;padding:4px 6px}.layer-main span{display:block;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-main small{font-size:9px;color:var(--muted)}.layer-eye,.layer-lock{font-size:11px;color:var(--muted)}
/* popovers */
.tool-popover{position:absolute;left:68px;top:160px;width:310px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:60;padding:12px}.popover-title{font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--muted);padding:2px 4px 9px}.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.shape-grid button{height:76px;border:1px solid transparent;background:transparent;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.shape-grid button:hover{background:var(--paper-2);border-color:var(--line)}.shape-grid span{font-size:10px}.shape-swatch{display:block;width:28px;height:22px;border:2px solid var(--ink);background:#f5e8b6}.shape-swatch.rounded{border-radius:8px}.shape-swatch.circle{border-radius:50%;height:28px}.shape-swatch.triangle{width:0;height:0;background:transparent;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:26px solid var(--accent);border-top:0}.shape-swatch.diamond{transform:rotate(45deg);width:20px;height:20px}.shape-swatch.star{border:0;background:transparent;font-size:28px;line-height:1}.shape-swatch.hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.line-grid{grid-template-columns:repeat(3,1fr)}.line-grid i{font-style:normal;font-size:28px}
/* filmstrip + notes */
.filmstrip{position:absolute;left:0;right:0;bottom:0;height:var(--film);border-top:1px solid var(--line);background:#f4f0e8;display:flex;align-items:center;padding:8px 10px;gap:9px;z-index:40}.film-actions{display:flex;gap:5px;align-items:center}.film-icon{width:36px;height:36px}.slide-list{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;flex:1;padding:2px 3px 6px}.slide-thumb{width:116px;min-width:116px;border:0;background:transparent;padding:0;position:relative}.slide-thumb-preview{width:116px;aspect-ratio:16/9;background:var(--paper);border:1px solid #cfc8bd;border-radius:5px;box-shadow:0 1px 3px rgba(47,44,39,.06);overflow:hidden;padding:8px;position:relative;text-align:left}.slide-thumb.active .slide-thumb-preview:after{content:"";position:absolute;left:10px;right:8px;bottom:1px;height:4px;background:var(--accent);border-radius:55% 44% 62% 40%;transform:rotate(-1deg)}.slide-thumb.hidden-slide{opacity:.55}.slide-number{position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:50%;background:rgba(47,44,39,.78);color:#fff;font-size:9px;display:grid;place-items:center}.slide-mini-text{display:block;margin:13px 4px 0;font-size:9px;font-weight:700;line-height:1.2;max-height:32px;overflow:hidden}.slide-section-label{display:block;font-size:8px;color:var(--muted);margin-top:4px;overflow:hidden;text-overflow:ellipsis}.film-right{display:flex;gap:5px}.notes-panel{position:absolute;left:var(--rail);right:0;bottom:var(--film);height:185px;background:#f7f3ea;border-top:1px solid var(--line);z-index:35;padding:20px 28px}.notes-panel textarea{width:100%;height:105px;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:12px;resize:none}.notes-panel label>span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--muted);margin-bottom:7px}.notes-handle{position:absolute;top:5px;left:50%;width:40px;height:4px;border-radius:3px;background:var(--line-2)}
/* selection + svg */
.smart-guide{stroke:var(--accent);stroke-width:2;stroke-dasharray:7 6;vector-effect:non-scaling-stroke}.draft{pointer-events:none}.marquee{fill:rgba(211,161,58,.10);stroke:var(--accent);stroke-width:2;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}.selection-object-outline{fill:none;stroke:rgba(47,44,39,.34);stroke-width:1.5;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;pointer-events:none}.selection-box{fill:none;stroke:var(--ink);stroke-width:1.7;vector-effect:non-scaling-stroke;pointer-events:none}.selection-handle,.rotate-handle{fill:var(--paper);stroke:var(--accent-dark);stroke-width:3;vector-effect:non-scaling-stroke;cursor:nwse-resize}.selection-handle[data-handle=n],.selection-handle[data-handle=s]{cursor:ns-resize}.selection-handle[data-handle=e],.selection-handle[data-handle=w]{cursor:ew-resize}.selection-handle[data-handle=ne],.selection-handle[data-handle=sw]{cursor:nesw-resize}.rotate-handle{cursor:grab}.rotate-stem{stroke:var(--ink);stroke-width:1.5;vector-effect:non-scaling-stroke}.svg-text{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;outline:0;user-select:none}.svg-text.editing{background:rgba(255,253,249,.75);box-shadow:inset 0 0 0 2px rgba(211,161,58,.55);user-select:text;cursor:text}.placeholder-text{color:#8b857a!important}.missing-asset{width:100%;height:100%;display:grid;place-items:center;text-align:center;border:3px dashed #b96356;background:#fff4f0;color:#8b443b;font-size:28px}.missing-asset small{font-size:16px}.table-cell{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;outline:0}.table-cell[contenteditable=true]{background:#fffbe9;box-shadow:inset 0 0 0 2px var(--accent)}
/* widgets */
.svg-widget-wrap{width:100%;height:100%;overflow:hidden;container-type:size}.widget{width:100%;height:100%;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);box-sizing:border-box}.timer-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:0}.timer-time{font-size:clamp(28px,20cqw,112px);font-weight:800;letter-spacing:-.055em;line-height:.95;font-variant-numeric:tabular-nums}.widget-hint{margin-top:8px;color:var(--muted);font-size:clamp(9px,5cqw,18px)}.timer-track{width:82%;height:10%;max-height:28px;background:#e2ddd3;border-radius:999px;overflow:hidden;margin-top:8%}.timer-track i{display:block;height:100%;background:var(--accent);border-radius:inherit}.timer-circle{position:relative}.timer-circle svg{height:84%;width:84%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#e2ddd3;stroke-width:12}.ring-fg{fill:none;stroke:var(--accent);stroke-width:12;stroke-linecap:round}.timer-circle .timer-time{position:absolute}.traffic-widget{display:flex;flex-direction:column;align-items:center;justify-content:center}.traffic-body{width:62%;height:78%;background:#34312d;border-radius:18%;padding:9%;display:flex;flex-direction:column;gap:7%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)}.traffic-light{flex:1;border:0;border-radius:50%;opacity:.23;box-shadow:inset 0 0 0 4px rgba(0,0,0,.12)}.traffic-light.on{opacity:1}.traffic-light.red{background:#d25e54}.traffic-light.orange{background:#e2a13b}.traffic-light.green{background:#67a36f}.traffic-label{font-size:clamp(10px,8cqw,25px);font-weight:800;margin-top:4%}.clock-widget{display:grid;place-items:center}.clock-widget svg{width:100%;height:100%}.clock-face{fill:#fffdf9;stroke:#2f2c27;stroke-width:5}.clock-widget text{font-size:15px;font-weight:700;fill:#2f2c27}.clock-hour{stroke:#2f2c27;stroke-width:7;stroke-linecap:round}.clock-minute{stroke:#2f2c27;stroke-width:4.5;stroke-linecap:round}.clock-pin{fill:#d3a13a}.clock-widget.digital{font-size:clamp(36px,24cqw,130px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.dice-widget{position:relative;background:#fffdf9;border:4px solid #2f2c27;border-radius:16%;width:82%;height:82%;margin:9%;padding:0}.dice-widget i{position:absolute;width:13%;aspect-ratio:1;background:#2f2c27;border-radius:50%;transform:translate(-50%,-50%)}.scoreboard-widget{display:grid;grid-template-columns:1fr 4px 1fr;align-items:stretch;background:#fffdf9;border:3px solid #2f2c27;border-radius:7%;overflow:hidden}.score-team{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2%;padding:6%}.score-team b{font-size:clamp(11px,8cqw,29px)}.score-team strong{font-size:clamp(38px,22cqw,100px);line-height:1}.score-team button{width:2em;height:2em;border:1px solid #d9d3c8;background:#f7f3ea;border-radius:20%;font-weight:800;margin:2px;font-size:clamp(10px,6cqw,22px)}.score-sep{background:#2f2c27}.picker-widget,.random-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10%;background:#fffdf9;border:3px solid #2f2c27;border-radius:7%;padding:7%}.picker-result{font-family:Georgia,serif;font-size:clamp(20px,16cqw,60px);font-weight:700;text-align:center}.picker-widget button,.random-widget button,.groups-widget button{border:0;background:#2f2c27;color:white;border-radius:9px;padding:3% 6%;font-weight:800;font-size:clamp(10px,6cqw,22px)}.groups-widget{height:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(22%,1fr));gap:3%;background:#fffdf9;border:3px solid #2f2c27;border-radius:6%;padding:5%;position:relative}.groups-widget>div{background:#f7f3ea;border-radius:8px;padding:5%;text-align:center}.groups-widget b{display:block;font-size:clamp(10px,6cqw,20px);margin-bottom:4%}.groups-widget span{font-size:clamp(9px,1.20cqw,18px)}.groups-widget button{position:absolute;right:4%;bottom:4%}.groups-empty{grid-column:1/-1;display:grid;place-items:center!important;font-size:clamp(14px,10cqw,28px);color:var(--muted)}.wheel-widget{height:100%;display:grid;grid-template-columns:70% 30%;align-items:center}.wheel-widget>button{position:relative;width:100%;aspect-ratio:1;border:0;background:transparent;padding:0}.wheel-widget svg{width:100%;height:100%;transition:transform 1.5s cubic-bezier(.15,.7,.1,1)}.wheel-pointer{position:absolute;right:1%;top:45%;width:12%;height:10%;background:#2f2c27;clip-path:polygon(100% 0,0 50%,100% 100%)}.wheel-result{font-family:Georgia,serif;font-size:clamp(12px,10cqw,30px);font-weight:700;text-align:center;overflow-wrap:anywhere}.cover-widget{border:0;border-radius:3%;display:grid;place-items:center;color:#2f2c27;font-size:clamp(16px,13cqw,46px);font-weight:800}.cover-widget.revealed{background:transparent!important;border:3px dashed #d9d3c8;color:transparent}.flip-widget{border:3px solid #2f2c27;background:#fffdf9;border-radius:6%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7%;font-family:Georgia,serif}.flip-widget.flipped{background:#f5e8b6}.flip-widget span{font-size:clamp(18px,16cqw,54px);font-weight:700}.flip-widget small{font-family:"Segoe UI",Arial,sans-serif;color:#8b857a;margin-top:5%;font-size:clamp(8px,1.16cqw,15px)}.sticky-widget{padding:9%;font-family:Georgia,serif;font-size:clamp(15px,13cqw,42px);line-height:1.3;box-shadow:0 4px 9px rgba(47,44,39,.14);clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}.random-widget strong{font-size:clamp(44px,28cqw,130px)}
/* lesson & presentation */
.lesson-bar{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);height:54px;background:rgba(255,253,249,.96);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 14px rgba(47,44,39,.12);z-index:100;display:flex;align-items:center;padding:5px;gap:3px}.lesson-tool{width:44px;height:44px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center}.lesson-tool:hover{background:var(--paper-2)}.lesson-text-btn{height:40px;border:0;background:transparent;padding:0 10px;border-left:1px solid var(--line);font-size:12px;font-weight:700}.editor.lesson-mode .topbar,.editor.lesson-mode .tool-rail,.editor.lesson-mode .filmstrip,.editor.lesson-mode .right-drawer,.editor.lesson-mode .tool-drawer,.editor.lesson-mode .layers-drawer,.editor.lesson-mode .notes-panel,.editor.lesson-mode .zoom-strip{display:none!important}.editor.lesson-mode .editor-main{top:0;bottom:0}.editor.lesson-mode .board-viewport{padding:16px}.editor.lesson-mode .board-frame{width:min(100%,calc((100vh - 32px) * 16 / 9))}.editor.presentation-mode .lesson-bar{opacity:0;pointer-events:none}.editor.presentation-mode .board-viewport{padding:0;background:#111}.editor.presentation-mode .board-frame{width:min(100vw,calc(100vh * 16 / 9));border:0;box-shadow:none}.blackout{position:fixed;inset:0;background:#151515;z-index:9998}.laser-dot{position:fixed;width:18px;height:18px;border:3px solid rgba(255,255,255,.85);background:#e84b3d;border-radius:50%;z-index:9997;box-shadow:0 0 0 7px rgba(232,75,61,.20);pointer-events:none;transform:translate(-50%,-50%)}.quick-overlay{position:fixed;inset:0;pointer-events:none;z-index:110}.quick-box{pointer-events:auto;position:absolute;right:24px;top:24px;width:330px;min-height:190px;background:#fffdf9;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:15px}.quick-close{position:absolute;right:8px;top:8px;width:30px;height:30px;border:0;background:transparent;font-size:20px}.quick-timer-time{font-size:62px;font-weight:800;text-align:center;margin:32px 0 16px;font-variant-numeric:tabular-nums}.quick-row{display:flex;justify-content:center;gap:6px}.quick-row button{border:1px solid var(--line);background:var(--paper-2);border-radius:8px;padding:8px 12px;font-weight:700}
/* presenter */
.presenter{background:#282521;color:#f9f4e9;padding:24px}.presenter-grid{height:100%;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr auto;gap:18px}.presenter-current,.presenter-next,.presenter-notes{border:1px solid #555048;border-radius:12px;background:#332f2a;padding:14px}.presenter-current{grid-row:1/3}.presenter-preview{aspect-ratio:16/9;background:#fffdf9;margin-top:8px;overflow:hidden;position:relative}.presenter-preview.small{width:100%}.presenter-notes{overflow:auto;font-size:20px;line-height:1.5}.presenter-status{display:flex;gap:20px;align-items:center;font-size:22px}.presenter-status strong{font-variant-numeric:tabular-nums}.presenter-controls{display:flex;justify-content:flex-end;gap:8px}.presenter-controls button{border:1px solid #6d665d;background:#39352f;color:#fff;border-radius:8px;padding:10px 14px}
/* modal/toast */
.modal-backdrop{position:fixed;inset:0;background:rgba(34,31,27,.44);z-index:10000;display:grid;place-items:center;padding:20px}.modal{width:min(560px,913cqw);max-height:86vh;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 60px rgba(30,25,20,.22);padding:24px}.modal h2{font:700 27px Georgia;margin:0 0 10px}.modal p{color:var(--ink-soft);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;flex-wrap:wrap}.modal .field{margin:13px 0}.modal .field label{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:5px}.modal .field input,.modal .field textarea,.modal .field select{width:100%;border:1px solid var(--line-2);border-radius:8px;background:#fff;padding:9px}.modal .field textarea{min-height:120px}.sorter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sorter-card{border:1px solid var(--line);border-radius:8px;padding:8px;background:#f7f3ea}.sorter-card-preview{aspect-ratio:16/9;background:#fff;border:1px solid #ddd5c8;margin-bottom:7px;padding:8px;font-size:10px}.sorter-card-row{display:flex;align-items:center;gap:5px}.sorter-card-row input{flex:1;min-width:0}.toast-stack{position:fixed;right:18px;top:72px;z-index:12000;display:flex;flex-direction:column;gap:7px;pointer-events:none}.toast{background:var(--ink);color:#fff;border-radius:8px;padding:10px 13px;font-size:12px;box-shadow:0 5px 20px rgba(0,0,0,.16);max-width:360px;animation:toastin .18s ease}.toast.error{background:#9e493f}.toast.success{background:#566e5d}@keyframes toastin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* context strip */
.context-strip{position:fixed;z-index:80;height:42px;background:#fffdf9;border:1px solid var(--line);border-radius:9px;box-shadow:0 3px 11px rgba(47,44,39,.12);display:flex;align-items:center;padding:3px;gap:2px}.context-strip button{height:34px;min-width:34px;border:0;background:transparent;border-radius:6px;padding:0 7px;font-size:11px;font-weight:700}.context-strip button:hover{background:var(--paper-2)}.context-strip svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* large controls */
body.controls-large{--rail:72px;--topbar:64px;--film:116px}body.controls-large .rail-btn{width:58px;height:58px}body.controls-large .selection-handle{r:15px}body.controls-large .btn{min-height:45px}
@media(max-width:900px){.library-main{padding:32px 18px 80px}.library-head{align-items:stretch;flex-direction:column}.search{margin-left:0;width:100%}.right-drawer,.tool-drawer,.layers-drawer{width:min(360px,86vw)}.topbar .btn.subtle,#notes-btn{display:none}.film-right{display:none}.board-viewport{padding:20px}.sorter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){:root{--rail:54px;--film:88px}.topbar{padding:0 5px}.title-input{max-width:130px}.topbar .history-group,.save-state,.topbar .btn.secondary{display:none}.library-bar{padding:0 12px}.library-bar .btn.secondary{display:none}.board-grid{grid-template-columns:1fr 1fr;gap:13px}.tool-rail{padding-left:3px;padding-right:3px}.rail-btn{width:44px;height:44px}.slide-thumb,.slide-thumb-preview{width:96px;min-width:96px}.onboarding-panel{padding:34px 28px}.onboarding h1{font-size:42px}.folder-art{height:130px}.folder-art svg{height:120px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.modal.wide{width:min(1050px,96vw)}
.board-menu{position:fixed;z-index:20000;min-width:205px;background:#fffdf9;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px}.board-menu button{width:100%;height:36px;border:0;background:transparent;border-radius:6px;text-align:left;padding:0 10px;font-size:12px;font-weight:650}.board-menu button:hover{background:var(--paper-2)}.board-menu hr{border:0;border-top:1px solid var(--line);margin:5px}