@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#0c0c10;--bg-panel:#121218;--bg-panel-alt:#17171d;--bg-nav:#0f0f14;--border:#ffffff14;--border-soft:#ffffff0f;--text:#f3f2f0;--text-dim:#f3f2f080;--text-dimmer:#f3f2f059;--accent-purple:#8b6bff;--accent-pink:#ff6f9c;--accent-amber:#ffb86b;--accent-green:#6fd68c;--accent-yellow:#ffc069;--gradient-brand:linear-gradient(90deg, #8b6bff, #ff6f9c);--gradient-brand-3:linear-gradient(90deg, #8b6bff, #ff6f9c, #ffb86b);--font-display:"Space Grotesk", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--accent-purple);color:#fff}a{color:#a58bff;text-decoration:none}a:hover{color:#c3b3ff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}button{font-family:inherit}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{background:var(--bg);width:100%;min-height:100vh;color:var(--text);flex-direction:column;display:flex}.top-nav{border-bottom:1px solid var(--border);background:var(--bg-nav);flex:none;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--gradient-brand-3);border-radius:7px;width:22px;height:22px}.brand-name{font:600 16px var(--font-display);letter-spacing:.2px}.tab-group{border:1px solid var(--border-soft);background:#ffffff0a;border-radius:12px;gap:4px;padding:4px;display:flex}.tab{font:600 12.5px var(--font-body);cursor:pointer;color:var(--text-dim);border-radius:9px;padding:8px 16px}.tab-active{background:var(--gradient-brand);color:var(--bg)}.nav-status{width:150px;font:500 12px var(--font-mono);color:var(--text-dimmer);justify-content:flex-end;align-items:center;gap:8px;display:flex}.status-dot{background:var(--accent-green);border-radius:50%;width:6px;height:6px}.btn{cursor:pointer;font-family:var(--font-body);border:none;align-items:center;gap:6px;display:inline-flex}.btn-primary{background:var(--gradient-brand);font:600 14px var(--font-display);color:var(--bg);border-radius:11px;padding:12px 22px}.btn-ghost{font:500 12px var(--font-body);border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:8px;padding:7px 14px}.btn-danger{font:600 12px var(--font-body);color:#ff9d9d;cursor:pointer;background:#ff7a7a26;border:1px solid #ff7a7a4d;border-radius:9px;padding:9px 14px}.home-screen{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:48px 64px}.home-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.home-title{font:600 34px var(--font-display);margin-bottom:8px}.home-subtitle{font:400 14px var(--font-body);color:var(--text-dim)}.home-filters{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.filter-chip{font:500 12.5px var(--font-body);cursor:pointer;border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:9px;padding:8px 16px}.filter-chip-active{color:var(--text);background:#ffffff14}.deck-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}@media (width<=1100px){.deck-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.deck-grid{grid-template-columns:1fr}.home-screen{padding:32px 20px}}.deck-card{cursor:pointer;background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:16px;transition:transform .2s;overflow:hidden}.deck-card:hover{transform:translateY(-4px)}.deck-thumb{height:130px;position:relative}.deck-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:500 10px var(--font-mono);color:#fff;background:#00000059;border-radius:6px;padding:4px 9px;position:absolute;top:10px;left:10px}.deck-body{padding:14px 16px 16px}.deck-name{font:600 14px var(--font-display);margin-bottom:4px}.deck-meta{font:400 12px var(--font-body);color:var(--text-dimmer)}.editor-screen{flex:1;min-height:0;display:flex}.icon-rail{border-right:1px solid var(--border);background:var(--bg-nav);flex-direction:column;flex:none;align-items:center;gap:6px;width:56px;padding:16px 0;display:flex}.rail-btn{cursor:pointer;width:36px;height:36px;font:600 15px var(--font-body);color:var(--text-dim);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.rail-btn-active{background:var(--accent-purple);color:var(--bg)}.flyout-panel{border-right:1px solid var(--border);background:var(--bg-panel);flex:none;width:240px;padding:18px}.panel-title{font:600 13px var(--font-display);color:#f3f2f0cc;margin-bottom:14px}.insert-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.insert-option{border:1px solid var(--border-soft);text-align:center;font:500 11px var(--font-body);color:#f3f2f0b3;cursor:pointer;background:#ffffff0a;border-radius:12px;padding:14px 10px}.insert-option-glyph{margin-bottom:6px;font-size:18px}.canvas-column{flex-direction:column;flex:1;min-width:0;display:flex}.canvas-toolbar{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;height:44px;padding:0 18px;display:flex}.canvas-breadcrumb{font:500 13px var(--font-body);color:var(--text-dim)}.toolbar-actions{gap:8px;display:flex}.canvas-stage-wrap{background:radial-gradient(circle at 50% 0,#15151c,#0c0c10);flex:1;justify-content:center;align-items:center;padding:30px;display:flex;position:relative}.slide-canvas{border:1px solid var(--border);background:#111116;border-radius:14px;width:920px;max-width:100%;height:518px;padding:48px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}.slide-headline{font:600 32px var(--font-display);cursor:pointer;max-width:380px;transition:all .4s;position:absolute;top:48px;left:48px}.slide-headline-isolated{opacity:.35;transform:translateY(-6px)}.slide-chart{border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:12px;width:380px;transition:all .4s;position:absolute;top:120px;bottom:180px;left:48px}.slide-chart-expanded{width:auto;inset:120px 340px 48px 48px}.chart-bars{align-items:flex-end;gap:8px;height:70%;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.chart-bar{background:linear-gradient(#8b6bff,#8b6bff33);border-radius:4px 4px 0 0;flex:1}.chart-bar-highlight{background:linear-gradient(#ff6f9c,#ff6f9c33)}.chart-label{font:500 11px var(--font-mono);color:var(--text-dimmer);position:absolute;top:12px;left:16px}.slide-embed{border:1px solid var(--border);border-radius:12px;flex-direction:column;width:280px;transition:all .4s;display:flex;position:absolute;top:48px;bottom:48px;right:48px;overflow:hidden}.slide-embed-dimmed{opacity:.3;transform:scale(.94)}.embed-chrome{border-bottom:1px solid var(--border);background:#00000059;align-items:center;gap:6px;padding:8px 10px;display:flex}.chrome-dot{border-radius:50%;width:7px;height:7px}.embed-url{text-align:center;font:500 10px var(--font-mono);color:#f3f2f059;flex:1}.embed-body{font:500 11px var(--font-mono);color:#f3f2f04d;background:linear-gradient(135deg,#1a1a2e,#20161f);flex:1;justify-content:center;align-items:center;display:flex}.slide-callout{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:14px 20px;animation:3s ease-in-out infinite floaty;position:absolute;bottom:48px;right:48px}.callout-value{font:600 26px var(--font-display);background:var(--gradient-brand-3);color:#0000;-webkit-background-clip:text;background-clip:text}.callout-label{font:500 10px var(--font-body);color:var(--text-dim)}.scene-strip{border-top:1px solid var(--border);background:var(--bg-nav);flex:none;padding:14px 24px}.scene-strip-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.scene-strip-title{font:600 11px var(--font-mono);color:var(--text-dimmer);letter-spacing:.5px}.preset-row{flex-wrap:wrap;gap:6px;display:flex}.preset-chip{font:500 11px var(--font-body);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px}.scene-row{flex-wrap:wrap;gap:10px;display:flex}.scene-step{cursor:pointer;border:1px solid var(--border-soft);color:var(--text-dim);background:#ffffff08;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex}.scene-step-active{color:var(--text);background:#8b6bff24;border:1px solid #8b6bff66}.scene-dot{background:#fff3;border-radius:50%;width:8px;height:8px}.scene-dot-active{background:var(--gradient-brand)}.scene-step-name{font:500 12px var(--font-body)}.add-step{color:var(--text-dimmer);font:500 12px var(--font-body);cursor:pointer;border:1px dashed #ffffff26;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;display:flex}.inspector{border-left:1px solid var(--border);background:var(--bg-panel);flex:none;width:250px;padding:18px}.inspector-title{font:600 13px var(--font-display);margin-bottom:16px}.inspector-label{font:500 11px var(--font-mono);color:var(--text-dimmer);letter-spacing:.5px;margin-bottom:8px}.role-list{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.role-option{font:500 12px var(--font-body);cursor:pointer;text-align:left;border:1px solid var(--border-soft);color:var(--text-dim);background:#ffffff08;border-radius:9px;padding:9px 12px}.role-option-active{color:var(--text);background:#8b6bff29;border:1px solid #8b6bff66}.spring-row{gap:6px;display:flex}.spring-option{text-align:center;font:500 11px var(--font-body);cursor:pointer;border:1px solid var(--border-soft);color:var(--text-dim);background:#ffffff08;border-radius:8px;flex:1;padding:8px 0}.spring-option-active{color:var(--text);background:#8b6bff29;border:1px solid #8b6bff66}.present-screen{background:#000;flex-direction:column;flex:1;min-height:0;display:flex}.present-stage-wrap{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.present-slide{aspect-ratio:16/9;background:#111116;border-radius:10px;width:100%;max-width:1180px;padding:56px;position:relative;overflow:hidden;box-shadow:0 40px 100px #0009}.present-headline{font:600 40px var(--font-display);max-width:60%}.present-embed{border:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;border-radius:12px;flex-direction:column;width:380px;padding:0;display:flex;position:absolute;top:56px;bottom:56px;right:56px;overflow:hidden}.present-embed-chrome{background:#0006;align-items:center;gap:6px;padding:8px 10px;display:flex}.pulse-dot{background:var(--accent-green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.present-embed-label{font:500 10px var(--font-mono);color:#f3f2f080}.live-demo-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#000000b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.live-demo-window{background:var(--bg-nav);border:1px solid #ffffff26;border-radius:14px;flex-direction:column;width:82%;height:82%;display:flex;overflow:hidden;box-shadow:0 0 0 3px #8b6bff80,0 40px 100px #000000b3}.live-demo-header{border-bottom:1px solid var(--border);background:#151520;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.live-demo-header-left{align-items:center;gap:8px;display:flex}.readiness-label{font:500 12px var(--font-mono);color:#f3f2f099}.readiness-options{gap:8px;display:flex}.readiness-chip{font:500 10.5px var(--font-mono);cursor:pointer;text-transform:capitalize;color:var(--text-dimmer);background:0 0;border:none;border-radius:6px;padding:5px 10px}.readiness-chip-active{color:#c3b3ff;background:#8b6bff33}.live-demo-body{font:500 13px var(--font-mono);color:#f3f2f059;background:linear-gradient(135deg,#161629,#20161f);flex:1;justify-content:center;align-items:center;display:flex}.live-demo-footer{border-top:1px solid var(--border);background:#151520;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.live-demo-footer-actions{gap:8px;display:flex}.btn-small{font:500 11px var(--font-body);border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:8px;padding:7px 13px}.btn-focus-out{font:600 11px var(--font-body);background:var(--gradient-brand);color:var(--bg);cursor:pointer;border:none;border-radius:8px;padding:7px 15px}.presenter-footer{background:var(--bg);border-top:1px solid var(--border);flex:none;align-items:center;gap:18px;height:110px;padding:0 24px;display:flex;overflow-x:auto}.presenter-thumbs{flex:none;gap:10px;display:flex}.presenter-thumb{background:var(--bg-panel-alt);border:1px solid var(--border);opacity:.5;border-radius:8px;flex:none;width:120px;height:68px}.presenter-thumb-active{border:2px solid var(--accent-purple);opacity:1}.presenter-next{font:400 12px var(--font-body);color:var(--text-dim);flex:1;min-width:160px;max-width:340px}.presenter-timer{font:600 22px var(--font-mono);color:#f3f2f0cc;flex:none}.presenter-actions{flex:none;gap:8px;display:flex}.export-screen{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:48px 64px}.screen-title{font:600 30px var(--font-display);margin-bottom:6px}.screen-subtitle{font:400 14px var(--font-body);color:var(--text-dim);margin-bottom:32px}.profile-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}@media (width<=900px){.profile-grid{grid-template-columns:repeat(2,1fr)}}.profile-card{cursor:pointer;background:var(--bg-panel);border:1px solid var(--border);text-align:left;color:var(--text);border-radius:14px;padding:18px}.profile-card-active{background:#8b6bff1a;border:1px solid #8b6bff80}.profile-name{font:600 15px var(--font-display);margin-bottom:8px}.profile-desc{font:400 12px var(--font-body);color:#f3f2f08c;margin-bottom:14px;line-height:1.5}.profile-req{font:500 11px var(--font-mono);color:var(--text-dimmer)}.report-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.report-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 20px;display:flex}.report-header-title{font:600 13px var(--font-display)}.report-summary{font:500 12px var(--font-mono);color:var(--text-dim)}.report-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:13px 20px;display:flex}.report-scene{font:500 13px var(--font-body)}.report-badge{font:600 10.5px var(--font-mono);border-radius:7px;padding:4px 10px}.report-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.preflight-screen{flex:1;width:100%;max-width:900px;margin:0 auto;padding:48px 64px}.preflight-spinner-row{color:var(--text-dim);font:500 13px var(--font-body);align-items:center;gap:10px;margin-bottom:24px;display:flex}.spinner{border:2px solid #ffffff26;border-top-color:var(--accent-purple);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.ready-banner{background:#6fd68c1a;border:1px solid #6fd68c4d;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;padding:14px 18px;display:flex}.ready-banner-title{color:var(--accent-green);font:600 14px var(--font-display)}.ready-banner-note{font:400 12px var(--font-body);color:var(--text-dim)}.check-groups{flex-direction:column;gap:18px;margin-bottom:28px;display:flex}.check-group{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.check-group-title{font:600 12px var(--font-mono);color:var(--text-dimmer);letter-spacing:.5px;border-bottom:1px solid var(--border-soft);padding:12px 18px}.check-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.check-label{font:500 13px var(--font-body)}.check-status{font:600 11px var(--font-mono)}.slide-canvas-present{aspect-ratio:16/9;border-radius:10px;width:100%;max-width:1180px;height:auto;padding:0;box-shadow:0 40px 100px #0009}.canvas-block{position:absolute}.canvas-block-editable{cursor:pointer}.canvas-block-selected{outline:2px solid var(--accent-purple);outline-offset:2px;border-radius:4px}.block-text{width:100%;height:100%;font:600 20px var(--font-display)}.block-text-hero{font:600 32px var(--font-display)}.block-shape{width:100%;height:100%}.block-image{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.block-chart{border:1px solid var(--border);background:#ffffff08;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.block-embed{border:1px solid var(--border);border-radius:12px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.deck-delete{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;width:22px;height:22px;font:600 13px var(--font-body);background:#00000059;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.deck-delete:hover{background:#ff7a7a8c}.embed-web-form{gap:8px;width:100%;padding:16px;display:flex}.embed-web-input{border:1px solid var(--border);min-width:0;color:inherit;font:500 12px var(--font-mono);background:#ffffff0a;border-radius:8px;flex:1;padding:8px 10px}.embed-web-load-btn{background:var(--accent-purple);color:#fff;font:600 12px var(--font-body);cursor:pointer;border:none;border-radius:8px;padding:8px 14px}.embed-readiness-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.embed-chip{border:1px solid var(--border);color:var(--text-dimmer);font:500 10px var(--font-mono);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:3px 8px}.embed-chip-active{border-color:var(--accent-purple);color:#fff;background:#8b6bff40}.embed-web-body{outline:none;flex:1;position:relative}.embed-web-iframe{border:none;width:100%;height:100%;display:block}.embed-web-body.embed-focused{box-shadow:inset 0 0 0 2px var(--accent-purple)}.embed-focus-overlay{color:#fff;font:600 12px var(--font-body);cursor:pointer;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.embed-run-btn{background:var(--accent-purple);color:#fff;font:600 11px var(--font-body);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;margin-left:auto;padding:4px 10px}.embed-code-body{flex-direction:column;flex:1;min-height:0;display:flex}.embed-code-textarea{resize:none;border:none;border-bottom:1px solid var(--border);min-height:0;color:inherit;font:500 12px var(--font-mono);background:#00000040;flex:55%;padding:10px}.embed-code-console{min-height:0;font:500 11px var(--font-mono);background:#0f0f1a;flex:45%;padding:8px 10px;overflow-y:auto}.embed-code-console-empty{color:var(--text-dimmer)}.embed-code-console-line{color:#f3f2f0cc;white-space:pre-wrap;word-break:break-word}.embed-code-console-error{color:#ff7a7a}.embed-code-sandbox{display:none}.embed-pdf-input{color:inherit;font:500 11px var(--font-mono)}.embed-pdf-body{background:#0003;flex-direction:column;flex:1;min-height:0;display:flex}.embed-pdf-canvas{object-fit:contain;flex:1;width:100%;height:auto;min-height:0}.embed-pdf-controls{border-top:1px solid var(--border);font:500 11px var(--font-mono);justify-content:center;align-items:center;gap:10px;padding:6px;display:flex}.block-resize-handle{background:var(--accent-purple);cursor:nwse-resize;z-index:20;touch-action:none;border:2px solid #fff;border-radius:3px;width:12px;height:12px;margin-top:-6px;margin-left:-6px;position:fixed}.scene-step-name-input{font:500 12px var(--font-body);color:var(--text);border:1px solid var(--accent-purple);background:#ffffff14;border-radius:6px;width:90px;padding:2px 6px}.scene-step-delete{color:var(--text-dimmer);cursor:pointer;font:600 13px var(--font-body);background:0 0;border:none;padding:0 2px}.scene-step-delete:hover{color:#ff9d9d}.inspector-textarea{resize:vertical;width:100%;min-height:64px;font:500 12px var(--font-body);color:var(--text);border:1px solid var(--border-soft);background:#ffffff08;border-radius:9px;margin-bottom:20px;padding:9px 10px}.inspector-text-input{width:100%;font:500 12px var(--font-body);color:var(--text);border:1px solid var(--border-soft);background:#ffffff08;border-radius:9px;margin-bottom:20px;padding:9px 10px}.inspector-checkbox-row{font:500 12px var(--font-body);color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;margin-bottom:20px;display:flex}.inspector-delete{justify-content:center;width:100%;margin-top:4px}
