@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-main:#07090e;--bg-surface:#0f131c;--bg-surface-elevated:#161c28;--bg-surface-hover:#1f2738;--border-subtle:#ffffff14;--border-focus:#6366f199;--border-glow:#38bdf866;--accent-primary:#6366f1;--accent-secondary:#06b6d4;--accent-tertiary:#a855f7;--accent-pink:#ec4899;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--sidebar-width:320px;--tools-width:68px;--header-height:58px;--bottom-strip-height:120px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-display:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"Space Grotesk", monospace}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-user-select:none;user-select:none;width:100vw;height:100vh;overflow:hidden}.app-container{background:radial-gradient(circle at 50% 0,#111625 0%,#07090e 70%);flex-direction:column;width:100vw;height:100vh;display:flex}.top-header{height:var(--header-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:50;background:#0f131cd9;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.brand-section{align-items:center;gap:12px;display:flex}.brand-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 0 16px #6366f180}.brand-title{font-family:var(--font-display);letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:17px;font-weight:800}.brand-tag{font-size:10px;font-weight:700;font-family:var(--font-mono);color:#818cf8;letter-spacing:.5px;background:#6366f126;border:1px solid #6366f14d;border-radius:4px;padding:2px 7px}.project-title-input{color:var(--text-main);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;max-width:280px;padding:4px 8px;font-size:14px;font-weight:600;transition:all .2s}.project-title-input:hover{border-color:var(--border-subtle);background:#ffffff0a}.project-title-input:focus{border-color:var(--accent-primary);background:#ffffff12;outline:none}.header-actions{align-items:center;gap:10px;display:flex}.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-main)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-main);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:#ffffff29;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, #4f46e5 100%);color:#fff;border-color:#fff3;box-shadow:0 4px 14px #6366f159}.btn-play{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);font-weight:700;box-shadow:0 4px 16px #10b98159}.btn-play:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-1px)scale(1.02);box-shadow:0 6px 22px #10b9818c}.btn-icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-muted);background:0 0;border:1px solid #0000;padding:0}.btn-icon:hover{background:var(--bg-surface-hover);color:var(--text-main)}.workspace-layout{height:calc(100vh - var(--header-height) - var(--bottom-strip-height));flex:1;display:flex;position:relative;overflow:hidden}.tools-rail{width:var(--tools-width);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--border-subtle);z-index:30;background:#0f131cf2;flex-direction:column;align-items:center;gap:8px;padding:12px 0;display:flex}.tool-button{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;transition:all .18s;display:flex;position:relative}.tool-button:hover{background:var(--bg-surface-hover);color:var(--text-main)}.tool-button.active{border-color:var(--accent-primary);color:#818cf8;background:#6366f129}.tool-label{margin-top:3px;font-size:9px;font-weight:600}.canvas-viewport{background:#080a11 radial-gradient(#ffffff0d 1px,#0000 1px) 0 0/24px 24px;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:auto}.canvas-artboard{border-radius:8px;width:1040px;height:585px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000c,0 0 0 1px #ffffff1a}.canvas-layer{transform-origin:50%;cursor:move;box-sizing:border-box;transition:outline .15s;position:absolute}.canvas-layer.locked{cursor:not-allowed}.canvas-layer.selected{outline:2px solid var(--accent-secondary);box-shadow:0 0 14px #06b6d466}.resize-handle{border:2px solid var(--accent-secondary);pointer-events:auto;z-index:100;background:#fff;border-radius:3px;width:12px;height:12px;transition:transform .1s;position:absolute;box-shadow:0 0 6px #000000b3}.resize-handle:hover{background:#38bdf8;transform:scale(1.3)}.resize-handle:before{content:"";position:absolute;inset:-6px}.resize-nw{cursor:nwse-resize;top:-6px;left:-6px}.resize-ne{cursor:nesw-resize;top:-6px;right:-6px}.resize-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.resize-se{cursor:nwse-resize;bottom:-6px;right:-6px}.resize-n{cursor:ns-resize;top:-6px;left:calc(50% - 6px)}.resize-s{cursor:ns-resize;bottom:-6px;left:calc(50% - 6px)}.resize-w{cursor:ew-resize;top:calc(50% - 6px);left:-6px}.resize-e{cursor:ew-resize;top:calc(50% - 6px);right:-6px}.rotation-handle-line{background:var(--accent-secondary);pointer-events:none;width:1.5px;height:22px;position:absolute;top:-26px;left:50%}.rotation-handle{background:var(--accent-secondary);cursor:grab;z-index:101;pointer-events:auto;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:-33px;left:calc(50% - 7px);box-shadow:0 0 10px #06b6d4cc}.rotation-handle:hover{transform:scale(1.25)}.right-dock{width:var(--sidebar-width);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--border-subtle);z-index:30;background:#0f131cf2;flex-direction:column;display:flex;overflow:hidden}.dock-tabs{border-bottom:1px solid var(--border-subtle);background:#0b0e1680;display:flex}.dock-tab{text-align:center;color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 0;font-size:12px;font-weight:700;transition:all .2s;display:flex}.dock-tab:hover{color:var(--text-main);background:#ffffff05}.dock-tab.active{color:#fff;border-bottom-color:var(--accent-primary);background:#6366f114}.dock-content{flex-direction:column;flex:1;gap:18px;padding:16px;display:flex;overflow-y:auto}.panel-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.control-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.control-label{color:var(--text-muted);min-width:80px;font-size:12px;font-weight:500}.control-input{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-main);font-size:12px;font-family:var(--font-body);flex:1;padding:6px 9px}.control-input:focus{border-color:var(--accent-primary);outline:none}.slider-group{flex:1;align-items:center;gap:10px;display:flex}.range-slider{-webkit-appearance:none;background:#ffffff1f;border-radius:2px;outline:none;flex:1;height:4px}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-secondary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 0 8px #06b6d499}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-val-badge{font-family:var(--font-mono);color:var(--text-muted);text-align:right;min-width:36px;font-size:11px}.layers-list{flex-direction:column;gap:4px;display:flex}.layer-item{border-radius:var(--radius-sm);cursor:pointer;background:#ffffff05;border:1px solid #0000;align-items:center;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.layer-item:hover{background:var(--bg-surface-hover)}.layer-item.selected{background:#6366f126;border-color:#6366f166}.layer-item-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:500;overflow:hidden}.layer-item-tag{font-size:9px;font-family:var(--font-mono);color:var(--text-dim);background:#ffffff0f;border-radius:3px;padding:1px 4px}.bottom-strip{height:var(--bottom-strip-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);z-index:40;background:#0b0e16f2;align-items:center;gap:16px;padding:0 16px;display:flex}.strip-actions{flex-direction:column;gap:6px;display:flex}.slides-carousel{flex:1;align-items:center;gap:12px;padding:8px 4px;display:flex;overflow-x:auto}.slide-card-thumb{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;flex-direction:column;flex-shrink:0;justify-content:space-between;width:148px;height:83px;padding:6px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080}.slide-card-thumb:hover{border-color:#fff3;transform:translateY(-2px)}.slide-card-thumb.active{border-color:var(--accent-primary);box-shadow:0 0 16px #6366f180}.slide-number-badge{font-family:var(--font-mono);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:10px;font-weight:700}.slide-thumb-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;overflow:hidden}.presentation-overlay{z-index:999;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.presentation-stage-wrapper{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.presentation-hud{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:.15;z-index:100;background:#0f172ad9;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:14px;padding:8px 18px;transition:opacity .3s;display:flex;position:absolute;bottom:24px;box-shadow:0 10px 30px #000c}.presentation-hud:hover{opacity:1}.presentation-progress-bar{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary), var(--accent-pink));z-index:100;height:3px;transition:width .4s;position:absolute;top:0;left:0}.morph-stage{transform-origin:50%;width:1920px;height:1080px;position:absolute;overflow:hidden}.morph-layer{will-change:transform, opacity, filter;transition:all .9s cubic-bezier(.25,1,.5,1);position:absolute}@keyframes neonPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #6366f166}50%{transform:scale(1.04);box-shadow:0 0 35px #ec4899b3}}.pulse-on-click{animation:.6s ease-in-out neonPulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}:root{--bg-main:#0c0e14;--bg-surface:#141824;--bg-surface-elevated:#1a2030;--bg-glass:#141824bf;--bg-glass-elevated:#1a2030d9;--border-subtle:#ffffff14;--border-medium:#ffffff29;--border-focus:#3b82f6;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-secondary:#6366f1;--accent-glow:#3b82f640;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 10px 30px #00000080;--shadow-floating:0 20px 40px #0009, 0 0 0 1px var(--border-medium);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Plus Jakarta Sans", var(--font-sans);--font-handwriting:"Caveat", cursive;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.glass-floating{background:var(--bg-glass-elevated);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-medium);box-shadow:var(--shadow-floating)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #3b82f633}50%{box-shadow:0 0 25px #6366f166}}.animate-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-pulse-glow{animation:3s ease-in-out infinite pulseGlow}button{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;transition:all .15s}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex;position:relative}.btn-icon:hover{color:var(--text-primary);background:#ffffff14}.btn-icon.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.btn-primary{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#3b82f6,#4f46e5);align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #3b82f659}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#4338ca);transform:translateY(-1px);box-shadow:0 6px 18px #3b82f673}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff0f;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--border-medium);background:#ffffff1f}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#f1f5f9;white-space:nowrap;pointer-events:none;opacity:0;box-shadow:var(--shadow-md);z-index:1000;background:#0f172a;border:1px solid #ffffff1f;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;transition:opacity .15s .3s;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}.selection-box{border:1.5px solid var(--accent-primary);pointer-events:auto;position:absolute;box-shadow:0 0 0 1px #0003}.resize-handle{border:1.5px solid var(--accent-primary);z-index:10;background:#fff;border-radius:2px;width:8px;height:8px;position:absolute}.resize-handle.nw{cursor:nwse-resize;top:-4px;left:-4px}.resize-handle.ne{cursor:nesw-resize;top:-4px;right:-4px}.resize-handle.se{cursor:nwse-resize;bottom:-4px;right:-4px}.resize-handle.sw{cursor:nesw-resize;bottom:-4px;left:-4px}.hub-page-container{background:radial-gradient(circle at 50% 10%,#151b2c 0%,#0a0d14 100%);flex:1;height:calc(100vh - 48px);padding:40px 60px 80px;overflow-y:auto}.hub-welcome-title{font-size:clamp(22px,5vw,32px);font-weight:800;font-family:var(--font-display);letter-spacing:-.8px;margin-bottom:8px}.hub-welcome-desc{color:var(--text-secondary);max-width:650px;font-size:clamp(13px,3.5vw,15px);line-height:1.5}.hub-core-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.hub-roadmap-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.hub-card{border-radius:var(--radius-lg);justifyContent:space-between;flex-direction:column;padding:28px;transition:all .2s;display:flex;position:relative;overflow:hidden}.nav-switcher-container{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff0a;align-items:center;gap:4px;max-width:100%;padding:3px 4px;display:flex;overflow-x:auto}@media (width<=768px){.hub-page-container{padding:20px 16px 60px}.hub-core-grid{grid-template-columns:1fr;gap:16px}.hub-roadmap-grid{grid-template-columns:1fr;gap:12px}.hub-card{padding:20px 16px}.nav-domain-tag,.nav-brand-subtitle{display:none!important}.nav-switcher-container{gap:2px;padding:2px}.nav-pill-btn span.pill-long{display:none}.nav-pill-btn span.pill-short{display:inline!important}}@media (width>=769px){.nav-pill-btn span.pill-short{display:none!important}.nav-pill-btn span.pill-long{display:inline!important}}