:root{--bg-studio-deep: #090b0f;--bg-glass: rgba(14, 17, 23, .72);--bg-glass-hover: rgba(24, 29, 39, .88);--border-subtle: rgba(255, 255, 255, .09);--border-active: rgba(232, 74, 27, .65);--text-primary: #f2f4f8;--text-secondary: #9aa3b2;--text-muted: #646d7d;--accent-vermilion: #e84a1b;--accent-gold: #d69c46;--accent-emerald: #2ee58d;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-studio-deep);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#viewport-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1}#studio-canvas{display:block;width:100%;height:100%;outline:none;cursor:grab}#studio-canvas:active{cursor:grabbing}#studio-header{position:fixed;top:22px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:10}.identity-block{display:flex;align-items:center;gap:12px;opacity:.88}.identity-accent{width:3px;height:28px;background:linear-gradient(180deg,var(--accent-vermilion) 0%,var(--accent-gold) 100%);border-radius:2px}.identity-text h1{font-size:.88rem;font-weight:700;letter-spacing:.18em;color:var(--text-primary);line-height:1.15}.identity-text p{font-size:.62rem;font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-secondary);margin-top:2px}.header-actions{display:flex;align-items:center;gap:10px}.render-status{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:var(--bg-glass);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;color:var(--text-secondary)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-gold);transition:background-color .25s ease,box-shadow .25s ease}.status-dot.converged{background:var(--accent-emerald);box-shadow:0 0 8px #2ee58da6}#studio-dock{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 36px #00000073;z-index:10;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}#studio-dock::-webkit-scrollbar{display:none}.dock-group{display:flex;align-items:center;gap:4px}.dock-divider{width:1px;height:18px;background:var(--border-subtle);margin:0 2px;flex-shrink:0}.dock-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.04em;padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.dock-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.dock-btn.active{color:var(--text-primary);background:#e84a1b29;border-color:var(--border-active)}.dock-btn.icon-btn{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700}#controls-popover{position:fixed;bottom:74px;right:28px;width:268px;background:#0c0f14e6;border:1px solid var(--border-subtle);border-radius:14px;padding:14px 16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 48px #0000008c;z-index:15;transition:opacity .2s ease,transform .2s ease}#controls-popover.hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.popover-header{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;color:var(--text-secondary);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.popover-header button{background:none;border:none;color:var(--text-secondary);font-size:1.05rem;cursor:pointer;line-height:1}.controls-list{list-style:none;display:flex;flex-direction:column;gap:7px;font-size:.74rem}.controls-list li{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary)}.controls-list kbd{font-family:var(--font-mono);font-size:.65rem;color:var(--text-primary);background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:2px 6px}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#131720,#080a0e);display:flex;align-items:center;justify-content:center;z-index:50;transition:opacity .45s ease,visibility .45s ease}#loading-overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loader-card{width:min(420px,calc(100vw - 40px));padding:28px 30px;background:#10141cd9;border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 24px 64px #000000a6}.loader-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;margin-bottom:14px}.brand-mark{width:8px;height:8px;background:var(--accent-vermilion);border-radius:2px}.brand-name{color:var(--text-primary);font-weight:700}.brand-tag{margin-left:auto;color:var(--accent-gold)}.loader-title{font-size:.92rem;font-weight:500;color:var(--text-primary);margin-bottom:12px}.loader-bar-track{width:100%;height:4px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-bottom:10px}.loader-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-vermilion),var(--accent-gold));border-radius:999px;transition:width .2s ease}.loader-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.66rem;color:var(--text-secondary)}#error-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0ef0;display:flex;align-items:center;justify-content:center;z-index:60}#error-overlay.hidden{display:none}.error-card{width:min(440px,calc(100vw - 40px));padding:28px 30px;background:#12161f;border:1px solid rgba(232,74,27,.45);border-radius:16px}.error-badge{display:inline-block;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.14em;color:var(--accent-vermilion);margin-bottom:8px}.error-card h2{font-size:1.05rem;margin-bottom:8px}.error-card p{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:18px}#error-retry-btn{background:var(--accent-vermilion);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.78rem;font-weight:600;cursor:pointer}@media(max-width:720px){#studio-header{top:14px;left:16px;right:16px}.identity-text p{display:none}#studio-dock{bottom:12px;padding:5px 6px}.dock-btn{padding:5px 9px;font-size:.68rem}}