.remote-pairing{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.remote-pairing-card{color:#0b0f14;background:#fff;border-radius:16px;flex-direction:column;gap:14px;width:min(360px,92vw);padding:20px;display:flex;box-shadow:0 20px 60px #00000080}.remote-pairing-head{justify-content:space-between;align-items:center;display:flex}.remote-pairing-head h2{margin:0;font-size:18px}.remote-pairing-hint{color:#475569;margin:0;font-size:14px}.remote-pairing-qr{justify-content:center;align-items:center;min-height:240px;display:flex}.remote-pairing-qr img{border-radius:8px}.remote-pairing-qr-placeholder{background:repeating-linear-gradient(45deg,#e2e8f0,#e2e8f0 10px,#f1f5f9 10px 20px);border-radius:8px;width:240px;height:240px}.remote-pairing-actions{justify-content:center;display:flex}.remote-pairing-fallback{color:#475569;font-size:13px}.remote-pairing-fallback summary{cursor:pointer}.remote-pairing-code{word-break:break-all;background:#f1f5f9;border-radius:8px;margin-top:8px;padding:8px;font-size:12px;display:block}.remote-pairing-badge{text-align:center;border-radius:8px;padding:8px;font-size:13px;font-weight:600}.remote-pairing-badge--on{color:#166534;background:#dcfce7}.remote-pairing-badge--off{color:#854d0e;background:#fef9c3}.present-mode{z-index:100;background:#000;outline:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.present-mode--idle{cursor:none}.present-mode--idle .present-mode-controls{opacity:0;pointer-events:none}.present-mode-stage{aspect-ratio:16/9;isolation:isolate;flex-shrink:0;width:min(100vw,177.778vh);max-height:100vh;position:relative}.present-mode-canvas{display:block}.present-mode-canvas .slide-canvas-wrap{width:100%;max-width:none;height:100%}.present-mode-canvas .slide-canvas{border:none;border-radius:0;width:100%;max-width:none;height:100%}.present-mode-controls{pointer-events:none;z-index:50;transition:opacity .25s;position:absolute;inset:0}.present-mode--fullscreen .present-mode-controls{opacity:0;pointer-events:none}.present-mode-nav{pointer-events:auto;color:#f8fafc;cursor:pointer;background:#00000059;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:3.5rem;height:5rem;font-size:1.5rem;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.present-mode-nav:hover:not(:disabled){background:#ffffff1f}.present-mode-nav:disabled{opacity:.25;cursor:default}.present-mode-nav--prev{left:1rem}.present-mode-nav--next{right:1rem}.present-mode-bottom{pointer-events:auto;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.present-mode-counter{color:#f8fafcd9;text-align:center;min-width:4rem;font-size:.9rem}.present-mode-toolbar{pointer-events:auto;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.present-mode-toolbar .surf-btn{color:#f8fafc;background:#00000073;border-color:#fff3}.present-mode-toolbar .surf-btn:hover{background:#ffffff1f}.present-mode-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.present-mode-preload{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.present-mode-main{justify-content:center;align-items:center;gap:0;width:100%;height:100%;display:flex}.present-mode--presenter .present-mode-main{flex-direction:row;gap:.75rem;padding:.75rem}.present-mode--presenter .present-mode-stage{width:min(58vw,177.778vh)}.present-mode-presenter{color:#f8fafc;background:#0f172a;border:2px solid #334155;border-radius:10px;flex-direction:column;flex:1;min-width:280px;max-width:42vw;height:min(100vh - 1.5rem,32.625vw);padding:.75rem 1rem;display:flex}.present-mode-presenter--warn{border-color:#d97706}.present-mode-presenter--over{border-color:#dc2626}.present-mode-presenter-timers{color:#cbd5e1;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;font-family:ui-monospace,monospace;font-size:.85rem;display:flex}.present-mode-teleprompter{flex:1;padding:.5rem 0;font-size:1.35rem;line-height:1.55;overflow-y:auto}.present-mode-teleprompter-md{background:0 0;border:none;min-height:0;font-size:1.35rem;line-height:1.55}.present-mode-teleprompter-md .speaker-md-editor__content{min-height:0;max-height:none;padding:0;font-size:1.35rem}.present-mode-teleprompter-md .ProseMirror strong{color:#f8fafc}.present-mode-teleprompter-md .ProseMirror em{color:#7dd3fc}.present-mode-teleprompter-md .ProseMirror mark,.present-mode-teleprompter-md .speaker-md-mark{color:#bae6fd;background:linear-gradient(#0000 50%,#7dd3fc66 50%)}.present-mode-next{border-top:1px solid #334155;margin-top:.5rem;padding-top:.5rem;font-size:.9rem}.present-mode-presenter-actions{margin-top:.5rem}.present-mode-blank{z-index:30;cursor:none;background:#000;position:absolute;inset:0}.present-mode-pointer{z-index:35;pointer-events:none;background:radial-gradient(circle,#f87171f2 0%,#ef44448c 60%,#0000 70%);border-radius:50%;width:22px;height:22px;margin-top:-11px;margin-left:-11px;position:absolute;box-shadow:0 0 12px 4px #ef444499}.surf-btn.surf-btn--ghost.is-active{color:#4ade80}.present-mode-remote-diag{z-index:40;pointer-events:none;flex-direction:column;gap:.35rem;max-width:min(360px,80vw);display:flex;position:absolute;top:4rem;right:1rem}.present-mode-remote-diag-line{color:#e2e8f0;background:#0f172aeb;border:1px solid #94a3b866;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;line-height:1.35}.present-mode-remote-diag-line--error{color:#fecaca;border-color:#dc2626}.present-mode-remote-diag-line strong{color:#f8fafc}.speaker-reader{--reader-pad:max(1rem, env(safe-area-inset-left,0px));--reader-pad-r:max(1rem, env(safe-area-inset-right,0px));--reader-pad-top:max(.75rem, env(safe-area-inset-top,0px));--reader-pad-bottom:max(.75rem, env(safe-area-inset-bottom,0px));--reader-font:clamp(1rem, 2.8vmin, 1.25rem);--reader-title-font:clamp(1.2rem, 3.5vmin, 1.65rem);color:#e8f4fc;height:100dvh;max-height:100dvh;font-size:var(--reader-font);background:#0b1f2a;flex-direction:column;line-height:1.55;display:flex;overflow:hidden}.speaker-reader-header{z-index:20;padding:var(--reader-pad-top) var(--reader-pad-r) .5rem var(--reader-pad);background:#0b1f2a;flex:none;transition:opacity .25s,transform .25s}.speaker-reader--chrome-hidden .speaker-reader-header,.speaker-reader--chrome-hidden .speaker-reader-index,.speaker-reader--chrome-hidden .speaker-reader-nav{opacity:0;pointer-events:none;transform:translateY(-.35rem)}@media (prefers-reduced-motion:reduce){.speaker-reader-header,.speaker-reader-index,.speaker-reader-nav{transition:none}}.speaker-reader-back{color:#7dd3fc;margin-bottom:.25rem;font-size:.85em;text-decoration:none;display:inline-block}.speaker-reader-title{font-size:var(--reader-title-font);margin:0;font-weight:700;line-height:1.2}.speaker-reader-subtitle{margin:.2rem 0 0;font-size:.85em}.speaker-reader-offline-badge{color:#fcd34d;background:#fbbf2426;border-radius:6px;margin:.35rem 0 0;padding:.3rem .55rem;font-size:.8em;display:inline-block}.speaker-reader-index{z-index:19;padding:0 var(--reader-pad-r) .5rem var(--reader-pad);scrollbar-width:thin;background:#0b1f2a;border-bottom:1px solid #38bdf826;flex:none;gap:.35rem;transition:opacity .25s,transform .25s;display:flex;overflow-x:auto}.speaker-reader-index-btn{max-width:8rem;color:inherit;cursor:pointer;font:inherit;text-align:left;background:#0f2d3ecc;border:1px solid #38bdf840;border-radius:8px;flex-direction:column;flex:none;align-items:flex-start;gap:.1rem;padding:.35rem .5rem;display:flex}.speaker-reader-index-btn.is-active{background:#38bdf833;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf859}.speaker-reader-index-btn:hover{background:#38bdf81f;border-color:#38bdf8}.speaker-reader-index-num{color:#38bdf8;font-size:.75em;font-weight:700}.speaker-reader-index-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75em;overflow:hidden}.speaker-reader-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;flex:1 1 0;min-height:0;display:flex;overflow:auto hidden}.speaker-reader-carousel::-webkit-scrollbar{display:none}.speaker-reader-slide-page{scroll-snap-align:start;scroll-snap-stop:always;width:100%;min-height:0;padding:.5rem var(--reader-pad-r) 0 var(--reader-pad);content-visibility:auto;contain-intrinsic-size:auto 600px;flex-direction:column;flex:0 0 100%;display:flex;overflow:hidden}.speaker-reader-main{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.speaker-reader-slide-head{flex-wrap:wrap;flex:none;align-items:center;gap:.45rem .65rem;margin-bottom:.65rem;display:flex}.speaker-reader-slide-num{color:#7dd3fc;background:#38bdf833;border-radius:999px;justify-content:center;align-items:center;min-width:1.85rem;height:1.85rem;padding:0 .45rem;font-size:.85em;font-weight:700;display:inline-flex}.speaker-reader-slide-heading{flex:10rem;margin:0;font-size:clamp(1rem,3vmin,1.35rem);line-height:1.25}.speaker-reader-present-btn{margin-left:auto;font-size:.85em}.speaker-reader-slide-grid{flex-direction:column;flex:1 1 0;gap:.85rem;min-height:0;display:flex;overflow:hidden}.speaker-reader-thumb-wrap{flex:none;justify-content:center;width:100%;display:flex}.speaker-reader-thumb{--reader-thumb-height:min(38vh, 22rem);height:var(--reader-thumb-height);aspect-ratio:16/9;background:#061018;border-radius:10px;width:auto;max-width:100%;margin:0 auto;overflow:hidden;box-shadow:0 6px 24px #00000059}.speaker-reader-thumb .slide-canvas-wrap{width:100%;max-width:none;height:100%}.speaker-reader-thumb .slide-canvas{border:none;border-radius:0;width:100%;max-width:none;height:100%}.speaker-reader-thumb-placeholder{aspect-ratio:16/9;background:linear-gradient(145deg,#0a1824 0%,#061018 55%,#0d2230 100%);width:100%;height:100%}.speaker-reader-content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex-direction:column;flex:1 1 0;gap:1rem;min-height:0;padding-bottom:.5rem;display:flex;overflow-y:auto}.speaker-reader-script-head{align-items:baseline;gap:.75rem;margin-bottom:.45rem;display:flex}.speaker-reader-script-head h3,.speaker-reader-notes-title{color:#bae6fd;margin:0;font-size:1em}.speaker-reader-script-md{font-size:1.05em}.speaker-reader-notes .surf-note-card{background:#0f2d3ed9}.speaker-reader-notes-tray{background:#081c28fa;border-top:1px solid #38bdf833;flex:none}.speaker-reader-notes-tray-toggle{width:100%;padding:.55rem var(--reader-pad-r) .55rem var(--reader-pad);color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;display:flex}.speaker-reader-notes-tray-toggle:hover{background:#38bdf814}.speaker-reader-notes-tray-chevron{color:#38bdf8;text-align:center;width:1rem;font-size:.85em}.speaker-reader-notes-tray-label{flex:1;font-size:.95em;font-weight:600}.speaker-reader-notes-tray-count{color:#7dd3fc;background:#38bdf840;border-radius:999px;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;margin-left:.4rem;padding:0 .35rem;font-size:.8em;font-weight:700;display:inline-flex}.speaker-reader-notes-tray-hint{font-size:.8em}.speaker-reader-notes-tray-panel{-webkit-overflow-scrolling:touch;max-height:min(42vh,20rem);padding:0 var(--reader-pad-r) .65rem var(--reader-pad);border-top:1px solid #38bdf81f;overflow-y:auto}.speaker-reader-notes-list{flex-direction:column;gap:.65rem;padding-top:.5rem;display:flex}.speaker-reader-nav{padding:.65rem var(--reader-pad-r) var(--reader-pad-bottom) var(--reader-pad);background:#0b1f2a;border-top:1px solid #38bdf826;flex:none;justify-content:space-between;align-items:center;gap:.75rem;transition:opacity .25s,transform .25s;display:flex}.speaker-reader-nav-btn{min-width:7rem}.speaker-reader-nav-counter{font-variant-numeric:tabular-nums;font-size:.9em}@media (aspect-ratio>=6/5){.speaker-reader-slide-grid{flex-direction:row;align-items:stretch;gap:1.25rem}.speaker-reader-thumb-wrap{flex:none;justify-content:center;align-items:flex-start;max-width:44%;display:flex}.speaker-reader-thumb{height:var(--reader-thumb-height);width:auto;max-width:100%}.speaker-reader-content{flex:1 1 0;min-height:0}}.speaker-reader-page-empty{color:#e8f4fc;text-align:center;background:#0b1f2a;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100dvh;padding:2rem;display:flex}.speaker-reader-page-empty a{color:#7dd3fc}@media (orientation:portrait) and (width<=480px){.speaker-reader{--reader-font:clamp(1.1rem, 4.6vw, 1.4rem)}.speaker-reader-header{padding-bottom:.35rem}.speaker-reader-title{font-size:1.15rem}.speaker-reader-subtitle{display:none}.speaker-reader-index{padding-bottom:.35rem}.speaker-reader-index-label{display:none}.speaker-reader-index-btn{max-width:none;padding:.3rem .55rem}.speaker-reader-slide-head{margin-bottom:.4rem}.speaker-reader-slide-grid{gap:.6rem}.speaker-reader-thumb{--reader-thumb-height:min(24vh, 13rem)}.speaker-reader-content{gap:1.15rem}.speaker-reader-script-md{font-size:1.15em;line-height:1.6}}.remote-control{color:#f4f6f8;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:pan-y;background:#0b0f14;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.remote-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.remote-header-title{flex-direction:column;gap:2px;min-width:0;display:flex}.remote-deck-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.remote-status{font-size:12px}.remote-status--on{color:#4ade80}.remote-status--off{color:#f59e0b}.remote-status-error{color:#f87171;margin-top:2px;font-size:11px;display:block}.remote-counter{font-variant-numeric:tabular-nums;opacity:.8;font-size:14px}.remote-stage{flex:none;justify-content:center;align-items:center;padding:12px;display:flex;position:relative}.remote-thumb{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 8px 30px #0006}.remote-tapzone{z-index:2;cursor:pointer;background:0 0;border:none;width:22%;position:absolute;top:0;bottom:0}.remote-tapzone--prev{left:0}.remote-tapzone--next{right:0}.remote-tapzone:disabled{cursor:default}.remote-timers{font-variant-numeric:tabular-nums;color:#cbd5e1;justify-content:space-between;gap:12px;padding:6px 16px;font-size:14px;display:flex}.remote-timers--warn{color:#fbbf24}.remote-timers--over{color:#f87171}.remote-teleprompter{-webkit-overflow-scrolling:touch;flex:auto;padding:12px 16px;font-size:18px;line-height:1.55;overflow-y:auto}.remote-teleprompter .muted{opacity:.6}.remote-next{border-top:1px solid #ffffff14;align-items:baseline;gap:8px;padding:8px 16px;font-size:14px;display:flex}.remote-next .muted{opacity:.6;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.remote-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;display:flex}.remote-nav-btn{flex:none;min-width:64px;font-size:20px}.remote-blank-btn{flex:auto}.remote-blank-btn.is-active{color:#0b0f14;background:#f59e0b}.remote-empty{text-align:center;color:#e5e7eb;background:#0b0f14;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}:root{--surface-0:#0b1f2a;--surface-1:#0a1822;--surface-2:#132636;--surface-3:#1e293b;--border-subtle:#1e3a4a;--border-default:#334155;--border-strong:#475569;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#38bdf8;--accent-fg:#0b1f2a;--status-ok:#4ade80;--status-error:#f87171;--status-warn:#fbbf24;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--shadow-card:0 1px 3px #00000040;--shadow-overlay:0 8px 24px #0006;--topbar-height:3rem;--card-padding:var(--space-4);--card-gap:var(--space-3);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--surface-0);font-family:Surf Sans,system-ui,-apple-system,sans-serif;line-height:1.5}@font-face{font-family:Surf Sans;src:url(/fonts/Inter-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Surf Sans;src:url(/fonts/Inter-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Surf Sans;src:url(/fonts/Inter-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Surf Sans;src:url(/fonts/Inter-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Surf Sans;src:url(/fonts/Inter-ExtraBold.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Surf Serif;src:url(/fonts/SourceSerif4-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Surf Serif;src:url(/fonts/SourceSerif4-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Surf Serif;src:url(/fonts/SourceSerif4-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Surf Mono;src:url(/fonts/JetBrainsMono-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Surf Mono;src:url(/fonts/JetBrainsMono-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.muted{color:#94a3b8}.ok{color:#4ade80}.error{color:#f87171}.shell-page,.library-page{max-width:48rem;margin:0 auto;padding:2rem 1rem}.surf-shell-page{max-width:none;padding:1.5rem 0 2rem}.surf-workspace{grid-template-columns:15rem minmax(0,1fr);min-height:100dvh;display:grid}.surf-main{min-width:0;padding:0 1.25rem 2rem;overflow:auto}.surf-sidebar{background:#0a1822;border-right:1px solid #1e3a4a;flex-direction:column;gap:.75rem;min-height:100dvh;padding:1rem .75rem;display:flex}.surf-brand{align-items:center;gap:.5rem;padding:0 .35rem .5rem;display:flex}.surf-brand-mark{background:linear-gradient(135deg,#38bdf8,#0ea5e9 55%,#0369a1);border-radius:6px;width:1.5rem;height:1.5rem}.surf-brand-title{letter-spacing:.02em;font-weight:700}.surf-nav{flex-direction:column;gap:.25rem;display:flex}.surf-nav-link{color:#cbd5e1;border-radius:8px;padding:.45rem .6rem;text-decoration:none;display:block}.surf-nav-link:hover{background:#132636}.surf-nav-link.active{color:#f8fafc;background:#1e3a4a}.surf-sidebar-user{background:#0b1f2a;border:1px solid #1e3a4a;border-radius:10px;padding:.75rem .6rem}.surf-sidebar-user-name{margin:0 0 .15rem;font-weight:600}.surf-sidebar-user-email,.surf-sidebar-meta,.surf-sidebar-credits-error{margin:.15rem 0;font-size:.85rem}.surf-sidebar-credits{margin:.5rem 0 0}.surf-sidebar-section-head{align-items:center;gap:.35rem;padding:0 .35rem;display:flex}.surf-sidebar-section-head h2{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;flex:1;margin:0;font-size:.8rem}.surf-icon-btn{color:#94a3b8;cursor:pointer;font:inherit;background:0 0;border:none;border-radius:6px;padding:.15rem .35rem}.surf-icon-btn:hover{color:#e2e8f0;background:#132636}.surf-activity-panel{flex-direction:column;flex:1;gap:.35rem;min-height:0;display:flex;overflow:hidden}.surf-activity-live{background:#132636;border:1px solid #334155;border-radius:8px;margin:0 .35rem;padding:.5rem;font-size:.85rem}.surf-activity-live p{margin:.15rem 0}.surf-activity-list{flex:1;margin:0;padding:0 .2rem;list-style:none;overflow:auto}.surf-activity-item{border-bottom:1px solid #1e293b;padding:.45rem .35rem;font-size:.82rem}.surf-activity-item-head{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.surf-activity-status{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.surf-activity-status--running{color:#38bdf8}.surf-activity-status--done{color:#4ade80}.surf-activity-status--failed{color:#f87171}.surf-activity-feature{color:#94a3b8}.surf-activity-prompt,.surf-activity-log{color:#cbd5e1;margin:.2rem 0 0}.surf-activity-time{margin-top:.2rem;font-size:.75rem;display:block}.surf-activity-subhead{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:.75rem 0 .35rem;font-size:.8rem;font-weight:600}.surf-activity-item-actions{gap:.5rem;margin-top:.25rem;display:flex}.surf-link-btn{color:#7dd3fc;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-size:.8rem}.surf-link-btn:hover{text-decoration:underline}.surf-sidebar-footer{margin-top:auto;padding-top:.5rem}.surf-btn{color:inherit;cursor:pointer;font:inherit;background:#132636;border:1px solid #334155;border-radius:8px;padding:.45rem .75rem}.surf-btn:hover{border-color:#475569}.surf-btn--sidebar{width:100%}.surf-btn--ghost{background:0 0}.surf-btn--danger{color:#fecaca;border-color:#7f1d1d}.surf-account-page{max-width:36rem;padding:1rem 0 2rem}.surf-inspector-dl{gap:.75rem;margin:1rem 0 1.5rem;display:grid}.surf-inspector-dl div{grid-template-columns:8rem 1fr;gap:.5rem;display:grid}.surf-inspector-dl dt{color:#94a3b8}.surf-inspector-dl dd{margin:0}.surf-account-issuer{word-break:break-all;font-size:.85rem}.surf-usage-breakdown ul{margin:.75rem 0 0;padding:0;list-style:none}.surf-usage-breakdown li{border-bottom:1px solid #1e293b;justify-content:space-between;gap:1rem;padding:.35rem 0;font-size:.9rem;display:flex}@media (width<=900px){.surf-workspace{grid-template-columns:1fr}.surf-sidebar{border-bottom:1px solid #1e3a4a;border-right:none;min-height:auto}.surf-activity-panel{max-height:14rem}}.library-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0 1.5rem;display:flex}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;display:grid}.deck-card{background:#132636;border:1px solid #334155;border-radius:12px;padding:1rem}.deck-card h2{margin:0 0 .5rem;font-size:1.05rem}.deck-card a{color:#38bdf8;text-decoration:none}.deck-actions{flex-wrap:wrap;gap:.35rem;margin-top:.75rem;display:flex}.deck-title-input{width:100%;color:inherit;background:#0b1f2a;border:1px solid #334155;border-radius:6px;padding:.4rem .5rem}button.danger{color:#fca5a5;border-color:#7f1d1d}.auth-gate-loading,.login-page,.callback-page{max-width:28rem;margin:0 auto;padding:2rem 1rem}.login-buttons{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.login-remember{align-items:center;gap:.5rem;margin:1rem 0;display:flex}button{cursor:pointer;color:inherit;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:.6rem 1rem}button.primary-btn{color:#0b1f2a;background:#38bdf8;border-color:#38bdf8;font-weight:600}.shell-header h1{margin:0}.shell-main{margin:2rem 0}.shell-footer{margin-top:2rem}code{background:#1e293b;border-radius:4px;padding:.1rem .35rem}pre{background:#1e293b;border-radius:8px;padding:.75rem;overflow-x:auto}.wizard-page{max-width:56rem;margin:0 auto;padding:1.5rem 1rem 3rem}.wizard-header h1{margin:.5rem 0}.wizard-steps{gap:.5rem;margin:1rem 0;display:flex}.wizard-steps .step{flex:1}.wizard-steps .step.active{color:#38bdf8;border-color:#38bdf8}.wizard-panel{margin:1rem 0}.wizard-tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.wizard-tabs .tab.active{color:#38bdf8;border-color:#38bdf8}.source-area,.text-input{width:100%;color:inherit;font:inherit;background:#0b1f2a;border:1px solid #334155;border-radius:8px;padding:.6rem .75rem}.source-area{resize:vertical;min-height:8rem}.wizard-block{margin:.75rem 0}.wizard-actions,.wizard-footer{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.row{align-items:center;gap:.5rem;display:flex}.row .text-input{flex:1}.field-label{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field-label select{color:inherit;background:#0b1f2a;border:1px solid #334155;border-radius:8px;padding:.5rem}.note-list{margin:0;padding:0;list-style:none}.note-list li button{text-align:left;width:100%;margin-bottom:.35rem}.outline-list{flex-direction:column;gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.outline-item{background:#132636;border:1px solid #334155;border-radius:10px;padding:.75rem}.outline-item-toolbar{align-items:center;gap:.35rem;margin-bottom:.5rem;display:flex}.outline-fields-row{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem;display:grid}.outline-slide-target{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.outline-slide-target-auto{white-space:nowrap;align-items:center;gap:.25rem;display:flex}.outline-slide-target-hint{margin-top:.25rem;font-size:.8rem;display:block}.editor-view-tabs{gap:.25rem;margin-right:.5rem;display:inline-flex}.editor-view-tab{color:#cbd5e1;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:.25rem .65rem;font-size:.85rem}.editor-view-tab.active{color:#f8fafc;background:#1e3a5f;border-color:#38bdf8}.editor-outline-view{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1rem 1.25rem 2rem;overflow:auto}.editor-speaker-view{box-sizing:border-box;flex:1;width:100%;max-width:none;margin:0;padding:.5rem .75rem 1.25rem;overflow:auto}.outline-editor-panel{max-width:none}.outline-bullets{margin:.5rem 0}.outline-bullets-header{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.outline-bullet-row{gap:.35rem;margin-bottom:.35rem;display:flex}.outline-bullet-row .text-input{flex:1}.outline-visual-hint{background:#0f1f2e;border-radius:8px;flex-direction:column;gap:.35rem;margin:.5rem 0;padding:.5rem;display:flex}.outline-visual-summary{margin:0;font-size:.85rem}.research-log{background:#0b1f2a;border:1px solid #334155;border-radius:8px;max-height:12rem;margin-bottom:.75rem;padding:.5rem;overflow-y:auto}.research-user{color:#94a3b8}.research-ai{color:#e2e8f0}.style-layout{gap:1.5rem;display:grid}@media (width>=900px){.style-layout{grid-template-columns:1fr 1fr;align-items:start}}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem;margin-bottom:1rem;display:grid}.preset-card{text-align:left;color:inherit;cursor:pointer;background:#132636;border:1px solid #334155;border-radius:10px;flex-direction:column;gap:.25rem;padding:.6rem;display:flex}.preset-card.active{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8}.preset-swatch{border:1px solid #334155;border-radius:6px;height:2rem}.style-preview-wrap{width:100%}.style-preview-slide{aspect-ratio:16/9;border:1px solid #334155;border-radius:12px;width:100%;position:relative;overflow:hidden;container-type:size}.style-preview-scrim{pointer-events:none;position:absolute;inset:0}.style-preview-safezone{pointer-events:none;border:1px dashed #fff4;position:absolute}.style-preview-layer{pointer-events:none;align-items:flex-start;display:flex;position:absolute;overflow:hidden}.template-save-row{gap:.5rem;margin-bottom:.75rem;display:flex}.template-save-row input{flex:1}.template-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.template-list li{align-items:center;gap:.5rem;display:flex}.danger-link{color:#f87171;cursor:pointer;font:inherit;background:0 0;border:none;text-decoration:underline}.slide-canvas-wrap{width:100%;max-width:960px}.slide-canvas-viewport--interactive{background:#0b1f2a;border:1px solid #334155;border-radius:12px;justify-content:center;align-items:flex-start;width:100%;min-height:280px;max-height:min(72vh,820px);display:flex;overflow:auto}.slide-canvas-viewport--interactive .slide-canvas-stage{box-sizing:content-box;width:100%;max-width:960px}.slide-canvas-stage{transform-origin:top;flex-shrink:0}.slide-canvas-zoom-bar{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.35rem;display:flex}.slide-canvas-zoom-label{text-align:center;font-variant-numeric:tabular-nums;min-width:3rem;font-size:.85rem}.slide-canvas-zoom-hint{font-size:.75rem}.slide-canvas-warnings{flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem;display:flex}.layer-warning-badge{color:#fde68a;background:#78350f;border-radius:6px;padding:.2rem .45rem;font-size:.75rem}.layer-warning-hint{margin:.35rem 0 0;font-size:.8rem}.slide-canvas-guide{pointer-events:none;z-index:2;background:#f472b6aa;position:absolute}.toolbar-divider{background:#334155;width:1px;height:1.25rem;margin:0 .15rem}.slide-canvas{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;border:1px solid #334155;border-radius:12px;width:100%;max-width:960px;position:relative;overflow:hidden;container-type:size}.slide-canvas.slide-canvas--interactive{overflow:visible;box-shadow:0 8px 32px #00000073}.slide-canvas-scrim{pointer-events:none;z-index:0;position:absolute;inset:0}.slide-canvas-safezone{pointer-events:none;z-index:1;border:1px dashed #38bdf866;position:absolute}.editor-page{max-width:72rem;margin:0 auto;padding:1rem 1rem 3rem}.editor-page--fullscreen{box-sizing:border-box;background:#0b1f2a;flex-direction:column;max-width:none;height:100dvh;min-height:100dvh;margin:0;padding:.5rem .65rem 0;display:flex;overflow:hidden}.editor-page--focus .editor-header h1{flex:1}.editor-layout--focus{grid-template-columns:1fr!important}.wizard-page--fullscreen{max-width:none;min-height:100dvh;margin:0;padding:.75rem 1rem 2rem}.editor-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.editor-header h1{flex:1;margin:0;font-size:1.25rem}.editor-toolbar{background:#132636;border:1px solid #334155;border-radius:10px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.75rem;display:flex}.editor-layout{flex:1;gap:.75rem;min-height:0;display:grid;overflow:hidden}@media (width>=960px){.editor-layout{grid-template-columns:10rem 1fr 16rem;align-items:stretch}.editor-layout--slides-collapsed{grid-template-columns:2.75rem 1fr 16rem}.editor-layout--inspector-collapsed{grid-template-columns:10rem 1fr 2.75rem}.editor-layout--slides-collapsed.editor-layout--inspector-collapsed{grid-template-columns:2.75rem 1fr 2.75rem}}.editor-sidebar{background:#132636;border:1px solid #334155;border-radius:10px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.editor-sidebar--collapsed{align-items:stretch}.editor-sidebar-chrome{border-bottom:1px solid #334155;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .45rem;display:flex}.editor-sidebar--collapsed .editor-sidebar-chrome{border-bottom:none;justify-content:center;padding:.5rem .2rem}.editor-sidebar-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.editor-sidebar-toggle{min-width:2rem;font-size:1.15rem;line-height:1;padding:.2rem .45rem!important}.editor-sidebar-body{overscroll-behavior:contain;flex:1;min-height:0;padding:.45rem;overflow-y:auto}.editor-sidebar-rail{color:#94a3b8;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;width:100%;min-height:4rem;font:inherit;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:none;flex:1;padding:.75rem .2rem;font-size:.72rem;transform:rotate(180deg)}.editor-sidebar-rail:hover{color:#e2e8f0;background:#38bdf814}.editor-sidebar-body .editor-inspector{background:0 0;border:none;border-radius:0;padding:0}.editor-slide-list{flex-direction:column;gap:.35rem;display:flex}.editor-slide-panel-toolbar{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.slide-insert-point{justify-content:center;align-items:center;height:.9rem;display:flex;position:relative}.slide-insert-btn{background:var(--surf-surface,#0f172a);color:#94a3b8;cursor:pointer;opacity:.35;border:1px dashed #94a3b880;border-radius:999px;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;font-size:.95rem;line-height:1;transition:opacity .12s,color .12s,border-color .12s,transform .12s;display:inline-flex}.slide-insert-point:hover .slide-insert-btn,.slide-insert-btn:focus-visible{opacity:1;color:#38bdf8;border-style:solid;border-color:#38bdf8;transform:scale(1.08)}.surf-dialog-overlay{z-index:60;background:#02061799;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.surf-dialog{background:var(--surf-surface,#0f172a);border:1px solid #94a3b840;border-radius:.75rem;width:min(28rem,100%);padding:1.1rem 1.2rem;box-shadow:0 20px 60px #00000073}.surf-dialog-header h2{margin:0;font-size:1.05rem}.surf-dialog-subtitle{color:#94a3b8;margin-top:.15rem;font-size:.8rem;display:block}.slide-create-modes{flex-direction:column;gap:.5rem;margin:.9rem 0;display:flex}.slide-create-mode{cursor:pointer;border:1px solid #94a3b840;border-radius:.6rem;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:.55rem;padding:.6rem .7rem;display:grid}.slide-create-mode.active{background:#38bdf814;border-color:#38bdf8}.slide-create-mode.disabled{opacity:.5;cursor:not-allowed}.slide-create-mode input{grid-row:1/span 2;align-self:center}.slide-create-mode-title{font-size:.92rem;font-weight:600}.slide-create-mode-desc{color:#94a3b8;grid-column:2;font-size:.78rem}.slide-create-topic{flex-direction:column;gap:.3rem;margin-bottom:.9rem;font-size:.82rem;display:flex}.slide-create-topic textarea{resize:vertical;width:100%}.surf-dialog-footer{justify-content:flex-end;gap:.5rem;display:flex}.slide-thumb-wrap{align-items:flex-start;gap:.25rem;display:flex}.slide-thumb-wrap--drag-over .slide-thumb{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8}.slide-thumb-reorder{flex-direction:column;gap:.15rem;padding-top:.35rem;display:flex}.editor-content-view{max-width:56rem;margin:0 auto;padding:1rem}.content-panel-banner{color:#cbd5e1;background:#1e293b;border:1px solid #334155;border-radius:8px;margin-bottom:.75rem;padding:.65rem .85rem;font-size:.9rem;line-height:1.45}.content-panel-excerpt{color:#94a3b8;margin-top:.75rem;font-size:.85rem}.content-panel-excerpt-body{white-space:pre-wrap;background:#0f172a;border-radius:6px;max-height:12rem;margin:.5rem 0 0;padding:.65rem;font-size:.8rem;overflow:auto}.content-panel-hint{margin-top:.5rem}.speaker-panel{gap:.75rem}.speaker-panel.editor-content-view{width:100%;max-width:none;margin:0;padding:.25rem .35rem .5rem}.speaker-script-layout{grid-template-columns:minmax(9rem,11rem) minmax(0,1fr) minmax(18rem,22rem);align-items:start;gap:.75rem;min-height:20rem;display:grid}@media (width>=1400px){.speaker-script-layout{grid-template-columns:minmax(10rem,12rem) minmax(0,1.4fr) minmax(20rem,26rem)}}@media (width<=1280px){.speaker-script-layout{grid-template-columns:minmax(10rem,14%) minmax(0,1fr) minmax(16rem,28%)}}@media (width<=1100px){.speaker-script-layout{grid-template-columns:minmax(10rem,34%) 1fr}.speaker-notes-rail{grid-column:1/-1}}@media (width<=900px){.speaker-script-layout{grid-template-columns:1fr}}.speaker-panel-deck-header{border-bottom:1px solid #334155;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;padding-bottom:.75rem;display:flex}.speaker-panel-deck-controls{flex-wrap:wrap;gap:.75rem;display:flex}.speaker-panel-slide-picker{margin-top:.25rem}.speaker-slide-nav{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.speaker-slide-nav-btn{min-width:2.5rem;padding-inline:.5rem}.speaker-slide-select{flex:1;min-width:12rem}.speaker-slide-select select{min-width:100%}.speaker-slide-counter{color:#94a3b8;white-space:nowrap;padding-bottom:.35rem;font-family:ui-monospace,monospace;font-size:.85rem}.speaker-field{color:#94a3b8;flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.speaker-field input,.speaker-field select{min-width:6rem}.speaker-budget-bar{color:#86efac;background:#14532d33;border-radius:6px;padding:.35rem .6rem;font-family:ui-monospace,monospace;font-size:.85rem}.speaker-budget-bar--warn{color:#fcd34d;background:#78350f33}.speaker-budget-bar--over{color:#fca5a5;background:#7f1d1d33}.speaker-duration-chip{border-radius:6px;padding:.35rem .6rem;font-family:ui-monospace,monospace;font-size:.9rem;display:inline-block}.speaker-duration-chip--ok{color:#86efac;background:#14532d44}.speaker-duration-chip--warn{color:#fcd34d;background:#78350f44}.speaker-duration-chip--over{color:#fca5a5;background:#7f1d1d44}.speaker-stale-badge{color:#fcd34d;background:#78350f55;border-radius:6px;padding:.5rem .75rem;font-size:.85rem}.speaker-controls-row,.speaker-actions{flex-wrap:wrap;gap:.5rem;display:flex}.speaker-slide-preview{flex-direction:column;gap:.35rem;display:flex;position:sticky;top:.5rem}.speaker-slide-preview-label{color:#94a3b8;font-size:.8rem;font-weight:600}.speaker-slide-preview-canvas{aspect-ratio:16/9;background:#020617;border:1px solid #334155;border-radius:.5rem;overflow:hidden}.speaker-slide-preview-canvas .slide-canvas-wrap{height:100%}.speaker-slide-preview-canvas .slide-canvas-viewport{min-height:0}.speaker-script-editor-col{min-width:0;position:relative}.speaker-script-toolbar{z-index:4;position:absolute;top:.45rem;left:.45rem}.speaker-script-toolbar .surf-menu-trigger{color:#e2e8f0;cursor:pointer;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:999px;justify-content:center;align-items:center;min-width:2rem;height:2rem;padding:0 .45rem;font-size:1rem;line-height:1;display:inline-flex;box-shadow:0 2px 8px #02061773}.speaker-script-toolbar .surf-menu-trigger:hover:not(:disabled){background:#1e293b;border-color:#475569}.speaker-script-toolbar .surf-menu-trigger span[aria-hidden]{display:none}.speaker-script-editor-col .speaker-md-editor__content{padding-top:2.35rem}.speaker-script-ai-btn{z-index:4;color:#e2e8f0;cursor:pointer;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;position:absolute;top:.45rem;right:.45rem;box-shadow:0 2px 8px #02061773}.speaker-script-ai-btn--unconfigured{opacity:.75;border-color:#b45309;box-shadow:0 0 0 1px #f59e0b40}.speaker-script-ai-btn--unconfigured:hover{cursor:pointer}.speaker-script-ai-btn-icon{font-size:1rem;line-height:1}.speaker-notes-rail{background:#0b1220;border:1px solid #334155;border-radius:.5rem;flex-direction:column;gap:.5rem;min-width:0;max-height:min(42rem,72vh);padding:.5rem;display:flex;overflow:auto}.speaker-notes-rail-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.speaker-notes-rail-head h3{color:#94a3b8;margin:0;font-size:.85rem;font-weight:600}.speaker-notes-toast{color:#4ade80;font-size:.75rem}.speaker-notes-empty{margin:0;font-size:.8rem;line-height:1.45}.speaker-notes-list{flex-direction:column;gap:.55rem;display:flex}.surf-note-card{cursor:grab;background:linear-gradient(160deg,#111827,#0f172a);border:1px solid #334155;border-radius:.55rem;flex-direction:column;gap:.35rem;padding:.55rem .55rem .45rem .75rem;display:flex;position:relative;box-shadow:0 4px 14px #02061759}.surf-note-card:not(.is-minimized){max-height:20.25rem;overflow:hidden}.surf-note-card.is-body-expanded:not(.is-minimized){max-height:33rem}.surf-note-card--read-only{cursor:default}.surf-note-card.is-drag-over{outline:1px dashed #38bdf8}.surf-note-card.is-pinned{border-color:#38bdf8}.surf-note-card-question{background:#0f172a8c;border:1px solid #33415599;border-radius:.35rem;flex-direction:column;flex:1;gap:.15rem;min-width:0;margin:0;padding:.35rem .4rem;display:flex}.surf-note-card-top{align-items:flex-start;gap:.35rem;display:flex}.surf-note-card-toolbar{flex-shrink:0;align-items:center;gap:.15rem;padding-top:.15rem;display:flex}.surf-note-card-icon-btn{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:.35rem;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;padding:0;font-size:.72rem;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.surf-note-card-icon-btn:hover{color:#e2e8f0;background:#1e293b;border-color:#475569}.surf-note-card-toolbar .surf-menu-trigger{color:#94a3b8;background:#0f172a;border:1px solid #334155;border-radius:.35rem;min-width:1.65rem;height:1.65rem;padding:0 .35rem;font-size:1rem;line-height:1}.surf-note-card-toolbar .surf-menu-trigger:hover:not(:disabled){color:#e2e8f0;background:#1e293b;border-color:#475569}.surf-note-card-toolbar .surf-menu-trigger span[aria-hidden]{display:none}.surf-note-card.is-minimized{padding-bottom:.5rem}.surf-note-card.is-minimized .surf-note-card-top{margin-bottom:0}.surf-note-card-question-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.62rem;font-weight:600}.surf-note-card-question-text{color:#94a3b8;margin:0;font-size:.76rem;font-style:italic;line-height:1.35}.surf-note-card-summary-badge{color:#fb923c;white-space:nowrap;background:#fb923c26;border:1px solid #fb923c59;border-radius:999px;padding:.1rem .35rem;font-size:.62rem}.surf-note-card-summary-target{background:#0f172a73;border:1px solid #94a3b833;border-radius:.45rem;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0 .65rem .55rem;padding:.55rem .65rem;display:flex}.surf-note-card-summary-target-label{color:#94a3b8;flex:100%;font-size:.72rem}.surf-note-card-summary-target input[type=range]{flex:8rem;min-width:6rem}.surf-note-card-summary-target-btn{padding:.2rem .55rem;font-size:.72rem}.surf-note-card-accent{background:#38bdf8;border-radius:.55rem 0 0 .55rem;width:4px;position:absolute;top:0;bottom:0;left:0}.surf-note-card--deepdive .surf-note-card-accent{background:#38bdf8}.surf-note-card--data .surf-note-card-accent{background:#22c55e}.surf-note-card--objection .surf-note-card-accent{background:#fb923c}.surf-note-card--anecdote .surf-note-card-accent{background:#a855f7}.surf-note-card--qa .surf-note-card-accent{background:#f472b6}.surf-note-card--definition .surf-note-card-accent{background:#94a3b8}.surf-note-card--freeform .surf-note-card-accent{background:#2dd4bf}.surf-note-card-head{flex-wrap:wrap;align-items:flex-start;gap:.35rem;display:flex}.surf-note-card-title{color:#f8fafc;text-align:left;cursor:text;background:0 0;border:none;flex:1;min-width:0;margin:0;padding:0;font-size:.82rem;font-weight:600}.surf-note-card-title-input{color:#f8fafc;background:#020617;border:1px solid #475569;border-radius:.25rem;flex:1;min-width:0;padding:.15rem .35rem;font-size:.82rem}.surf-note-card-kind{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;background:#1e293b;border-radius:999px;padding:.1rem .35rem;font-size:.65rem}.surf-note-card-body{color:#cbd5e1;overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;padding-right:.15rem;font-size:.78rem;overflow:hidden auto}.surf-note-card-body .speaker-md-editor,.surf-note-card-body .surf-note-card-md-view{background:0 0;border:none;min-height:0;padding:0}.surf-note-card-body-editor{color:#e2e8f0;resize:none;background:#020617;border:1px solid #334155;border-radius:.35rem;width:100%;min-height:6rem;max-height:none;padding:.45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.45}.speaker-md-editor.surf-note-card-md-view{min-height:0}.speaker-md-editor.surf-note-card-md-view .speaker-md-editor__content{min-height:0;max-height:none;padding:0;overflow:visible}.surf-note-raw-dialog{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:.65rem;width:min(44rem,92vw);max-height:85vh;padding:0}.surf-note-raw-dialog::backdrop{background:#020617a6}.surf-note-raw-dialog-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}.surf-note-raw-dialog-header h2{margin:0;font-size:.9rem;font-weight:600}.surf-note-raw-dialog-close{color:#94a3b8;cursor:pointer;background:0 0;border:none}.surf-note-raw-dialog-body{white-space:pre-wrap;word-break:break-word;max-height:55vh;margin:0;padding:.75rem .85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.45;overflow:auto}.surf-note-raw-dialog-footer{border-top:1px solid #1e293b;justify-content:flex-end;padding:.55rem .85rem;display:flex}.surf-note-card-actions{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.surf-note-card-kind-select{color:#cbd5e1;background:#0f172a;border:1px solid #334155;border-radius:.25rem;padding:.15rem .25rem;font-size:.72rem}.surf-speaker-whale-popover{z-index:30;background:#0f172a;border:1px solid #334155;border-radius:.65rem;flex-direction:column;width:min(40rem,100vw - 2rem);max-height:min(32rem,72vh);display:flex;position:absolute;top:2.5rem;right:0;box-shadow:0 12px 32px #0206178c}.surf-speaker-whale-popover-header{border-bottom:1px solid #1e293b;align-items:center;gap:.45rem;padding:.5rem .55rem;display:flex}.surf-speaker-whale-popover-heading{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.85rem;font-weight:600;overflow:hidden}.surf-speaker-whale-popover-spacer{flex:1}.surf-speaker-whale-header-icon-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.2rem .35rem}.surf-speaker-whale-message-list{flex-direction:column;flex:1;gap:.5rem;padding:.55rem;display:flex;overflow:auto}.surf-speaker-whale-empty,.surf-speaker-whale-error,.surf-speaker-whale-config-help{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.4}.surf-speaker-whale-error{color:#fca5a5}.surf-speaker-whale-config-missing{color:#cbd5e1;margin:.35rem 0;padding-left:1.1rem;font-size:.75rem}.surf-speaker-whale-turn{flex-direction:column;gap:.35rem;display:flex}.surf-speaker-whale-message{border-radius:.5rem;padding:.45rem .55rem;font-size:.8rem;line-height:1.45}.surf-speaker-whale-message--user{color:#e2e8f0;background:#1e293b;margin-left:1rem}.surf-speaker-whale-message--assistant{color:#cbd5e1;background:#111827;margin-right:.5rem}.surf-speaker-whale-message-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:.25rem;font-size:.68rem;display:block}.surf-speaker-whale-message-label--agent{align-items:center;gap:.35rem;display:inline-flex}.surf-speaker-whale-answer .speaker-md-view{background:0 0;border:none;min-height:0;padding:0}.surf-speaker-whale-add-note{margin-top:0;font-size:.75rem}.surf-speaker-whale-turn-actions{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-top:.35rem;display:flex}.surf-speaker-whale-turn-actions .surf-menu-trigger{padding:.2rem .45rem;font-size:.75rem}.surf-speaker-whale-chips--script{margin-top:-.15rem}.surf-speaker-whale-chip--script{border-style:dashed}.surf-speaker-whale-step{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;line-height:1.35;overflow:hidden}.surf-speaker-whale-composer{border-top:1px solid #1e293b;flex-direction:column;gap:.35rem;padding:.5rem;display:flex}.surf-speaker-whale-chips{flex-wrap:wrap;gap:.25rem;display:flex}.surf-speaker-whale-chip{color:#94a3b8;cursor:pointer;background:#0b1220;border:1px solid #334155;border-radius:999px;padding:.15rem .4rem;font-size:.68rem}.surf-speaker-whale-chip.is-active{color:#e0f2fe;background:#0c4a6e;border-color:#38bdf8}.surf-speaker-whale-composer textarea{resize:vertical;color:#e2e8f0;background:#020617;border:1px solid #334155;border-radius:.4rem;width:100%;min-height:3rem;padding:.4rem .5rem;font-size:.8rem}.surf-speaker-whale-composer button[type=button]:last-child{color:#f8fafc;cursor:pointer;background:#0284c7;border:1px solid #0ea5e9;border-radius:.4rem;align-self:flex-end;padding:.35rem .75rem;font-size:.8rem}.surf-speaker-whale-composer button:disabled{opacity:.5;cursor:not-allowed}.surf-speaker-agent-avatar{background:#1e293b;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.surf-speaker-whale-typing{gap:.2rem;padding:.25rem 0;display:inline-flex}.surf-speaker-whale-typing-dot{background:#64748b;border-radius:999px;width:.35rem;height:.35rem;animation:1.1s ease-in-out infinite surf-speaker-typing}.surf-speaker-whale-typing-dot:nth-child(2){animation-delay:.15s}.surf-speaker-whale-typing-dot:nth-child(3){animation-delay:.3s}@keyframes surf-speaker-typing{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.speaker-script-area{min-height:12rem}.speaker-md-editor{background:#0f172a;border:1px solid #334155;border-radius:.5rem;flex-direction:column;min-height:16rem;display:flex;overflow:hidden}.speaker-md-editor__content{color:#e2e8f0;outline:none;flex:1;min-height:14rem;max-height:28rem;padding:.75rem 1rem 1rem;font-size:.95rem;line-height:1.55;overflow-y:auto}.speaker-md-editor__content:empty:before,.speaker-md-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#64748b;pointer-events:none;float:left;height:0}.speaker-md-editor .ProseMirror{outline:none;min-height:12rem}.speaker-md-editor .ProseMirror p{margin:0 0 .65rem}.speaker-md-editor .ProseMirror h3{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin:.75rem 0 .35rem;font-size:.8rem;font-weight:600}.speaker-md-editor .ProseMirror strong{color:#f8fafc;font-weight:700}.speaker-md-editor .ProseMirror em{color:#38bdf8;font-style:italic}.speaker-md-editor .ProseMirror mark,.speaker-md-editor .speaker-md-mark{color:#7dd3fc;background:linear-gradient(#0000 55%,#38bdf859 55%);border-radius:.15em;padding:0 .1em}.speaker-md-bubble{z-index:20}.speaker-md-bubble-inner{background:#1e293b;border:1px solid #334155;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.15rem;padding:.25rem;display:flex;box-shadow:0 4px 12px #00000059}.speaker-md-bubble-inner button{color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:.35rem;min-width:2rem;height:2rem;padding:0 .4rem;font-size:.85rem}.speaker-md-bubble-inner button:hover{background:#334155}.speaker-md-bubble-inner button.active{color:#0f172a;background:#0ea5e9}.speaker-md-bubble-sep{background:#475569;width:1px;height:1.25rem;margin:0 .15rem}.speaker-md-empty{margin:0;font-size:.9rem}.speaker-references{margin-top:.5rem}.speaker-references-title{margin:0 0 .5rem;font-size:.95rem}.speaker-references-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.speaker-ref-card{background:#0b1f2a;border:1px solid #334155;border-radius:8px;padding:.6rem .75rem}.speaker-ref-head{justify-content:space-between;gap:.5rem;display:flex}.speaker-ref-snippet{color:#94a3b8;margin:.35rem 0;font-size:.85rem}.speaker-ref-actions{gap:.35rem;display:flex}.slide-thumb{color:inherit;cursor:pointer;font:inherit;background:#0b1f2a;border:1px solid #334155;border-radius:8px;flex-direction:column;align-items:flex-start;padding:.5rem;display:flex}.slide-thumb.active{border-color:#38bdf8}.editor-canvas-column{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.editor-canvas-scroll{overscroll-behavior:contain;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:.25rem 0;display:flex;overflow:auto}.editor-bottom-panel{background:#132636;border:1px solid #334155;border-radius:10px;flex-direction:column;flex-shrink:0;min-height:0;margin-top:.5rem;display:flex;overflow:hidden}.editor-bottom-panel-chrome{border-bottom:1px solid #334155;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .5rem;display:flex}.editor-bottom-panel--collapsed .editor-bottom-panel-chrome{border-bottom:none}.editor-bottom-panel-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.editor-bottom-panel-toggle{min-width:2rem;font-size:1rem;line-height:1;padding:.2rem .45rem!important}.editor-bottom-panel-rail{color:#94a3b8;cursor:pointer;font:inherit;letter-spacing:.06em;text-transform:uppercase;text-align:left;background:0 0;border:none;flex:1;padding:.15rem .25rem;font-size:.75rem}.editor-bottom-panel-rail:hover{color:#e2e8f0}.editor-bottom-panel-body{overscroll-behavior:contain;flex:1;min-height:0;max-height:min(36vh,300px);padding:.5rem .65rem;overflow-y:auto}.editor-bottom-panel-body .editor-design-panel{background:0 0;border:none;border-radius:0;padding:0}.editor-bottom-panel-body .editor-design-panel>h3{display:none}.editor-inspector{background:#132636;border:1px solid #334155;border-radius:10px;padding:.75rem}.editor-inspector h3,.editor-inspector h4{margin:0 0 .5rem;font-size:.95rem}.inspector-textarea{width:100%;color:inherit;font:inherit;resize:vertical;background:#0b1f2a;border:1px solid #334155;border-radius:6px;margin-top:.25rem;padding:.4rem .5rem}.inspector-hint{margin:.35rem 0 .75rem;font-size:.78rem}.inspector-section{border:1px solid var(--border,#334155);background:var(--surface-raised,#0f172a44);border-radius:8px;margin:.65rem 0}.inspector-section-summary{cursor:pointer;padding:.55rem .65rem;font-size:.85rem;font-weight:600;list-style:none}.inspector-section-summary::-webkit-details-marker{display:none}.inspector-section-body{flex-direction:column;gap:.45rem;padding:0 .65rem .65rem;display:flex}.raster-bg-preview{align-items:center;gap:.35rem;margin-top:.35rem;font-size:.78rem;display:inline-flex}.editor-layer{cursor:pointer}.editor-layer.selected{outline-offset:1px;outline:2px solid #38bdf8}.editor-layer-text{overflow:hidden}.editor-layer-text-line{white-space:pre;width:100%;display:block}.editor-layer-image{color:#94a3b8;justify-content:center;align-items:center;width:100%;height:100%;font-size:.85rem;display:flex;position:relative;overflow:hidden}.editor-layer-image:not(.has-image){background:#1e293b88;border:2px dashed #64748b}.editor-layer-image.has-image{background:0 0;border:none}.editor-layer-table{background:#0f172a8c;border-radius:6px;width:100%;height:100%;overflow:hidden}.editor-layer-table table{border-collapse:collapse;table-layout:fixed;width:100%;height:100%;font-size:clamp(.55rem,1.4cqw,.85rem)}.editor-layer-table th,.editor-layer-table td{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;border:1px solid #94a3b873;padding:.15rem .25rem;overflow:hidden}.table-inspector-actions{gap:.35rem;margin-bottom:.5rem;display:flex}.table-inspector-grid{max-height:280px;overflow-x:auto}.table-inspector-grid table{border-collapse:collapse;width:100%}.table-inspector-grid th,.table-inspector-grid td{vertical-align:top;border:1px solid #334155;padding:.2rem}.table-inspector-grid .text-input{width:100%;min-width:4.5rem;font-size:.8rem}.table-inspector-mini{margin-top:.2rem;padding:0 .35rem}.editor-layer-chart{background:#0f172a73;border-radius:6px;width:100%;height:100%;overflow:hidden}.editor-layer-chart-svg{width:100%;height:100%;display:block}.chart-series-block{border:1px solid #334155;border-radius:8px;margin-bottom:.75rem;padding:.5rem}.chart-value-input{max-width:5rem}.editor-layer-graphic{background:#0f172a59;border-radius:6px;width:100%;height:100%;position:relative;overflow:hidden}.editor-layer-graphic-svg{width:100%;height:100%;display:block}.graphic-inline-label,.graphic-inline-sublabel{white-space:pre-wrap;word-break:break-word;outline:none;min-height:1em}.graphic-template-badge{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;position:absolute;bottom:4px;right:4px}.image-refine-block{border:1px solid #334155;border-radius:8px;margin:.75rem 0;padding:.65rem}.image-refine-block h4{margin:0 0 .5rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.baked-illustration-badge{color:#f8fafc;background:#0f172abf;border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;bottom:4px;right:4px}.editor-layer-text-raster{background:0 0;width:100%;height:100%;position:relative;overflow:visible}.editor-layer-text-raster.has-image{border:none;position:relative;overflow:hidden}.editor-layer-raster-backdrop{z-index:0;position:absolute;inset:0}.editor-layer-text-raster-img{z-index:1;object-fit:contain;object-position:center;width:100%;height:100%;display:block;position:relative}.text-raster-mode-badge,.text-raster-stale-badge{color:#f8fafc;z-index:2;background:#0f172abf;border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;right:4px}.text-raster-mode-badge{bottom:4px}.text-raster-stale-badge{background:#b45309e6;top:4px}.text-raster-stale-hint{color:var(--surf-warning,#b45309);font-size:.85rem}.editor-layer-text--raster-edit{z-index:3}.editor-layer-text--raster-placeholder{color:var(--surf-muted);justify-content:center;align-items:center;font-size:.85rem;display:flex}.editor-layer-image.baked-illustration{position:relative}.image-crop-badge{color:#7dd3fc;background:#38bdf82e;border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .45rem;font-size:.72rem;display:inline-flex}.image-crop-overlay{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-crop-backdrop{background:#020617c7;position:absolute;inset:0}.image-crop-panel{z-index:1;background:#0b1220;border:1px solid #1e293b;border-radius:12px;flex-direction:column;gap:1rem;width:min(92vw,1100px);max-height:92vh;padding:1rem;display:flex;position:relative;box-shadow:0 20px 60px #0000008c}.image-crop-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.image-crop-frame{-webkit-user-select:none;user-select:none;touch-action:none;max-width:100%;max-height:78vh;position:relative}.image-crop-img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.image-crop-mask{pointer-events:none;background:#02061799;position:absolute}.image-crop-rect{cursor:move;border:1px solid #38bdf8;position:absolute;box-shadow:0 0 0 1px #0f172a99}.image-crop-handle{background:#38bdf8;border:1px solid #0b1f2a;border-radius:2px;width:14px;height:14px;position:absolute}.image-crop-handle.nw{cursor:nwse-resize;top:-7px;left:-7px}.image-crop-handle.ne{cursor:nesw-resize;top:-7px;right:-7px}.image-crop-handle.sw{cursor:nesw-resize;bottom:-7px;left:-7px}.image-crop-handle.se{cursor:nwse-resize;bottom:-7px;right:-7px}.image-crop-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.image-crop-presets{flex-wrap:wrap;gap:.35rem;display:flex}.image-crop-presets .surf-btn.active{color:#7dd3fc;background:#38bdf833}.image-crop-actions{align-items:center;gap:.5rem;display:flex}.baked-fidelity-warning{color:#fbbf24;border-left:3px solid #f59e0b;padding-left:.5rem}.cutout-toggle{align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.editor-layer-image img{display:block}.editor-layer-image-placeholder{color:#94a3b8;background:#1e293b88;border:2px dashed #64748b;justify-content:center;align-items:center;width:100%;height:100%;font-size:.85rem;display:flex}.resize-handle{z-index:10;background:#38bdf8;border:1px solid #0b1f2a;border-radius:2px;width:10px;height:10px;position:absolute}.resize-handle.nw{cursor:nwse-resize;top:-5px;left:-5px}.resize-handle.ne{cursor:nesw-resize;top:-5px;right:-5px}.resize-handle.sw{cursor:nesw-resize;bottom:-5px;left:-5px}.resize-handle.se{cursor:nwse-resize;bottom:-5px;right:-5px}.move-handle{cursor:move;z-index:10;background:#38bdf8;border-radius:50%;width:1.2rem;height:1.2rem;position:absolute;top:-1.4rem;left:50%;transform:translate(-50%)}.legibility-toggles{flex-wrap:wrap;gap:.35rem;display:flex}.editor-layout-f5 .editor-canvas-column{flex-direction:column;gap:0;min-height:0;display:flex}.editor-design-panel{background:#132636;border:1px solid #334155;border-radius:10px;padding:.75rem}.editor-design-panel h3,.editor-design-panel h4{margin:0 0 .5rem;font-size:.95rem}.editor-activity{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border-default);color:var(--text-secondary);flex-shrink:0;margin:.5rem 0;padding:.6rem .75rem;font-size:.9rem}.surf-toast-region{right:var(--space-4);bottom:var(--space-4);z-index:9999;gap:var(--space-2);pointer-events:none;flex-direction:column;max-width:22rem;display:flex;position:fixed}.surf-toast{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--surface-2);box-shadow:var(--shadow-overlay);pointer-events:auto;font-size:.9rem;display:flex}.surf-toast--success{border-color:var(--status-ok)}.surf-toast--error{border-color:var(--status-error)}.surf-toast--loading{border-color:var(--accent)}.surf-toast-dismiss{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:1.1rem;line-height:1}.surf-toast-spinner{animation:1s linear infinite surf-spin}@keyframes surf-spin{to{transform:rotate(360deg)}}.editor-page--fullscreen>.surf-topbar{flex-shrink:0}.surf-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--topbar-height);padding:var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-3);display:flex}.surf-topbar-start,.surf-topbar-end{align-items:center;gap:var(--space-3);min-width:0;display:flex}.surf-topbar-end{flex-shrink:0}.surf-topbar-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;overflow:hidden}.surf-topbar-back{color:var(--accent);white-space:nowrap;font-size:.9rem;text-decoration:none}.surf-topbar-bell{position:relative}.surf-topbar-badge{background:var(--accent);min-width:1rem;height:1rem;color:var(--accent-fg);border-radius:999px;justify-content:center;align-items:center;padding:0 .25rem;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-.2rem;right:-.2rem}.surf-drawer-backdrop{z-index:40;cursor:pointer;background:#00000073;border:none;position:fixed;inset:0}.surf-activity-drawer{z-index:41;width:min(22rem,92vw);height:100dvh;padding:var(--space-4);background:var(--surface-1);border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-overlay);flex-direction:column;display:flex;position:fixed;top:0;right:0}.surf-activity-drawer-head{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.surf-activity-drawer-head h2{margin:0;font-size:1rem}.surf-card{border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--card-padding);background:var(--surface-2);box-shadow:var(--shadow-card)}.style-pulse-layout{gap:var(--space-6);flex-direction:column;display:flex}.style-block-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.style-block-head h3{margin:0}.style-block-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.template-title-inline{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-0);min-width:8rem;color:inherit;padding:.4rem .5rem}.style-advanced{margin-top:var(--space-4)}.style-advanced summary{cursor:pointer;color:var(--text-secondary);margin-bottom:var(--space-2)}.style-preview-fields{gap:var(--space-3);margin-top:var(--space-3);display:grid}.style-preview-editable{outline:none;width:100%}.palette-editor{gap:var(--space-4);flex-direction:column;display:flex}.palette-swatch-group h4{margin:0 0 var(--space-2);font-size:.9rem}.palette-swatch-grid{gap:var(--space-2);flex-direction:column;display:flex}.palette-swatch-row{align-items:center;gap:var(--space-2);display:flex}.palette-swatch-label input[type=color]{opacity:0;cursor:pointer;width:2rem;height:2rem;position:absolute}.palette-swatch-label{display:block;position:relative}.palette-swatch-preview{border-radius:var(--radius-sm);border:1px solid var(--border-default);width:2rem;height:2rem;display:block}.palette-hex-input{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-0);min-width:0;color:inherit;flex:1;padding:.35rem .5rem;font-family:ui-monospace,monospace;font-size:.85rem}.palette-add-btn{margin-top:var(--space-1)}.slide-thumb--rendered{padding:var(--space-2);gap:var(--space-2);width:100%}.slide-thumb-canvas{border-radius:var(--radius-md);border:1px solid var(--border-default);width:100%;overflow:hidden}.slide-canvas-wrap--compact{max-width:none}.slide-canvas-wrap--compact .slide-canvas{border-radius:var(--radius-sm);max-width:none}.slide-canvas--readonly{pointer-events:none}.slide-thumb-label{font-size:.8rem}.deck-overview{z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.deck-overview-backdrop{background:#00000080;position:absolute;inset:0}.deck-overview-panel{z-index:1;width:min(56rem,94vw);max-height:90dvh;padding:var(--space-4);border-radius:var(--radius-xl);background:var(--surface-1);border:1px solid var(--border-default);position:relative;overflow:auto}.deck-overview-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.deck-overview-head h2{margin:0}.deck-overview-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));display:grid}.deck-overview-cell{gap:var(--space-1);flex-direction:column;display:flex}.deck-overview-reorder{justify-content:center;gap:var(--space-1);display:flex}.deck-card--with-cover{gap:var(--space-3);flex-direction:column;display:flex}.deck-card-cover{border-radius:var(--radius-md);pointer-events:none;overflow:hidden}.deck-card-cover--empty{aspect-ratio:16/9;background:var(--surface-0);border:1px dashed var(--border-default);justify-content:center;align-items:center;display:flex}.editor-toolbar--grouped{gap:var(--space-2)}.editor-toolbar-guides{margin-left:auto}.surf-menu{position:relative}.surf-menu-trigger{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-3);color:inherit;font:inherit;cursor:pointer;padding:.45rem .75rem}.surf-menu-dropdown{z-index:20;min-width:12rem;padding:var(--space-1);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-2);box-shadow:var(--shadow-overlay);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0}.surf-menu--end .surf-menu-dropdown{left:auto;right:0}.surf-menu-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:.45rem .6rem;display:block}.surf-menu-item:hover:not(:disabled){background:var(--surface-3)}.surf-menu-item:disabled{opacity:.45;cursor:not-allowed}.inspector-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.inspector-head h3{margin:0}.inspector-quick-actions{gap:var(--space-2);display:flex}.inspector-empty{margin:0}.surf-empty-state{text-align:center;padding:var(--space-8) var(--space-4);border:1px dashed var(--border-default);border-radius:var(--radius-xl);background:var(--surface-2)}.surf-empty-state h3{margin:0 0 var(--space-2)}.surf-empty-state-action{margin-top:var(--space-4)}.surf-error-boundary{max-width:32rem;margin:var(--space-8) auto;padding:var(--space-6);text-align:center;border:1px solid var(--status-error);border-radius:var(--radius-xl);background:var(--surface-2)}@media (width<=1024px){.editor-layout{grid-template-rows:auto 1fr auto;overflow:hidden;grid-template-columns:1fr!important}.editor-sidebar--left{max-height:38vh}.editor-sidebar--right{order:3;max-height:42vh}.editor-canvas-column{order:2;min-height:0}.editor-inspector{order:3}.editor-toolbar--grouped{padding-bottom:var(--space-2);flex-wrap:nowrap;overflow-x:auto}.style-pulse-layout{gap:var(--space-4)}}.slide-history-group{margin-bottom:.75rem}.slide-history-group h4{margin:0 0 .35rem;font-size:.85rem}.slide-history-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.slide-history-item{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.slide-history-op{color:#cbd5e1}.slide-history-time{font-size:.75rem}.slide-history-error{width:100%}.editor-style-overlay{z-index:90;background:#02081099;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.editor-style-overlay-panel{background:var(--surface-1,#0b1f2a);border:1px solid #1e3a4a;border-radius:12px;flex-direction:column;width:min(960px,100%);max-height:90vh;display:flex;overflow:hidden}.editor-style-overlay-head{border-bottom:1px solid #1e3a4a;padding:1rem 1.25rem;position:relative}.editor-style-overlay-head h2{margin:0 0 .25rem}.editor-style-overlay-head .surf-icon-btn{font-size:1.25rem;position:absolute;top:.75rem;right:.75rem}.editor-style-overlay-body{flex:1;padding:1rem 1.25rem;overflow:auto}.editor-style-overlay-foot{border-top:1px solid #1e3a4a;flex-direction:column;gap:.5rem;padding:.85rem 1.25rem;display:flex}.color-field{gap:.35rem}.color-field-swatches{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.color-swatch{border:1px solid var(--border,#334155);cursor:pointer;border-radius:4px;width:1.1rem;height:1.1rem;padding:0}.color-swatch.active{outline-offset:1px;outline:2px solid #38bdf8}.color-field code{font-size:.75rem}.slide-history-versions{flex-wrap:wrap;gap:.6rem;display:flex}.slide-history-version{flex-direction:column;gap:.25rem;width:9rem;margin:0;display:flex}.slide-history-thumb{aspect-ratio:16/9;border:1px solid var(--border,#334155);background:#0b1f2a;border-radius:6px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.slide-history-thumb img{object-fit:contain;width:100%;height:100%;display:block}.slide-history-version figcaption{flex-direction:column;gap:.2rem;font-size:.72rem;display:flex}.slide-history-current{color:#4ade80;font-weight:600}.editor-bottom-tabs{flex:1;gap:.25rem;display:flex}.editor-bottom-tab{color:#94a3b8;cursor:pointer;font:inherit;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;padding:.3rem .7rem}.editor-bottom-tab:hover{color:#e2e8f0;background:#132636}.editor-bottom-tab.active{color:#f8fafc;border-bottom-color:#38bdf8}
