@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--cp-bg:#08080d;--cp-bg-elevated:#0e0e16;--cp-surface:#14141f;--cp-surface-2:#191927;--cp-surface-hover:#202030;--cp-panel:var(--cp-surface);--cp-panel-raised:var(--cp-surface-2);--cp-border:rgba(255,255,255,.08);--cp-text:#f7f5ff;--cp-text-muted:#a9a5b8;--cp-purple-1:#6d28d9;--cp-purple-2:#8b5cf6;--cp-purple-3:#c084fc;--cp-primary:#7c3aed;--cp-primary-hover:var(--cp-purple-2);--cp-primary-bright:var(--cp-purple-3);--cp-primary-dim:rgba(124,58,237,.16);--cp-primary-glow:0 8px 28px rgba(139,92,246,.24);--cp-gradient-primary:linear-gradient(135deg,var(--cp-purple-1) 0%,var(--cp-purple-2) 45%,var(--cp-purple-3) 100%);--cp-success:#35c78a;--cp-warning:#f4b740;--cp-danger:#f05d6c;--cp-error:var(--cp-danger);--cp-radius-sm:10px;--cp-radius-md:14px;--cp-radius-lg:18px;--cp-radius:var(--cp-radius-md);--cp-topbar-h:66px;--cp-player-h:74px;--cp-left-w:260px;--cp-right-w:350px;--cp-sidebar-w:208px}body{margin:0;background:var(--cp-bg);color:var(--cp-text);font-family:Inter,system-ui,sans-serif}button,input,textarea,select{font:inherit}.cp-btn{border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text);border-radius:var(--cp-radius-sm);padding:10px 14px;cursor:pointer}.cp-btn-primary,.cp-primary-action{min-height:44px;padding:0 18px;border:0;border-radius:var(--cp-radius-md);background:var(--cp-gradient-primary);color:#fff;font-weight:700;cursor:pointer;box-shadow:var(--cp-primary-glow);transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.cp-btn-primary:hover,.cp-primary-action:hover{transform:translateY(-1px)}.cp-btn-primary:active,.cp-primary-action:active{transform:translateY(0)}.cp-btn-primary:disabled,.cp-primary-action:disabled{opacity:.55;cursor:default;transform:none}.cp-card{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg)}.cp-selected{border-color:#a855f78c;box-shadow:0 0 0 1px #a855f71f,0 12px 32px #6d28d91f}.cp-approval-card{margin-top:10px;padding:14px;background:var(--cp-surface-2);border:1px solid rgba(168,85,247,.35);border-radius:var(--cp-radius-md)}.cp-approval-card-body{color:var(--cp-text)}.cp-approval-card-impact{margin-top:6px;font-size:12px;color:var(--cp-text-muted)}.cp-approval-card-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.cp-app-shell{min-height:100vh;background:radial-gradient(circle at 20% -10%,rgba(124,58,237,.1),transparent 28%),var(--cp-bg);padding-bottom:var(--cp-player-h)}.cp-topbar{height:var(--cp-topbar-h);display:flex;align-items:center;gap:14px;padding:0 18px;background:#070b12f2;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:50}.cp-brand{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:var(--cp-text);min-width:220px;text-align:left;cursor:pointer}.cp-brand strong,.cp-brand small{display:block}.cp-brand small{font-size:9px;color:var(--cp-text-muted);letter-spacing:.12em}.cp-brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--cp-primary),var(--cp-primary-bright));box-shadow:var(--cp-primary-glow)}.cp-main-nav{display:flex;gap:5px}.cp-main-nav button{border:0;background:transparent;color:var(--cp-text-muted);padding:9px 12px;border-radius:10px;cursor:pointer}.cp-main-nav button.active{background:linear-gradient(135deg,var(--cp-primary),var(--cp-primary-bright));color:#fff}.cp-spacer{flex:1}.cp-project{display:flex;flex-direction:column;min-width:190px;padding:7px 10px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-panel)}.cp-project small{color:var(--cp-text-muted);text-transform:uppercase;font-size:8px}.cp-project select{border:0;background:transparent;color:var(--cp-text);outline:0}.cp-chat{border:0;border-radius:999px;padding:10px 18px;background:linear-gradient(135deg,var(--cp-primary),var(--cp-primary-bright));color:#fff;cursor:pointer}.cp-topbar-link{border:0;background:transparent;color:var(--cp-text-muted);padding:9px 12px;border-radius:10px;cursor:pointer}.cp-topbar-link.active{color:var(--cp-text);background:var(--cp-surface-hover)}.cp-sidebar-toggle{display:none;border:0;background:transparent;color:var(--cp-text);font-size:18px;cursor:pointer;padding:4px 8px}.cp-account{position:relative}.cp-avatar{width:36px;height:36px;border-radius:50%;border:0;background:#6d28d9;color:#fff;cursor:pointer}.cp-account-menu{position:absolute;right:0;top:44px;min-width:190px;background:var(--cp-surface-2);border:1px solid var(--cp-border);border-radius:var(--cp-radius-md);box-shadow:0 16px 40px #00000073;z-index:70;display:flex;flex-direction:column;padding:6px;gap:2px}.cp-account-menu button{text-align:left;border:0;background:transparent;color:var(--cp-text);padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px}.cp-account-menu button:hover{background:var(--cp-surface-hover)}.cp-body-row{display:flex;align-items:stretch;min-height:calc(100vh - var(--cp-topbar-h) - var(--cp-player-h))}.cp-sidebar{flex-shrink:0;width:var(--cp-sidebar-w,208px);display:flex;flex-direction:column;gap:2px;padding:16px 10px;border-right:1px solid var(--cp-border);background:#070b1299}.cp-sidebar button{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;color:var(--cp-text-muted);padding:11px 12px;border-radius:var(--cp-radius-sm);cursor:pointer;font-size:14px;font-weight:600}.cp-sidebar button.active{background:linear-gradient(135deg,var(--cp-purple-1),var(--cp-purple-2));color:#fff;box-shadow:var(--cp-primary-glow)}.cp-sidebar button:not(.active):hover{background:var(--cp-surface-hover);color:var(--cp-text)}.cp-sidebar-icon{font-size:15px;width:18px;text-align:center}.cp-app-main{flex:1;min-width:0}.cp-subnav{display:flex;gap:6px;padding:12px 18px 0}.cp-subnav-item{border:1px solid var(--cp-border);background:var(--cp-panel);color:var(--cp-text-muted);padding:8px 16px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600}.cp-subnav-item.active{border-color:transparent;background:linear-gradient(135deg,var(--cp-purple-1),var(--cp-purple-2));color:#fff}.cp-version-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.cp-version-card{padding:14px 16px}.cp-version-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cp-version-card-title{font-weight:800;font-size:15px;letter-spacing:.02em;display:flex;align-items:center;gap:8px}.cp-version-badge{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--cp-gradient-primary);color:#fff}.cp-version-card-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;font-size:11px;color:var(--cp-text-muted)}.cp-version-card-actions{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.cp-version-card-actions .cp-btn-primary{min-height:36px;padding:0 14px;font-size:13px}.cp-version-card-actions .cp-btn{min-height:36px;padding:0 14px;font-size:13px;text-decoration:none;display:inline-flex;align-items:center}.cp-version-more{position:relative}.cp-version-more-menu{min-width:220px}.cp-version-more-menu a{display:block;padding:9px 10px;border-radius:8px;color:var(--cp-text);font-size:12px;text-decoration:none}.cp-version-more-menu a:hover{background:var(--cp-surface-hover)}.cp-version-more-hint{display:block;padding:9px 10px;font-size:11px;color:var(--cp-text-muted)}.cp-quick-start-card{padding:18px 20px;border:1px solid rgba(168,85,247,.4);background:linear-gradient(135deg,#6d28d92e,#c084fc14)}.cp-quick-start-card:hover{border-color:#c084fcb3}.cp-quick-start-title{font-weight:800;font-size:15px;letter-spacing:.04em;background:var(--cp-gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:4px}.cp-quick-start-panel{padding:18px 20px}.cp-step-track{display:flex;align-items:center;gap:6px;margin:4px 0 10px;flex-wrap:wrap}.cp-step-chip{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--cp-border);color:var(--cp-text-muted);background:var(--cp-panel)}.cp-step-chip.done{color:var(--cp-success);border-color:#35c78a66;background:#35c78a14}.cp-voice-screen{display:grid;grid-template-columns:var(--cp-left-w) minmax(0,1fr) var(--cp-right-w);min-height:calc(100vh - var(--cp-topbar-h) - var(--cp-player-h))}.cp-voice-screen.no-director{grid-template-columns:var(--cp-left-w) minmax(0,1fr)}.cp-library,.cp-director{background:#0b111bc7}.cp-library{border-right:1px solid rgba(255,255,255,.07)}.cp-director{border-left:1px solid rgba(255,255,255,.07);overflow-y:auto}.cp-center{min-width:0;padding:14px 18px 28px}.cp-workspace{max-width:1180px;margin:auto}.cp-workflow-tabs{display:flex;gap:8px;margin-bottom:14px}.cp-workflow-tabs button{min-width:210px;text-align:left;border:1px solid var(--cp-border);background:var(--cp-panel);color:var(--cp-text-muted);padding:10px 12px;border-radius:12px;cursor:pointer}.cp-workflow-tabs button span{display:block;font-size:10px;margin-top:3px}.cp-workflow-tabs button.active{border-color:#9b5cffa6;background:var(--cp-primary-dim);color:#fff;box-shadow:var(--cp-primary-glow)}.cp-panel-pad{padding:16px}.cp-title-row,.cp-recent-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cp-title-row h2{margin:0}.cp-input{width:100%;padding:10px 12px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-panel);color:var(--cp-text);margin:12px 0}.cp-filter{display:flex;gap:6px}.cp-filter button{flex:1;border:1px solid var(--cp-border);background:transparent;color:var(--cp-text-muted);padding:8px;border-radius:10px;cursor:pointer}.cp-filter button:disabled{opacity:.45;cursor:default}.cp-filter .active{background:var(--cp-primary-dim);color:#fff}.cp-voice-list{display:flex;flex-direction:column;gap:6px;margin-top:10px;overflow-y:auto}.cp-voice-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px;border:1px solid transparent;background:transparent;border-radius:12px;color:var(--cp-text);cursor:pointer}.cp-voice-row.selected{background:var(--cp-primary-dim);border-color:#9b5cff99}.cp-voice-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6d28d9,#a855f7);font-weight:800;flex-shrink:0}.cp-voice-copy{flex:1;min-width:0}.cp-voice-copy strong,.cp-voice-copy small{display:block}.cp-voice-copy small{font-size:10px;color:var(--cp-text-muted)}.cp-provider{font-size:9px;color:#7ceadf}.cp-single{display:flex;flex-direction:column;gap:14px}.cp-voice-header{display:flex;align-items:center;gap:14px}.cp-selected-avatar{width:86px;height:86px;border-radius:50%;border:2px solid rgba(155,92,255,.6);display:grid;place-items:center;overflow:hidden;flex-shrink:0}.cp-voice-header h1{margin:0;font-size:32px}.cp-voice-header p{color:var(--cp-text-muted);margin:2px 0 0}.cp-header-actions{margin-left:auto;display:flex;gap:8px}.cp-script-card{padding:16px;background:var(--cp-panel);border:1px solid rgba(255,255,255,.07);border-radius:14px}.cp-performance{margin-top:12px}.cp-tabs{display:flex;gap:20px;border-bottom:1px solid rgba(255,255,255,.07)}.cp-tabs button{border:0;background:transparent;color:var(--cp-text-muted);padding:10px 2px;cursor:pointer}.cp-tabs .active{color:#c4b5fd;border-bottom:2px solid var(--cp-primary-bright)}.cp-take-list{display:flex;flex-direction:column;gap:7px}.cp-take-row{display:grid;grid-template-columns:44px 150px 54px minmax(120px,1fr) 90px 34px;align-items:center;gap:10px;padding:9px 10px;background:var(--cp-panel);border:1px solid rgba(255,255,255,.07);border-radius:12px}.cp-take-row.selected{border-color:#9b5cffbf;background:var(--cp-primary-dim)}.cp-take-row strong,.cp-take-row small{display:block}.cp-take-row small{color:var(--cp-text-muted);font-size:10px}.cp-take-play{width:38px;height:38px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--cp-primary),var(--cp-primary-bright));color:#fff;cursor:pointer;flex-shrink:0}.cp-wave{height:3px;background:linear-gradient(90deg,var(--cp-primary-bright),rgba(155,92,255,.16));border-radius:999px}.cp-dots{border:0;background:transparent;color:var(--cp-text-muted);cursor:pointer;font-size:16px}.cp-director-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:var(--cp-panel);border-radius:12px}.cp-director-tabs button{border:0;background:transparent;color:var(--cp-text-muted);padding:9px;border-radius:9px;cursor:pointer}.cp-director-tabs button:disabled{cursor:default;opacity:.4}.cp-director-tabs .active{background:linear-gradient(135deg,var(--cp-primary),var(--cp-primary-bright));color:#fff}.cp-director-box{margin-top:12px;background:var(--cp-panel);border:1px solid var(--cp-border);border-radius:12px;padding:10px}.cp-director-box textarea{width:100%;min-height:110px;border:0;outline:0;resize:vertical;background:transparent;color:var(--cp-text)}.cp-director-box button{float:right;border:0;background:var(--cp-primary);color:#fff;padding:8px 12px;border-radius:9px}.cp-quick{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cp-quick button{border:1px solid var(--cp-border);background:transparent;color:var(--cp-text);padding:8px;border-radius:999px;cursor:pointer}.cp-quick button:hover{border-color:#9b5cffa6;color:#fff}.cp-muted{color:var(--cp-text-muted)}.cp-global-player{position:fixed;left:0;right:0;bottom:0;height:var(--cp-player-h);z-index:60;background:#090e16f7;border-top:1px solid rgba(155,92,255,.24)}.cp-chat-dock{position:fixed;left:0;right:0;width:100%;max-height:52vh;z-index:58;background:#0b111bf7;border-top:1px solid rgba(255,255,255,.07);box-shadow:0 -8px 24px #00000059;display:flex;flex-direction:column;overflow-y:auto;transition:max-height .16s ease}.cp-chat-dock.collapsed{max-height:40px;overflow:hidden}.cp-chat-dock-bar{flex-shrink:0;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:12px;color:var(--cp-text-muted);border-bottom:1px solid rgba(255,255,255,.06);cursor:default}.cp-chat-dock-bar-actions{display:flex;gap:6px}.cp-ghost-btn{border:1px solid var(--cp-border);background:transparent;color:var(--cp-text-muted);font-size:11px;padding:4px 10px;border-radius:999px;cursor:pointer}.cp-ghost-btn:hover{color:#fff;border-color:#9b5cffa6}.cp-chat-dock-body{flex:1;min-height:0;display:flex}.cp-chat-dock .vsDirector{width:100%;height:100%}.cp-chat.active{background:linear-gradient(135deg,#5b21b6,#7c3aed)}.cp-chat:disabled{opacity:.55;cursor:default}.cp-player{height:100%;display:grid;grid-template-columns:230px 46px minmax(160px,1fr) 70px 34px 150px;gap:10px;align-items:center;padding:0 16px}.cp-player-meta{display:flex;align-items:center;gap:9px;min-width:0}.cp-player-meta strong,.cp-player-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-player-meta small{font-size:10px;color:var(--cp-text-muted)}.cp-thumb{width:46px;height:46px;border-radius:9px;background:linear-gradient(135deg,#312e81,#7c3aed);flex-shrink:0}.cp-player button,.cp-player a{border:0;background:transparent;color:#fff;text-decoration:none;cursor:pointer}.cp-play{width:44px;height:44px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--cp-primary),var(--cp-primary-bright))!important;display:grid;place-items:center}.cp-play:disabled{opacity:.4;cursor:default}.cp-progress-track{height:6px;background:#ffffff17;border-radius:999px;cursor:pointer;position:relative}.cp-progress{height:100%;background:linear-gradient(90deg,var(--cp-primary),var(--cp-primary-bright));border-radius:999px}.cp-time{color:var(--cp-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.cp-btn-danger{border-color:#ef444480!important;color:#ef4444!important}@media (max-width:1180px){.cp-voice-screen{grid-template-columns:220px minmax(0,1fr)}.cp-director{display:none}}@media (max-width:860px){.cp-project{display:none}.cp-voice-screen{grid-template-columns:1fr}.cp-library{display:none}}@media (max-width:760px){.cp-sidebar-toggle{display:block}.cp-sidebar{position:fixed;top:var(--cp-topbar-h);bottom:0;left:0;z-index:65;transform:translate(-100%);transition:transform .16s ease;box-shadow:0 0 0 100vw #0000}.cp-sidebar.open{transform:translate(0);box-shadow:20px 0 40px #0006}}.cpw-app{height:100vh;overflow:hidden;display:grid;grid-template-rows:64px 1fr auto;background:radial-gradient(circle at 80% 0,rgba(139,92,246,.16),transparent 28%),var(--cp-bg);color:var(--cp-text)}.cpw-top{height:64px;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--cp-border);background:#08080de6}.cpw-sidebar-toggle{display:none;border:0;background:transparent;color:var(--cp-text);font-size:18px;cursor:pointer;padding:4px 8px}.cpw-brand{display:flex;align-items:center;gap:10px;font-weight:800;background:transparent;border:0;color:var(--cp-text);cursor:pointer;font-size:15px}.cpw-logo{width:34px;height:34px;border-radius:11px;background:var(--cp-gradient-primary)}.cpw-nav{display:flex;gap:8px}.cpw-nav button{background:transparent;color:var(--cp-text-muted);border:0;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px}.cpw-nav button.active{background:#ffffff0d;color:#fff}.cpw-transport{display:flex;align-items:center;gap:4px;background:#11111a;border:1px solid var(--cp-border);padding:6px 8px;border-radius:11px}.cpw-transport button{border:0;background:transparent;color:var(--cp-text-muted);padding:6px 9px;border-radius:8px;cursor:pointer;font-size:13px}.cpw-transport button:hover:not(:disabled){background:var(--cp-surface-hover);color:#fff}.cpw-transport button.active{background:#8b5cf633;color:#fff}.cpw-transport button:disabled{opacity:.4;cursor:default}.cpw-transport-time{font-size:12px;font-weight:700;padding:0 8px;color:var(--cp-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.cpw-transport-error{font-size:12px;font-weight:700;padding:0 8px;color:var(--cp-danger, #f05d6c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px;cursor:help}.cpw-spacer{flex:1}.cpw-project{display:flex;align-items:center;gap:6px}.cpw-project select{background:var(--cp-surface);color:var(--cp-text);border:1px solid var(--cp-border);border-radius:10px;padding:8px 10px;font-size:13px}.cpw-project-new{background:var(--cp-surface);color:var(--cp-text);border:1px solid var(--cp-border);border-radius:10px;padding:8px 10px;font-size:13px;cursor:pointer;white-space:nowrap}.cpw-project-new:hover{background:var(--cp-surface-hover)}.cpw-project-del{background:transparent;color:var(--cp-text-muted);border:1px solid var(--cp-border);border-radius:10px;padding:8px 9px;font-size:13px;cursor:pointer}.cpw-project-del:hover{background:#f05d6c1f;color:var(--cp-danger);border-color:#f05d6c59}.cpw-user{position:relative}.cpw-user>button{background:transparent;border:0;color:var(--cp-text);cursor:pointer;font-size:14px;padding:8px}.cpw-user-menu{position:absolute;right:0;top:40px;min-width:190px;background:var(--cp-surface-2);border:1px solid var(--cp-border);border-radius:var(--cp-radius-md);box-shadow:0 16px 40px #00000073;z-index:70;display:flex;flex-direction:column;padding:6px;gap:2px}.cpw-user-menu button{text-align:left;border:0;background:transparent;color:var(--cp-text);padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px}.cpw-user-menu button:hover{background:var(--cp-surface-hover)}.cpw-shell{display:grid;grid-template-columns:190px 1fr 360px;min-height:0}.cpw-shell.simplified{grid-template-columns:1fr}.cpw-side{border-right:1px solid var(--cp-border);padding:18px 14px;background:#0e0e168c;display:flex;flex-direction:column;gap:2px;min-height:0;overflow:auto}.cpw-item{padding:11px 12px;border-radius:11px;color:var(--cp-text-muted);margin:3px 0;background:transparent;border:0;width:100%;text-align:left;cursor:pointer;font-size:14px;font-weight:600}.cpw-item.sel{color:#fff;background:linear-gradient(90deg,#6d28d94d,#8b5cf612);border:1px solid rgba(168,85,247,.25)}.cpw-item:not(.sel):hover{background:var(--cp-surface-hover);color:var(--cp-text)}.cpw-main{padding:26px 28px;overflow:auto;min-width:0;min-height:0}.cpw-eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800;color:var(--cp-purple-3)}.cpw-h1{margin:5px 0 6px;font-size:28px}.cpw-sub{color:var(--cp-text-muted);font-size:14px}.cpw-status{display:flex;gap:7px;margin:12px 0 22px;flex-wrap:wrap}.cpw-pill{padding:6px 9px;border-radius:999px;background:#ffffff0a;border:1px solid var(--cp-border);font-size:12px;color:var(--cp-text-muted)}.cpw-pill.done{color:var(--cp-success)}.cpw-hero,.cpw-card{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:18px}.cpw-hero{padding:20px;border-color:#a855f740;background:linear-gradient(180deg,#8b5cf61a,#14141ff5 38%)}.cpw-textarea{width:100%;min-height:140px;background:#0f0f18;color:#fff;border:1px solid var(--cp-border);border-radius:14px;padding:14px;font-family:inherit;font-size:14px;resize:vertical}.cpw-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}.cpw-chips{display:flex;gap:8px;flex-wrap:wrap}.cpw-chip{padding:9px 11px;border-radius:10px;background:var(--cp-surface-2);border:1px solid var(--cp-border);font-size:13px;color:var(--cp-text-muted);cursor:pointer}.cpw-chip select{background:transparent;border:0;color:inherit;font-size:13px;cursor:pointer}.cpw-primary{background:var(--cp-gradient-primary);color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer}.cpw-primary:disabled{opacity:.5;cursor:default}.cpw-section{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.cpw-section h2{margin:0;font-size:17px}.cpw-section span{color:var(--cp-text-muted);font-size:12px}.cpw-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cpw-card{padding:16px}.cpw-card.current{border-color:#a855f773;box-shadow:0 16px 42px #6d28d91a}.cpw-wave{height:50px;margin:14px 0;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(192,132,252,.55) 5px 7px,transparent 7px 10px),linear-gradient(180deg,rgba(139,92,246,.13),transparent)}.cpw-btns{display:flex;gap:8px}.cpw-btn{flex:1;padding:9px;border-radius:10px;border:1px solid var(--cp-border);background:transparent;color:var(--cp-text-muted);cursor:pointer;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.cpw-btn.hot{color:#fff;background:#8b5cf61f;border-color:#a855f740}.cpw-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cpw-level{padding:11px;background:#101018;border:1px solid var(--cp-border);border-radius:12px}.cpw-level label{display:flex;justify-content:space-between;color:var(--cp-text-muted);font-size:12px;margin-bottom:8px}.cpw-track{height:5px;background:#282735;border-radius:99px;overflow:hidden}.cpw-fill{height:100%;background:var(--cp-gradient-primary)}.cpw-advanced-toggle{border:0;background:transparent;color:var(--cp-text-muted);font-size:12px;cursor:pointer;padding:6px 0;text-decoration:underline}.cpw-chat-embed{padding:0;overflow:hidden}.vsDirector{display:grid;grid-template-rows:auto 1fr auto;min-height:0;height:560px}.vsDirectorHead{padding:16px;border-bottom:1px solid var(--cp-border);display:block;position:relative}.vsDirectorTitle{display:block;font-weight:700}.vsDirectorTitle:before{content:"✦ ";color:var(--cp-purple-3)}.vsDirectorHint{display:block;color:var(--cp-text-muted);font-size:12px;margin-top:2px}.vsDirectorModelSelect{position:absolute;top:14px;right:16px;background:var(--cp-surface);color:#fff;border:1px solid var(--cp-border);border-radius:8px;padding:4px 8px;font-size:11px;cursor:pointer;max-width:150px}.vsDirectorLog{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:12px}.vsDirectorMsg{padding:11px 12px;border-radius:14px;font-size:13px;line-height:1.5;max-width:92%;background:var(--cp-surface);border:1px solid var(--cp-border)}.vsDirectorMsg.user{align-self:flex-end;background:linear-gradient(135deg,#6d28d957,#8b5cf62e);border:1px solid rgba(168,85,247,.28)}.vsDirectorRole{display:none}.vsDirectorInputRow{padding:12px;border-top:1px solid var(--cp-border);display:flex;gap:8px;align-items:flex-end}.vsDirectorInput{min-height:60px;background:#0f0f18;color:#fff;border:1px solid var(--cp-border);border-radius:12px;padding:10px;flex:1;font-family:inherit;font-size:13px}.vsDirectorSend{background:var(--cp-gradient-primary);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.cpw-insp{border-left:1px solid var(--cp-border);background:#0e0e16c7;min-height:0;overflow:auto;padding:18px 16px}.cpw-insp-section{padding:14px 0;border-bottom:1px solid var(--cp-border)}.cpw-insp-section:last-child{border-bottom:0}.cpw-insp-h{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:var(--cp-purple-3);margin-bottom:8px}.cpw-insp-title{font-weight:700;font-size:15px;margin-bottom:6px}.cpw-insp-kv{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--cp-text-muted);padding:3px 0}.cpw-insp-kv span:last-child{color:var(--cp-text);text-align:right}.cpw-insp-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.cpw-insp-actions .cpw-btn{flex:none;padding:7px 10px;font-size:12px}.cpw-insp-asset-row{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;background:transparent;border:0;border-radius:8px;padding:7px 8px;margin:1px 0;cursor:pointer;color:var(--cp-text);text-align:left;font-size:12px}.cpw-insp-asset-row:hover{background:var(--cp-surface-hover)}.cpw-insp-asset-label{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--cp-text-muted);flex-shrink:0}.cpw-insp-activity-line{font-size:12px;color:var(--cp-purple-3);padding:2px 0}.cpw-player{border-top:1px solid var(--cp-border);background:#09090ef7;padding:8px 20px}.vws-body[data-mode=general] .vws-chat-dock{margin-top:16px;border:1px solid rgba(168,85,247,.22);border-radius:16px;overflow:hidden;background:var(--cp-surface)}.vws-body[data-mode=general] .vws-chat-dock .vsDirector{height:560px}.vws-body[data-mode=pro]{display:grid;grid-template-rows:1fr 300px;height:calc(100vh - 116px);min-height:0}.vws-body[data-mode=pro] .vws-main{min-height:0;overflow:hidden;border:1px solid var(--cp-border);border-radius:14px 14px 0 0}.vws-body[data-mode=pro] .vws-chat-dock{border:1px solid var(--cp-border);border-top:0;border-radius:0 0 14px 14px;background:var(--cp-bg-elevated);min-height:0;overflow:hidden}.vws-body[data-mode=pro] .vws-chat-dock .vsDirector{height:100%}.vws-chat-dock .vsDirector{display:flex;flex-direction:column;height:100%;min-height:0}.vws-chat-dock .vsDirectorLog{flex:1;min-height:0;max-height:none}.vws-chat-dock .vsDirectorInputRow{flex-shrink:0;padding-bottom:14px}.vws-chat-dock .vsDirectorInput{min-height:96px;max-height:200px;overflow-y:auto;resize:none}.cpw-vt-drawer{border:1px solid var(--cp-border);border-radius:14px;background:#0f0f17;overflow:hidden}.cpw-vt-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.cpw-vt-drawer-title{display:flex;align-items:center;gap:10px}.cpw-vt-drawer-title strong{font-size:14px}.cpw-vt-drawer-title span{font-size:12px;color:var(--cp-text-muted);margin-left:8px}.cpw-vt-drawer-body{border-top:1px solid var(--cp-border);padding:12px}.cpw-vt-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--cp-border);border-radius:10px;background:#11111a;margin-bottom:8px}.cpw-vt-row:last-child{margin-bottom:0}.cpw-vt-row.cp-selected{border-color:#a855f78c}.cpw-vt-row.used{background:#35c78a0d}.cpw-vt-play-chip{min-width:42px;border:1px solid var(--cp-border);background:var(--cp-surface-2);color:var(--cp-text);border-radius:9px;padding:8px 10px;cursor:pointer}.cpw-vt-main strong{display:block;font-size:13px}.cpw-vt-main small{display:block;color:var(--cp-text-muted);font-size:11px;margin-top:2px}.cpw-vt-wavebar{height:6px;background:#292936;border-radius:999px;overflow:hidden;margin-top:6px}.cpw-vt-wavebar span{display:block;height:100%;background:var(--cp-gradient-primary)}.cpw-vt-badge{font-size:10px;color:#fff;background:#35c78a24;border:1px solid rgba(53,199,138,.26);padding:5px 8px;border-radius:999px;white-space:nowrap}.cpw-vt-actions{display:flex;align-items:center;gap:8px}.cpw-plan-card{border:1px solid var(--cp-border);border-radius:12px;background:#101018;padding:12px;margin-top:4px}.cpw-plan-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.cpw-plan-row strong{font-size:13px}.cpw-plan-summary{font-size:12px;color:var(--cp-text-muted);margin-top:6px}.cpw-plan-details{margin-top:10px;padding-top:10px;border-top:1px solid var(--cp-border);font-size:12px}.cpw-plan-details div{padding:3px 0}.cpw-plan-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cpw-simple-empty{padding:40px 8px;text-align:center}.cpw-simple-production{padding:32px 8px;text-align:center}.cpw-simple-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.cpw-simple-title-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.cpw-stereo-meter{display:flex;flex-direction:column;align-items:center;gap:2px}.cpw-stereo-meter-scale{display:flex;flex-direction:row;justify-content:space-between;width:136px;margin-left:14px;font-size:8px;color:var(--cp-text-muted);font-family:monospace}.pro-main{display:grid;grid-template-columns:190px 1fr;height:100%;min-height:0}.pro-left{background:#0d0d14;border-right:1px solid var(--cp-border);padding:14px;display:flex;flex-direction:column;gap:14px;min-height:0;overflow:auto}.pro-left-info{color:var(--cp-text-muted);font-size:12px}.pro-arrange{position:relative;min-height:0;display:grid;grid-template-rows:42px 1fr;overflow:hidden}.pro-arrange--split{grid-template-rows:42px 1fr 42%}.pro-arrange-tabs{display:flex;gap:8px;align-items:center;padding:0 10px;background:#0f0f17;border-bottom:1px solid var(--cp-border)}.pro-arrange-tabs button{border:0;background:transparent;color:var(--cp-text-muted);padding:8px 11px;border-radius:8px;cursor:pointer}.pro-arrange-tabs button.active{background:#8b5cf621;color:#fff}.pro-timeline-scroll{min-height:0;overflow:auto;background:#0a0a10}.pro-track-tools{padding-top:4px}.pro-track-tools-row{display:flex;gap:6px}.pro-track-tools-row button{flex:1;border:1px solid var(--cp-border);background:#12121b;color:var(--cp-text-muted);padding:7px 5px;border-radius:8px;font-size:11px;cursor:pointer}.pro-track-tools-row button.active{background:#8b5cf624;color:#fff;border-color:#a855f74d}.pro-versions-compact{border-top:1px solid var(--cp-border);padding-top:12px;margin-top:auto}.pro-versions-compact-head{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:transparent;color:var(--cp-text);padding:4px 2px;cursor:pointer;text-align:left}.pro-versions-compact-head small{color:var(--cp-text-muted);font-size:10px}.pro-versions-compact-body{max-height:260px;overflow:auto;margin-top:8px;display:flex;flex-direction:column;gap:6px}.pat-wrap{--track-label-w:170px;min-width:0}.pat-ruler{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:var(--track-label-w) repeat(7,1fr);background:#0f0f17;border-bottom:1px solid var(--cp-border);font-size:11px;color:var(--cp-text-muted)}.pat-ruler>div{padding:7px 8px;border-left:1px solid rgba(255,255,255,.035)}.pat-ruler-label{display:flex;align-items:center;padding:0 6px 0 0!important;border-left:0!important}.pat-timeline-play{width:100%;border:1px solid rgba(168,85,247,.35);background:#8b5cf624;color:#fff;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:700;cursor:pointer;text-align:left}.pat-timeline-play:disabled{opacity:.4;cursor:default}.pat-tracks-scroll-area{position:relative}.pat-load-error{padding:10px 16px;color:var(--cp-danger,#f05d6c)}.pat-playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 6px #fff9;z-index:6;pointer-events:none}.pat-track-row{display:grid;grid-template-columns:var(--track-label-w) 1fr;min-height:var(--track-h);border-bottom:1px solid rgba(255,255,255,.045)}.pat-track-head{display:flex;align-items:center;gap:7px;padding:7px 8px;background:#11111a;border-right:1px solid var(--cp-border);cursor:pointer}.pat-fold{width:22px;height:22px;flex:none;border:0;background:transparent;color:var(--cp-text-muted);border-radius:6px;cursor:pointer}.pat-fold-spacer{display:inline-block;width:22px;flex:none}.pat-track-name{min-width:0}.pat-track-name strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pat-track-name small{display:block;color:var(--cp-text-muted);font-size:10px}.pat-track-lane{position:relative;min-height:var(--track-h);background:repeating-linear-gradient(90deg,transparent 0 calc(14.285% - 1px),rgba(255,255,255,.028) calc(14.285% - 1px) 14.285%)}.pat-region{position:absolute;top:7px;bottom:7px;border-radius:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.12);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;cursor:pointer;color:#fff}.pat-region-voice{background:linear-gradient(135deg,#6d28d9d1,#8b5cf694)}.pat-region-music{background:#507dff47;border-color:#507dff6b}.pat-region-ambience{background:#35c78a2e;border-color:#35c78a57}.pat-region-foley{background:#f4b74033;border-color:#f4b74066}.pat-region-sfx{background:#f05d6c30;border-color:#f05d6c5e}.pat-region-take{background:#c084fc1f;border-color:#c084fc47}.pat-region-used{background:#35c78a1f;border-color:#35c78a4d}.pat-region.selected{outline:2px solid rgba(168,85,247,.85);outline-offset:1px}.pat-child-row{background:#0f0f16}.pat-child-head{padding-left:34px!important}.pat-child-body{padding:10px 12px}.pat-version-row .pat-track-head{cursor:pointer}.pat-master-row .pat-track-head{background:#161221}.pat-region-master{background:linear-gradient(135deg,#a855f780,#8b5cf652);border-color:#a855f78c;font-family:inherit;text-align:left}.pat-region-master:hover{filter:brightness(1.12)}.mev-body{height:calc(100% - 42px);overflow:auto;padding:14px}.mev-mix-grid{display:grid;grid-template-columns:repeat(6,minmax(64px,1fr));gap:10px;max-width:620px}.mev-channel{height:220px;background:#12121b;border:1px solid var(--cp-border);border-radius:12px;padding:10px;display:grid;grid-template-rows:auto 1fr auto;gap:8px;text-align:center}.mev-channel strong{font-size:10px;letter-spacing:.03em}.mev-channel--master{border-color:#a855f773;background:#161221}.mev-mix-hint{grid-column:1 / -1;color:var(--cp-text-muted);margin-top:4px}.mev-fader-track{position:relative;width:10px;margin:0 auto;height:140px;border-radius:99px;background:#262633;overflow:hidden}.mev-fader-fill{position:absolute;left:0;right:0;bottom:0;background:var(--cp-gradient-primary)}.mev-fader-input{position:absolute;left:50%;top:50%;width:140px;height:24px;margin:0;transform:translate(-50%,-50%) rotate(-90deg);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.mev-fader-input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--cp-purple-2);cursor:pointer}.mev-fader-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--cp-purple-2);cursor:pointer}.mev-mix-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.mev-mix-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap}.mev-mix-toolbar-actions .cpw-btn{flex:none;padding:6px 10px;font-size:12px}.mev-save-version-btn{border-color:#a855f759;color:#fff}.mev-save-status{font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 9px;border-radius:99px;white-space:nowrap}.mev-save-status--saved{color:#6ee7a8;background:#6ee7a81a}.mev-save-status--saving{color:var(--cp-text-muted);background:#ffffff0d}.mev-save-status--error{color:var(--cp-danger,#f05d6c);background:#f05d6c1a}.mev-edit-pane{display:grid;grid-template-columns:220px 1fr;gap:14px}.mev-edit-list{background:#11111a;border:1px solid var(--cp-border);border-radius:12px;padding:12px;align-self:flex-start}.mev-edit-selected{font-weight:700;font-size:13px;margin-bottom:6px}.mev-edit-detail{min-width:0}.mev-edit-subhead{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--cp-text-muted);margin-bottom:8px}.mev-edit-actions{display:flex;gap:8px;flex-wrap:wrap}.pro-shortcut{position:absolute;right:14px;bottom:14px;z-index:40;border:1px solid rgba(168,85,247,.3);background:#11111a;color:var(--cp-text);border-radius:10px;padding:8px 10px;font-size:12px;cursor:pointer}.pro-master-overlay{min-height:0;background:#0b0b11;border-top:1px solid var(--cp-border);display:grid;grid-template-rows:42px 1fr}.pro-master-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--cp-border);background:#101018}.pro-master-tabs{display:flex;gap:6px}.pro-master-tabs button{border:0;background:transparent;color:var(--cp-text-muted);padding:8px 10px;border-radius:8px;cursor:pointer}.pro-master-tabs button.active{background:#8b5cf629;color:#fff}@media (max-width:1080px){.cpw-shell{grid-template-columns:72px 1fr 320px}.cpw-item span{display:none}.cpw-grid{grid-template-columns:1fr}}@media (max-width:760px){.cpw-sidebar-toggle{display:block}.cpw-nav{display:none}.cpw-top{flex-wrap:wrap;height:auto;min-height:64px}.cpw-transport{order:3;width:100%;justify-content:center;margin-top:8px}.cpw-shell{grid-template-columns:1fr;position:relative}.cpw-side{position:fixed;top:64px;bottom:0;left:0;width:220px;z-index:65;transform:translate(-100%);transition:transform .16s ease}.cpw-shell.sidebar-open .cpw-side{transform:translate(0);box-shadow:20px 0 40px #0006}.cpw-insp{display:none}}.cpw-library-btn{background:transparent;border:1px solid var(--cp-border);color:var(--cp-text,#fff);border-radius:8px;padding:6px 12px;cursor:pointer;font-size:13px}.cpw-library-btn:hover{background:#8b5cf61f}.cpw-library-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;justify-content:flex-end}.cpw-library-drawer{width:380px;max-width:92vw;height:100%;background:#101018;border-left:1px solid var(--cp-border);display:flex;flex-direction:column;box-shadow:-20px 0 40px #0006}.cpw-library-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--cp-border)}.cpw-library-head h2{margin:0;font-size:16px}.cpw-library-close{background:transparent;border:0;color:var(--cp-text-muted,#999);font-size:16px;cursor:pointer;padding:4px 8px}.cpw-library-close:hover{color:#fff}.cpw-library-body{flex:1;overflow-y:auto;padding:8px 0}.cpw-library-cat{border-bottom:1px solid var(--cp-border)}.cpw-library-cat-head{width:100%;display:flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--cp-text,#fff);padding:14px 18px;font-size:14px;text-align:left;cursor:pointer}.cpw-library-cat-head:hover{background:#ffffff0a}.cpw-library-caret{width:14px;color:var(--cp-text-muted,#999)}.cpw-library-cat-body{padding:0 18px 14px 40px;display:flex;flex-direction:column;gap:8px}.cpw-library-search{background:#181820;border:1px solid var(--cp-border);border-radius:8px;color:#fff;padding:8px 10px;font-size:13px}.cpw-library-empty{color:var(--cp-text-muted,#999);font-size:13px;padding:6px 0}.cpw-library-rows{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.cpw-library-row{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:6px}.cpw-library-row:hover{background:#ffffff0a}.cpw-library-play{width:28px;height:28px;flex:0 0 auto;border-radius:50%;border:1px solid var(--cp-border);background:transparent;color:#fff;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center}.cpw-library-play:disabled{opacity:.3;cursor:default}.cpw-library-row-name{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpw-library-row-sub{font-size:11px;color:var(--cp-text-muted,#999);border:1px solid var(--cp-border);border-radius:4px;padding:1px 6px}.cpw-library-row-dur{font-size:11px;color:var(--cp-text-muted,#999)}.cpw-library-unavailable{flex:0 0 auto;font-size:11px;color:var(--cp-text-muted,#666);font-style:italic;white-space:nowrap}.cpw-library-create-voice-btn{margin-left:auto;font-size:12px;color:#8b5cf6;font-weight:500;padding:2px 8px;border:1px solid rgba(139,92,246,.4);border-radius:6px}.cpw-library-create-voice-btn:hover{background:#8b5cf61f}.cpw-create-voice-panel{position:relative;background:#15151f;border:1px solid var(--cp-border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.cpw-create-voice-close{position:absolute;top:8px;right:8px;background:transparent;border:0;color:var(--cp-text-muted,#999);font-size:14px;cursor:pointer;padding:2px 6px}.cpw-create-voice-close:hover{color:#fff}.cpw-create-voice-close:disabled{opacity:.3;cursor:default}.cpw-create-voice-error{font-size:12px;color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:6px;padding:6px 10px}.cpw-create-voice-label{font-size:12px;color:var(--cp-text-muted,#999)}.cpw-create-voice-textarea{background:#181820;border:1px solid var(--cp-border);border-radius:8px;color:#fff;padding:8px 10px;font-size:13px;resize:vertical;font-family:inherit}.cpw-create-voice-name-input{background:#181820;border:1px solid var(--cp-border);border-radius:8px;color:#fff;padding:8px 10px;font-size:13px}.cpw-create-voice-primary{background:#8b5cf6;border:0;color:#fff;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer;align-self:flex-start}.cpw-create-voice-primary:hover{background:#7c3aed}.cpw-create-voice-primary:disabled{opacity:.4;cursor:default}.cpw-create-voice-secondary{background:transparent;border:1px solid var(--cp-border);color:#fff;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer}.cpw-create-voice-secondary:hover{background:#ffffff0f}.cpw-create-voice-preview-row{display:flex;align-items:center;gap:10px}.cpw-create-voice-actions{display:flex;gap:8px}.cpw-candidate-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.cpw-candidate-card{background:#181820;border:1px solid var(--cp-border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px}.cpw-candidate-card-head{display:flex;align-items:center}.cpw-candidate-card-title{font-size:12px;font-weight:600;color:var(--cp-text-muted,#999);text-transform:uppercase;letter-spacing:.04em}.cpw-stock-voice-row{display:flex;flex-direction:column;gap:6px}.cpw-stock-save-btn{flex:0 0 auto;background:transparent;border:1px solid rgba(139,92,246,.4);color:#8b5cf6;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;white-space:nowrap}.cpw-stock-save-btn:hover{background:#8b5cf61f}.cpw-stock-naming{margin-left:38px}.cpw-library-row-sub-text{color:var(--cp-text-muted,#999);font-weight:400}select.cpw-library-search{cursor:pointer}:root{--bg-app: #070B12;--panel: #0D141E;--panel-raised: #111A26;--border: #243142;--primary: #7C3AED;--primary-hover: #8B5CF6;--primary-bright: #9B5CFF;--primary-glow: rgba(139, 92, 246, .45);--primary-dim: rgba(139, 92, 246, .14);--primary-line: rgba(139, 92, 246, .35);--text: #F7F8FA;--text-muted: #9AA7B8;--success: #34D399;--danger: #F87171;--warn: #FBBF24;--radius: 14px;--radius-sm: 8px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}.vs{--copper: var(--primary-hover);--copper-deep: var(--primary);--copper-dim: var(--primary-dim);--copper-line: var(--primary-line);--serif: "Fraunces", ui-serif, Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace;height:100%;display:grid;grid-template-columns:300px 1fr;gap:0}.vsWorkflowHead{display:flex;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.vsWorkflowTab{flex:1;max-width:320px;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 16px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.vsWorkflowTab:hover{border-color:var(--copper-line)}.vsWorkflowTab.active{background:var(--copper-dim);border-color:var(--copper-line);box-shadow:0 0 0 1px var(--copper-line)}.vsWorkflowTabTitle{display:block;font-size:14px;font-weight:700;color:var(--text)}.vsWorkflowTab.active .vsWorkflowTabTitle{color:var(--copper)}.vsWorkflowTabSub{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}.roleCard{background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px}.roleCardHead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.roleCardName{font-family:var(--serif);font-size:19px;font-weight:600}.roleCardType{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--copper);margin-top:2px}.roleCardWords{font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.5;color:var(--text);margin:0 0 14px;padding:10px 14px;background:#ffffff05;border-left:2px solid var(--copper-line);border-radius:0 8px 8px 0}.roleCardWordsLocked{color:var(--muted)}.roleCardWordsInput{width:100%;min-height:56px;resize:vertical;margin-bottom:14px;background:#ffffff05;border:1px solid var(--border);border-left:2px solid var(--copper-line);border-radius:0 8px 8px 0;padding:10px 14px;color:var(--text);font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.5;outline:none}.roleCardWordsInput:focus{border-color:var(--copper-line)}.roleCardRow{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}.roleCardField{flex:1;min-width:200px}.roleCardLabel{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;cursor:default}.roleCardAdvanced summary{cursor:pointer;list-style:none}.roleCardAdvanced summary::-webkit-details-marker{display:none}.roleCardAdvanced summary:before{content:"▸ ";color:var(--muted)}.roleCardAdvanced[open] summary:before{content:"▾ "}.takeRow{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:8px;background:#ffffff05;border:1px solid transparent;border-radius:10px}.takeRow.selected{background:var(--copper-dim);border-color:var(--copper-line)}.takeRowMeta{min-width:140px;flex-shrink:0}.takeRowVoice{display:block;font-size:12.5px;font-weight:600}.takeRowSub{display:block;font-size:10.5px;color:var(--muted);margin-top:1px}.takeRowSelectedBadge{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--good);border:1px solid rgba(102,242,163,.4);border-radius:999px;padding:3px 9px;flex-shrink:0}.vsLib{border-right:1px solid var(--border);padding:18px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,rgba(139,92,246,.03),transparent 140px)}.vsLibHead{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.vsLibTitle{font-family:var(--serif);font-size:20px;font-weight:600;font-style:italic;letter-spacing:.2px;margin:0}.vsCloneBtn{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,var(--copper),var(--copper-deep));border:none;border-radius:8px;padding:8px 10px;cursor:pointer;box-shadow:0 1px #ffffff59 inset,0 6px 16px -8px #7c3aed99;transition:transform .12s ease,box-shadow .12s ease}.vsCloneBtn:hover{transform:translateY(-1px);box-shadow:0 1px #fff6 inset,0 10px 20px -8px #7c3aedbf}.vsCloneBtn:active{transform:translateY(0)}.vsSearch{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:9px 11px;color:var(--text);font-family:var(--mono);font-size:12.5px}.vsSearch::placeholder{color:var(--muted)}.vsSearch:focus{outline:none;border-color:var(--copper-line)}.vsSectionLabel{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:4px 2px 0;display:flex;align-items:center;gap:8px}.vsSectionLabel:after{content:"";flex:1;height:1px;background:var(--border)}.vsChannel{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:1px solid transparent;cursor:pointer;animation:vsRise .32s ease backwards;transition:background .12s ease,border-color .12s ease}.vsChannel:hover{background:#ffffff08}.vsChannel.active{background:var(--copper-dim);border-color:var(--copper-line)}.vsDot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--border);box-shadow:0 0 0 3px #ffffff05}.vsChannel.active .vsDot{background:var(--copper);box-shadow:0 0 8px 1px #8b5cf6b3}.vsChannelBody{min-width:0;flex:1}.vsChannelName{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vsChannelMeta{font-family:var(--mono);font-size:10.5px;color:var(--muted);display:flex;gap:6px;align-items:center;margin-top:2px}.vsBadge{font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.vsBadge.imported{border-color:var(--copper-line);color:var(--copper)}.vsAccountRow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px dashed var(--border)}.vsAccountRow .vsChannelName{color:var(--muted)}.vsImportBtn{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:transparent;border:1px solid var(--copper-line);color:var(--copper);border-radius:7px;padding:5px 8px;cursor:pointer;flex-shrink:0}.vsImportBtn:hover{background:var(--copper-dim)}.vsEmpty{font-family:var(--mono);font-size:11.5px;color:var(--muted);padding:6px 2px}.vsStudio{overflow-y:auto;padding:24px 32px 60px}.vsStudioHead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.vsVoiceName{font-family:var(--serif);font-size:30px;font-weight:600;margin:0}.vsVoiceOwner{font-family:var(--mono);font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.vsDeleteBtn{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:7px;padding:6px 10px;cursor:pointer}.vsDeleteBtn:hover{border-color:#ff6e6e;color:#ff8e8e}.vsTabs{display:flex;gap:6px;margin-bottom:20px}.vsTab{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer}.vsTab.active{color:#fff;background:var(--copper);border-color:var(--copper);font-weight:600}.vsTab:disabled{opacity:.4;cursor:not-allowed}.vsEditorCard{background:var(--panel2);border:1px solid var(--border);border-radius:18px;padding:22px;position:relative;overflow:hidden}.vsEditorCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(560px 200px at 20% -10%,rgba(139,92,246,.07),transparent 70%);pointer-events:none}.vsTextarea{width:100%;min-height:160px;background:transparent;border:none;color:var(--text);font-family:var(--serif);font-size:21px;line-height:1.55;resize:vertical;outline:none}.vsTextarea::placeholder{color:var(--muted);font-style:italic}.vsEditorFoot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border);flex-wrap:wrap}.vsControls{display:flex;align-items:center;gap:18px}.vsControl{display:flex;align-items:center;gap:8px}.vsControlLabel{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);width:44px}.vsControl input[type=range]{width:90px;accent-color:var(--copper)}.vsControlVal{font-family:var(--mono);font-size:11px;color:var(--text);width:32px}.vsCharCount{font-family:var(--mono);font-size:10.5px;color:var(--muted)}.vsModelToggle{display:flex;border:1px solid var(--border);border-radius:999px;padding:2px;gap:2px}.vsModelToggleBtn{font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:none;background:transparent;color:var(--muted);cursor:pointer}.vsModelToggleBtn.active.free{background:#66f2a32e;color:var(--good)}.vsModelToggleBtn.active.paid{background:var(--copper);color:#fff;font-weight:600}.vsTierBadge{font-family:var(--mono);font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;padding:2px 5px;border-radius:4px;border:1px solid var(--border);color:var(--muted)}.vsTierBadge.free{color:var(--good);border-color:#66f2a359}.vsTierBadge.paid{color:var(--copper);border-color:var(--copper-line)}.vsGenerateBtn{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,var(--copper),var(--copper-deep));border:none;border-radius:999px;padding:11px 22px;cursor:pointer;box-shadow:0 1px #ffffff59 inset,0 8px 18px -8px #7c3aeda6;display:inline-flex;align-items:center;gap:8px}.vsGenerateBtn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.vsRecDot{width:8px;height:8px;border-radius:50%;background:#ff4d4d;animation:vsPulse 1.1s ease-in-out infinite}.vsTakes{margin-top:28px}.vsTakesHead{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:10px}.vsTakesHead:after{content:"";flex:1;height:1px;background:var(--border)}.vsTake{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;background:var(--panel2);animation:vsRise .28s ease backwards}.vsTakeSlate{font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--copper);border:1px solid var(--copper-line);border-radius:7px;padding:5px 4px;text-align:center;text-transform:uppercase}.vsTakeText{font-family:var(--serif);font-size:14.5px;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vsTakeMeta{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:4px;display:flex;gap:10px}.vsWave{display:flex;align-items:flex-end;gap:2px;height:18px;margin-top:6px}.vsWave span{width:2.5px;border-radius:2px;background:var(--copper-line)}.vsTakeActions{display:flex;align-items:center;gap:6px}.vsIconBtn{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:7px;padding:6px 9px;cursor:pointer;font-family:var(--mono);font-size:10.5px;text-transform:uppercase}.vsIconBtn:hover{color:var(--text);border-color:var(--copper-line)}.vsIconBtn.danger:hover{color:#ff8e8e;border-color:#ff6e6e}.vsPanel{display:flex;flex-direction:column;gap:14px}.vsUploadZone{border:1px dashed var(--border);border-radius:14px;padding:26px;text-align:center;font-family:var(--mono);font-size:12px;color:var(--muted)}.vsLinkNotice{border:1px solid var(--copper-line);background:var(--copper-dim);border-radius:12px;padding:14px;font-size:13px}.vsModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050608b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50;animation:vsFade .16s ease}.vsModal{width:min(520px,92vw);max-height:86vh;overflow-y:auto;background:var(--panel2);border:1px solid var(--copper-line);border-radius:18px;padding:26px;box-shadow:0 30px 80px -20px #0009;animation:vsRise .22s ease}.vsModalTitle{font-family:var(--serif);font-size:22px;font-weight:600;margin:0 0 4px}.vsModalSub{font-family:var(--mono);font-size:11px;color:var(--muted);margin:0 0 18px}.vsField{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.vsFieldLabel{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.vsInput{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:9px 11px;color:var(--text);font-size:13.5px}.vsInput:focus{outline:none;border-color:var(--copper-line)}.vsConsent{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--muted);line-height:1.5;padding:12px;border:1px solid var(--border);border-radius:10px;margin:14px 0}.vsConsent input{margin-top:3px;accent-color:var(--copper)}.vsModalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.vsGhostBtn{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:9px;padding:9px 14px;cursor:pointer;font-size:12.5px}.vsPreviewAudio{width:100%;margin-top:6px;height:32px}.vsBrowseBtn{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;background:transparent;border:1px dashed var(--border);color:var(--muted);border-radius:9px;padding:8px;cursor:pointer;text-align:center}.vsBrowseBtn:hover{border-color:var(--copper-line);color:var(--copper)}.vsLibResults{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto;margin-top:14px}.vsLibResultRow{border:1px solid var(--border);border-radius:12px;padding:12px}.vsLibResultTitle{font-weight:600;font-size:14px}.vsLibResultDesc{font-size:12px;color:var(--muted);margin-top:2px}.vsLibResultTags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.vsLibResultTag{font-family:var(--mono);font-size:9px;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.vsLibResultFoot{display:flex;align-items:center;gap:10px;margin-top:8px}.vsErrorBar{border:1px solid rgba(255,110,110,.4);background:#ff6e6e14;color:#ffb3b3;border-radius:10px;padding:10px 14px;font-size:12.5px;margin-bottom:16px}.vsDirector{margin-top:24px;border:1px solid var(--border);border-radius:16px;background:var(--panel2);overflow:hidden}.vsDirectorHead{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(139,92,246,.05),transparent)}.vsDirectorTitle{font-family:var(--serif);font-style:italic;font-size:15px;font-weight:600}.vsDirectorHint{font-family:var(--mono);font-size:10px;color:var(--muted);margin-left:auto}.vsDirectorLog{max-height:260px;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.vsDirectorEmpty{font-family:var(--mono);font-size:11px;color:var(--muted);text-align:center;padding:10px 0 4px}.vsDirectorMsg{max-width:85%;padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.5;animation:vsRise .22s ease;white-space:pre-wrap}.vsDirectorMsg.user{align-self:flex-end;background:var(--copper-dim);border:1px solid var(--copper-line)}.vsDirectorMsg.assistant{align-self:flex-start;background:#ffffff08;border:1px solid var(--border)}.vsWorkingIndicator{font-size:13px;color:var(--text-muted);font-style:italic}.vsWorkingDots span{animation:vsWorkingBlink 1.4s infinite both;opacity:.2}.vsWorkingDots span:nth-child(2){animation-delay:.2s}.vsWorkingDots span:nth-child(3){animation-delay:.4s}@keyframes vsWorkingBlink{0%,80%,to{opacity:.2}40%{opacity:1}}.vsDirectorRole{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.vsDirectorInputRow{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.vsDirectorInput{flex:1;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:9px 12px;color:var(--text);font-size:13px;font-family:inherit;resize:vertical;min-height:38px}.vsDirectorInput:focus{outline:none;border-color:var(--copper-line)}.vsDirectorSend{height:38px}.vsDirectorSend{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:linear-gradient(180deg,var(--copper),var(--copper-deep));border:none;border-radius:9px;padding:0 16px;cursor:pointer}.vsDirectorSend:disabled{opacity:.5;cursor:not-allowed}@keyframes vsRise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes vsFade{0%{opacity:0}to{opacity:1}}@keyframes vsPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.82)}}.vsStyleSelect{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:7px 10px;color:var(--text);font-family:var(--mono);font-size:11px}.vsPerfToggleRow{display:flex;align-items:center;gap:10px;margin:16px 0;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel2)}.vsPerfSwitch{width:38px;height:21px;border-radius:999px;border:1px solid var(--border);background:var(--panel);position:relative;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.vsPerfSwitch.on{background:var(--copper);border-color:var(--copper)}.vsPerfSwitch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--text);transition:transform .15s ease}.vsPerfSwitch.on:after{transform:translate(17px);background:#fff}.vsPerfLabel{font-family:var(--serif);font-style:italic;font-weight:600;font-size:14px}.vsPerfSub{font-family:var(--mono);font-size:10px;color:var(--muted);margin-left:auto}.vsPerfPanel{border:1px solid var(--copper-line);background:var(--copper-dim);border-radius:14px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:14px}.vsPerfCategory{margin-bottom:4px}.vsPerfCategoryLabel{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.vsPresetChips{display:flex;flex-wrap:wrap;gap:6px}.vsPresetChip{font-family:var(--mono);font-size:10.5px;padding:6px 11px;border-radius:999px;border:1px solid var(--border);background:var(--panel2);color:var(--muted);cursor:pointer}.vsPresetChip.active{background:var(--copper);border-color:var(--copper);color:#fff;font-weight:600}.vsAxisGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.vsAxisField{display:flex;flex-direction:column;gap:4px}.vsAxisField label{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.vsAxisField select{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px 8px;color:var(--text);font-size:12px}.vsEnergyVal{font-family:var(--mono);font-size:11px;color:var(--copper)}.vsScriptTabs{display:flex;gap:6px}.vsScriptTab{font-family:var(--mono);font-size:10px;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer}.vsScriptTab.active{background:var(--panel2);color:var(--text);border-color:var(--copper-line)}.vsScriptPreview{font-family:var(--serif);font-size:13.5px;line-height:1.5;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;min-height:40px;white-space:pre-wrap}.vsLockRow{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;color:var(--muted)}.vsProdSection{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--copper);margin:20px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.vsProdSection:first-of-type{margin-top:4px}.vsSegment{display:flex;border:1px solid var(--border);border-radius:999px;padding:2px;gap:2px}.vsSegmentBtn{flex:1;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;padding:7px 10px;border-radius:999px;border:none;background:transparent;color:var(--muted);cursor:pointer;text-align:center}.vsSegmentBtn.active{background:var(--copper);color:#fff;font-weight:600}.vsSliderRow{display:flex;align-items:center;gap:10px}.vsSliderRow input[type=range]{flex:1;accent-color:var(--copper)}.vsSliderVal{font-family:var(--mono);font-size:11px;color:var(--text);width:56px;text-align:right}.vsMixVersions{margin-top:22px;display:flex;flex-direction:column;gap:10px}.vsMixVersionRow{border:1px solid var(--border);border-radius:12px;padding:12px}.vsMixVersionHead{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.05em;margin-bottom:6px}.vsMixVersionStatus{text-transform:uppercase;font-size:9.5px;padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.vsMixVersionStatus.completed{color:var(--good);border-color:#66f2a359}.vsMixVersionStatus.failed{color:#ff8e8e;border-color:#ff6e6e}.vsMixVersionStatus.processing,.vsMixVersionStatus.queued{color:var(--muted)}:root{--bg: var(--bg-app);--panel2: var(--panel-raised);--muted: var(--text-muted);--accent: var(--primary-hover);--good: var(--success)}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--font-sans)}body{background:var(--bg);color:var(--text)}.app{height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(139,92,246,.06),transparent)}.brand{font-weight:700;letter-spacing:.2px}.badge{font-size:12px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.topnav{display:flex;align-items:center;gap:4px;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.tnBrand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:.1px;margin-right:20px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text)}.tnBrandMark{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,var(--primary),var(--primary-bright));box-shadow:0 0 12px -2px var(--primary-glow);flex-shrink:0}.tnNav{display:flex;align-items:center;gap:2px}.tnNavItem{background:transparent;border:none;color:var(--text-muted);font-size:13.5px;font-weight:500;padding:8px 14px;border-radius:999px;cursor:pointer;transition:background .12s ease,color .12s ease}.tnNavItem:hover{color:var(--text);background:#ffffff0a}.tnNavItem.active{color:#fff;background:var(--primary-dim);box-shadow:inset 0 0 0 1px var(--primary-line)}.tnChatBtn{background:linear-gradient(135deg,var(--primary),var(--primary-bright));color:#fff;border:none;font-weight:600;font-size:13px;padding:8px 16px;border-radius:999px;cursor:pointer;margin-left:10px;box-shadow:0 2px 12px -3px var(--primary-glow);transition:transform .12s ease,box-shadow .12s ease}.tnChatBtn:hover{transform:translateY(-1px);box-shadow:0 6px 18px -4px var(--primary-glow)}.tnAvatar{width:32px;height:32px;border-radius:50%;background:var(--panel-raised);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:var(--text-muted);margin-left:12px;flex-shrink:0}.tnProjectBtn{display:flex;flex-direction:column;align-items:flex-start;gap:0;background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 14px 6px 12px;cursor:pointer;color:var(--text);position:relative;min-width:160px}.tnProjectBtn:hover{border-color:var(--primary-line)}.tnProjectLabel{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.tnProjectName{font-size:13px;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tnProjectCaret{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:10px}.tnProjectMenu{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 12px 32px -8px #0009;padding:6px;z-index:50;display:flex;flex-direction:column;gap:2px}.tnProjectMenuItem{text-align:left;background:transparent;border:none;color:var(--text);font-size:13px;padding:8px 10px;border-radius:8px;cursor:pointer}.tnProjectMenuItem:hover{background:#ffffff0d}.tnProjectMenuItem.active{color:var(--primary-bright);background:var(--primary-dim)}.tnProjectMenuDivider{height:1px;background:var(--border);margin:4px 2px}.tnProjectMenuNew{color:var(--primary-bright);font-weight:600}.tnProjectMenuCreate{display:flex;gap:6px;padding:4px}.riddimSubNav{display:flex;gap:2px;padding:8px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.select,.input,.btn{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.select,.input{width:100%}.btn{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.btn.primary{border:none;background:linear-gradient(135deg,var(--primary),var(--primary-bright));color:#fff;font-weight:600;box-shadow:0 4px 16px -4px var(--primary-glow)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px -6px var(--primary-glow)}.btn.ghost{background:transparent}.btn.danger{background:transparent;border-color:#f8717159;color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn:focus-visible,.select:focus-visible,.input:focus-visible,a:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}.main{padding:16px;overflow:auto}.grid2{display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width: 980px){.grid2{grid-template-columns:1fr}}.card{background:var(--panel2);border:1px solid var(--border);border-radius:16px;padding:14px}.h{margin:0 0 10px;font-size:14px;color:var(--muted)}.title{margin:0 0 14px;font-size:20px}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.spread{display:flex;justify-content:space-between;align-items:center;gap:10px}.small{font-size:12px;color:var(--muted)}.pill{font-size:11px;color:var(--muted);border:1px solid var(--border);padding:3px 8px;border-radius:999px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--muted)}.tab.active{color:var(--text);border-color:#6ee7ff59}.split3{display:grid;grid-template-columns:320px 1fr 360px;gap:12px}@media (max-width: 1100px){.split3{grid-template-columns:1fr}}.list{display:flex;flex-direction:column;gap:8px}.track{border:1px solid var(--border);border-radius:14px;padding:10px;background:#ffffff05}.trackHeader{display:flex;justify-content:space-between;gap:10px}.meter{height:8px;border-radius:999px;border:1px solid var(--border);overflow:hidden;margin-top:8px}.meterFill{height:100%;background:#6ee7ff8c;width:50%}.sliderRow{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:center}.range{width:100%}.consoleCard{border:1px solid rgba(110,231,255,.25);background:#6ee7ff0f}.previewBassCard{border:1px solid rgba(102,242,163,.2);background:#66f2a30a}.previewBassEnabled{border-color:#66f2a359;background:#66f2a314}.card .card{border-radius:14px;padding:12px}