:root{--bg-stone: #e6dfd3;--panel-bg: rgba(252, 249, 244, .92);--panel-border: rgba(120, 98, 74, .18);--ink-900: #1c1917;--ink-700: #44403c;--ink-500: #78716c;--emerald: #059669;--amber: #d97706;--indigo: #4f46e5;--shadow-soft: 0 18px 42px -12px rgba(28, 25, 23, .18), 0 4px 12px rgba(28, 25, 23, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#f3eee4,#e2d9c8 65%,#d5cab6);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink-900);-webkit-font-smoothing:antialiased}.studio-shell{position:relative;width:100vw;height:100vh;overflow:hidden}.canvas-wrap{position:absolute;inset:0;z-index:1}.top-hud{position:absolute;top:14px;left:16px;right:16px;z-index:35;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.brand-card,.room-nav,.autopilot-pill{pointer-events:auto;background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);box-shadow:var(--shadow-soft);border-radius:16px}.brand-card{display:flex;align-items:center;gap:11px;padding:8px 13px;flex-shrink:0}.brand-orb{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#10b981,#047857);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;box-shadow:0 6px 14px #10b98152}.brand-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;letter-spacing:-.02em;color:var(--ink-900)}.brand-sub{font-size:11.5px;color:var(--ink-500);display:flex;align-items:center;gap:8px;margin-top:1px}.kpi-chip{background:#10b9811f;color:#065f46;font-weight:700;padding:2px 7px;border-radius:999px;font-size:11px}.room-nav{display:flex;align-items:center;gap:5px;padding:5px 7px;overflow-x:auto;flex:0 1 auto;min-width:0;max-width:100%;scrollbar-width:none}.room-nav::-webkit-scrollbar{display:none}.nav-btn{border:1px solid transparent;background:transparent;color:var(--ink-700);font-size:12px;font-weight:600;padding:6px 10px;border-radius:10px;cursor:pointer;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:5px;transition:all .18s ease}.nav-btn:hover{background:#1c19170f}.nav-btn.active{background:var(--ink-900);color:#fff;box-shadow:0 4px 12px #1c191738}.nav-btn.add-room{background:linear-gradient(135deg,#1c1917,#3f3a36);color:#fef3c7;border:1px solid rgba(245,158,11,.4)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.autopilot-pill{display:flex;align-items:center;gap:8px;padding:7px 11px;font-size:11.5px;font-weight:600;flex-shrink:0}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b981b3;animation:pulseGlow 1.8s infinite}.pulse-dot.paused{background:#f59e0b;animation:none}@keyframes pulseGlow{0%{box-shadow:0 0 #10b981a6}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.mini-action-btn{border:1px solid rgba(28,25,23,.14);background:#fff;color:var(--ink-900);font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease}.mini-action-btn:hover:not(:disabled){background:#f5f5f4;transform:translateY(-1px)}.mini-action-btn:disabled{opacity:.55;cursor:wait}.inspector-drawer{position:absolute;top:80px;right:16px;bottom:16px;width:430px;max-width:calc(100vw - 32px);z-index:25;background:#fdfbf7f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:20px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1)}.drawer-header{padding:16px 18px 12px;border-bottom:1px solid rgba(120,98,74,.12);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.drawer-avatar{width:46px;height:46px;border-radius:13px;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 10px #0000001f;flex-shrink:0}.drawer-tabs{display:flex;gap:6px;padding:8px 18px;background:#ebe4d873;border-bottom:1px solid rgba(120,98,74,.12)}.tab-btn{flex:1;border:none;background:transparent;padding:7px 10px;border-radius:9px;font-size:12px;font-weight:700;color:var(--ink-700);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.tab-btn.active{background:#fff;color:var(--ink-900);box-shadow:0 2px 6px #00000014}.drawer-body{flex:1;overflow-y:auto;padding:14px 18px 22px;display:flex;flex-direction:column;gap:14px}.card-box{background:#fff;border:1px solid rgba(120,98,74,.14);border-radius:14px;padding:13px;box-shadow:0 3px 10px #1c19170a}.stage-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.03em;padding:3px 8px;border-radius:999px;text-transform:uppercase}.stage-READY_TO_POST{background:#d1fae5;color:#065f46}.stage-RENDERING{background:#fef3c7;color:#92400e}.stage-SCRIPTING{background:#e0e7ff;color:#3730a3}.stage-IDEATION{background:#f3f4f6;color:#374151}.stage-SCHEDULED{background:#dbeafe;color:#1e40af}.stage-PUBLISHED{background:#10b981;color:#fff}.video-player-frame{width:100%;max-height:290px;background:#0c0a09;border-radius:11px;overflow:hidden;margin-top:9px}.video-player-frame video{width:100%;max-height:290px;display:block;object-fit:contain}.btn-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.btn-primary{background:var(--ink-900);color:#fff;border:none;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:opacity .15s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.55;cursor:wait}.btn-emerald{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-outline{background:#fafaf9;color:var(--ink-900);border:1px solid rgba(28,25,23,.16);border-radius:10px;padding:7px 11px;font-size:11.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none}.btn-outline:hover{background:#f0ece4}.input-field,.textarea-field{width:100%;border:1px solid rgba(120,98,74,.24);background:#fff;border-radius:10px;padding:9px 11px;font-size:12.5px;font-family:inherit;color:var(--ink-900)}.textarea-field{min-height:70px;resize:vertical}.live-feed-box{position:absolute;left:16px;bottom:16px;width:360px;max-width:calc(100vw - 32px);z-index:18;background:#1c1917e0;color:#f5f5f4;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:11px 14px;box-shadow:var(--shadow-soft)}.feed-list{margin-top:7px;max-height:118px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;font-size:11.5px;line-height:1.38}.feed-item{color:#e7e5e4;border-left:2px solid #10b981;padding-left:8px}.pod-3d-badge{background:#fffdf9f0;border:1.5px solid rgba(28,25,23,.14);border-radius:14px;padding:7px 13px;box-shadow:0 10px 24px #1c191729;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:9px;transition:transform .16s ease;user-select:none}.pod-3d-badge:hover{transform:scale(1.05) translateY(-2px)}.agent-3d-tag{background:#1c1917db;color:#fff;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:0 4px 10px #00000038;display:flex;align-items:center;gap:5px}.agent-thought-pop{background:#fffbeb;color:#1c1917;border:1px solid #f59e0b;border-radius:10px;padding:6px 9px;font-size:10.5px;font-weight:600;width:190px;white-space:normal;line-height:1.3;margin-bottom:4px;box-shadow:0 8px 18px #00000029}.modal-backdrop{position:fixed;inset:0;z-index:60;background:#1c191785;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{background:#fdfbf7;border-radius:20px;width:100%;max-width:460px;padding:22px;box-shadow:0 24px 60px #00000047;border:1px solid var(--panel-border)}.reopen-drawer-fab{position:fixed;right:16px;bottom:16px;z-index:30;border:none;border-radius:999px;padding:11px 18px;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 12px 28px #0478575c;cursor:pointer;display:flex;align-items:center;gap:8px}.studio-shell:not([data-view=overview]) .pod-3d-badge{display:none!important;opacity:0!important;pointer-events:none!important}.mob-only-btn{display:none}@media (max-width: 860px){.top-hud{top:8px;left:8px;right:8px;gap:0}.brand-card,.autopilot-pill{display:none}.room-nav{width:100%;padding:5px;gap:5px;border-radius:14px}.nav-btn{padding:7px 11px;font-size:11.5px}.mob-only-btn{display:inline-flex;background:#10b981;color:#fff;border-color:#059669}.inspector-drawer{inset:auto 8px 8px;width:auto;max-width:none;border-radius:18px;transition:height .26s cubic-bezier(.22,1,.36,1)}.inspector-drawer.mob-peek{height:114px;overflow:hidden}.inspector-drawer.mob-expanded{height:72vh}.drawer-header{padding:11px 13px 9px}.drawer-body{padding:10px 12px 14px;gap:10px}.live-feed-box{display:none}}