@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap');

:root{
  color-scheme:dark;
  --bg:#080b10;
  --sidebar:#0b0f15;
  --surface:#10151d;
  --surface-2:#151b24;
  --surface-3:#1a222d;
  --line:rgba(255,255,255,.075);
  --line-strong:rgba(255,255,255,.12);
  --text:#f3f7fa;
  --muted:#8995a5;
  --faint:#596473;
  --accent:#59d7c8;
  --accent-strong:#80eadc;
  --accent-soft:rgba(89,215,200,.11);
  --violet:#9182f7;
  --danger:#ff6f7d;
  --warning:#efb868;
  --success:#5ed69c;
  --shadow:0 24px 80px rgba(0,0,0,.3);
  font:15px/1.55 Inter,"Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{color:var(--text);background:var(--bg);overflow-x:hidden}
button,input,textarea,select{font:inherit}
a{color:inherit}
svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.app-shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr);background:radial-gradient(circle at 73% -20%,rgba(61,116,128,.15),transparent 34%),var(--bg)}
.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 18px 20px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(15,20,28,.97),rgba(8,11,16,.98))}
.site-brand{display:flex;align-items:center;gap:11px;margin:0 8px 38px;text-decoration:none}
.site-brand>span:last-child{display:grid;line-height:1.05}.site-brand strong{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.25px}.site-brand small{margin-top:3px;color:#7e8a99;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.brand-mark{width:38px;height:38px;display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(117,231,218,.27);border-radius:12px;background:linear-gradient(145deg,rgba(89,215,200,.17),rgba(55,112,121,.08));box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 25px rgba(45,175,162,.08)}
.brand-mark i{width:2px;border-radius:3px;background:linear-gradient(var(--accent-strong),#4499a0)}.brand-mark i:nth-child(1),.brand-mark i:nth-child(5){height:7px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){height:14px}.brand-mark i:nth-child(3){height:21px}
.sidebar-nav{display:grid;gap:5px}.sidebar-nav a{height:43px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#8d98a7;text-decoration:none;border:1px solid transparent;border-radius:11px;font-size:13px;font-weight:550;transition:.18s}.sidebar-nav a:hover{color:#dce5e9;background:rgba(255,255,255,.03)}.sidebar-nav a.active{color:#eafffc;border-color:rgba(89,215,200,.12);background:linear-gradient(90deg,rgba(89,215,200,.12),rgba(89,215,200,.035));box-shadow:inset 3px 0 var(--accent)}.sidebar-nav svg{width:18px}.sidebar-spacer{flex:1}
.new-project-button{height:43px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;color:#062621;text-decoration:none;border:1px solid rgba(145,246,233,.36);border-radius:11px;background:linear-gradient(135deg,#72e0d2,#48bfb6);box-shadow:0 10px 30px rgba(56,180,168,.13);font-size:12px;font-weight:750}.new-project-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.new-project-button svg{width:16px;stroke-width:2.2}
.account-panel{display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:9px;padding-top:16px;border-top:1px solid var(--line)}.account-avatar{width:34px;height:34px;display:grid;place-items:center;color:#d9fffa;border:1px solid rgba(89,215,200,.17);border-radius:10px;background:rgba(89,215,200,.09);font-size:12px;font-weight:700}.account-copy{display:grid;min-width:0}.account-copy strong{overflow:hidden;font-size:11px;text-overflow:ellipsis}.account-copy a{color:#677483;font-size:9px;text-decoration:none}.account-copy a:hover{color:var(--accent)}.account-panel form{display:block}.signout-button{width:30px;height:30px;display:grid;place-items:center;padding:0;color:#697583;border:0;border-radius:8px;background:transparent;cursor:pointer}.signout-button:hover{color:#f5a0a9;background:rgba(255,111,125,.08)}.signout-button svg{width:16px}
.sidebar-auth{display:grid;gap:8px}.sidebar-auth .button{width:100%}

.app-frame{min-width:0}.app-topbar{height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(9,13,19,.72);backdrop-filter:blur(16px)}
.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#28323e}.window-dots i:nth-child(2){background:#33444d}.window-dots i:nth-child(3){background:#345d5b}.topbar-title{color:#778391;font-size:10px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.local-badge{justify-self:end;display:flex;align-items:center;gap:7px;padding:5px 9px;color:#80928f;border:1px solid rgba(89,215,200,.1);border-radius:99px;background:rgba(89,215,200,.035);font-size:9px}.local-badge i{width:5px;height:5px;border-radius:50%;background:var(--success);box-shadow:0 0 9px rgba(94,214,156,.65)}
.workspace{width:min(1180px,100%);min-height:calc(100vh - 56px);margin:0 auto;padding:54px 46px 90px}

h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{font-family:Manrope,Inter,sans-serif}h1{margin:8px 0 12px;font-size:clamp(2.1rem,4vw,3.55rem);line-height:1.03;letter-spacing:-.055em}h2{letter-spacing:-.025em}.lead{max-width:660px;margin:0;color:var(--muted);font-size:1.03rem;line-height:1.65}.eyebrow,.step,.section-kicker{margin:0;color:#76c8c0;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow>span{width:14px;height:1px;background:var(--accent)}.muted{color:var(--muted);font-size:.88rem}
.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;color:var(--text);text-align:center;text-decoration:none;border:1px solid transparent;border-radius:10px;background:none;font-size:12px;font-weight:700;cursor:pointer;transition:.18s}.button:hover{transform:translateY(-1px)}.button.primary{color:#062723;border-color:rgba(166,249,240,.32);background:linear-gradient(135deg,#6ee0d2,#47bdb5);box-shadow:0 9px 28px rgba(52,178,166,.13)}.button.secondary{color:#c3ccd4;border-color:var(--line-strong);background:rgba(255,255,255,.035)}.button.quiet{color:#9eabb8;border-color:var(--line);background:rgba(255,255,255,.025)}.button.danger-button{color:#ffdce0;border-color:rgba(255,111,125,.22);background:rgba(255,111,125,.1)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-plus{font-size:17px;font-weight:400}.button b{font-size:15px}
.card{margin:18px 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(21,27,36,.95),rgba(14,19,26,.96));box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 55px rgba(0,0,0,.12)}
.notice{margin-bottom:16px;padding:11px 14px;color:#b5edce;border:1px solid rgba(94,214,156,.17);border-radius:10px;background:rgba(94,214,156,.07);font-size:12px}.error-box{color:#ffc4ca!important;border-color:rgba(255,111,125,.2)!important;background:rgba(255,111,125,.075)!important}

.studio-hero,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:48px}.studio-hero h1{max-width:760px}.launcher-section{margin-top:36px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.section-heading h2{margin:4px 0 0;font-size:17px}.section-heading>a{color:#73818f;font-size:11px;text-decoration:none}.section-heading>a:hover{color:var(--accent)}.count-badge{padding:3px 7px;color:#65727f;border:1px solid var(--line);border-radius:6px;font:9px ui-monospace,monospace}
.scenario-card{position:relative;min-height:250px;display:grid;grid-template-columns:minmax(280px,.8fr) 1fr 46px;align-items:stretch;overflow:hidden;color:inherit;text-decoration:none;border:1px solid rgba(89,215,200,.14);border-radius:22px;background:radial-gradient(circle at 15% 10%,rgba(89,215,200,.12),transparent 43%),linear-gradient(135deg,#151d26,#0f141c 65%);box-shadow:var(--shadow);transition:.25s}.scenario-card:hover{border-color:rgba(89,215,200,.3);transform:translateY(-2px);box-shadow:0 28px 90px rgba(0,0,0,.35)}
.scenario-visual{position:relative;min-height:250px;display:flex;align-items:center;justify-content:center;gap:7px;overflow:hidden;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(89,215,200,.025),rgba(2,8,12,.24))}.scenario-visual:before,.scenario-visual:after{position:absolute;inset:0;content:""}.scenario-visual:before{opacity:.3;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 42px,48px 100%}.scenario-visual:after{background:radial-gradient(circle at 50% 50%,transparent,rgba(10,15,21,.45))}.scenario-visual>i{z-index:1;width:5px;height:var(--h);max-height:92px;border-radius:4px;background:linear-gradient(var(--accent-strong),#387d83);box-shadow:0 0 15px rgba(89,215,200,.18)}.timeline-line{position:absolute;z-index:1;right:8%;bottom:30px;left:8%;height:2px;background:#253440}.playhead{position:absolute;z-index:2;left:62%;top:22%;bottom:20px;width:1px;background:rgba(145,130,247,.8);box-shadow:0 0 12px rgba(145,130,247,.5)}.playhead:before{position:absolute;width:7px;height:7px;top:-2px;left:-3px;border-radius:50%;background:var(--violet);content:""}
.scenario-content{display:flex;flex-direction:column;justify-content:center;padding:34px 38px}.scenario-label{display:flex;align-items:center;gap:7px;margin-bottom:13px;color:#81cfc7;font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.scenario-label i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.scenario-content>strong{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.04em}.scenario-content>small{max-width:560px;margin-top:9px;color:#929daa;font-size:12px;line-height:1.65}.workflow-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.workflow-pills i{padding:5px 8px;color:#7f8c99;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.02);font-size:8px;font-style:normal}.scenario-action{align-self:center;width:34px;height:34px;display:grid;place-items:center;color:#081e1c;border-radius:50%;background:var(--accent);font-size:17px;transition:.2s}.scenario-card:hover .scenario-action{transform:translateX(3px)}
.home-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-tool-card{min-height:100px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:18px;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.022);transition:.18s}.mini-tool-card:hover{border-color:rgba(89,215,200,.2);background:rgba(255,255,255,.035)}.mini-tool-card>span:nth-child(2){display:grid}.mini-tool-card strong{font-family:Manrope,sans-serif;font-size:13px}.mini-tool-card small{margin-top:4px;color:#707d8b;font-size:10px}.mini-tool-card>b{color:#6e7b88}.mini-tool-card em{padding:3px 7px;color:#887fba;border:1px solid rgba(145,130,247,.14);border-radius:99px;background:rgba(145,130,247,.06);font-size:8px;font-style:normal;text-transform:uppercase}.coming-soon{opacity:.68}.tool-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.tool-icon svg{width:20px}.tool-icon.teal{color:var(--accent);background:var(--accent-soft)}.tool-icon.violet{color:#a69afa;background:rgba(145,130,247,.1)}

.page-heading h1{margin-bottom:8px}.page-heading.compact{margin-bottom:28px}.page-heading.compact h1{font-size:clamp(2rem,3.5vw,3rem)}
.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:15px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--surface);transition:.2s}.project-card:hover{border-color:rgba(89,215,200,.15);transform:translateY(-2px);box-shadow:0 18px 55px rgba(0,0,0,.2)}.project-preview{position:relative;height:90px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 30% 10%,rgba(89,215,200,.11),transparent 52%),#0c1118}.project-preview:after{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.035) 50%);background-size:32px 100%;content:""}.project-wave{display:flex;align-items:center;gap:4px}.project-wave i{width:3px;border-radius:3px;background:linear-gradient(#76ded2,#346f76)}.project-wave i:nth-child(1),.project-wave i:nth-child(7){height:13px}.project-wave i:nth-child(2),.project-wave i:nth-child(6){height:25px}.project-wave i:nth-child(3),.project-wave i:nth-child(5){height:38px}.project-wave i:nth-child(4){height:52px}.project-status{position:absolute;z-index:1;top:11px;right:11px;display:flex;align-items:center;gap:5px;padding:4px 7px;color:#8995a4;border:1px solid var(--line);border-radius:99px;background:rgba(10,14,20,.75);font-size:7px;font-weight:750;text-transform:uppercase;backdrop-filter:blur(8px)}.project-status i{width:4px;height:4px;border-radius:50%;background:#73808e}.status-complete{color:#84dfb0}.status-complete i{background:var(--success)}.status-failed{color:#ff9ba5}.status-failed i{background:var(--danger)}.status-processing,.status-queued{color:#91e5dc}.status-processing i,.status-queued i{background:var(--accent);box-shadow:0 0 7px rgba(89,215,200,.65)}.project-card-body{padding:18px}.project-date{margin:0;color:#596675;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.project-card h2{overflow:hidden;margin:6px 0 2px;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.project-video{overflow:hidden;margin:0;color:#717e8c;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.project-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.project-card dl div{padding:8px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.018)}.project-card dt{color:#566271;font-size:7px;text-transform:uppercase}.project-card dd{overflow:hidden;margin:2px 0 0;color:#aeb8c2;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.project-actions{display:flex;align-items:center;gap:7px}.project-actions .button.primary{flex:1}.icon-action{width:40px;height:40px;display:grid;place-items:center;color:#7d8996;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.icon-action:hover{color:var(--accent);border-color:rgba(89,215,200,.18)}.icon-action.danger:hover{color:#ff9aa4;border-color:rgba(255,111,125,.2)}.icon-action svg{width:16px}.empty-state{max-width:650px;margin:70px auto;padding:55px 30px;text-align:center}.empty-state .eyebrow{justify-content:center}.empty-state h2{margin:9px 0 5px}.empty-state .button{margin-top:12px}.empty-orbit{position:relative;width:68px;height:68px;display:grid;place-items:center;margin:0 auto 20px;color:var(--accent);border:1px solid rgba(89,215,200,.15);border-radius:50%;background:rgba(89,215,200,.055)}.empty-orbit:before{position:absolute;inset:-8px;border:1px dashed rgba(89,215,200,.1);border-radius:50%;content:""}.empty-orbit svg{width:25px}.empty-orbit i{position:absolute;width:6px;height:6px;top:-4px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}

.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:15px}.tool-card{min-height:245px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--surface-2),#0e131a);transition:.2s}.tool-card.featured:hover{border-color:rgba(89,215,200,.24);transform:translateY(-2px);box-shadow:var(--shadow)}.tool-card-top{display:flex;align-items:flex-start;justify-content:space-between}.tool-card-top>i{color:#505c69;font:9px ui-monospace,monospace}.tool-card>span:nth-child(2){display:grid}.tool-card strong{font-family:Manrope,sans-serif;font-size:18px}.tool-card small{margin-top:7px;color:#7f8b98;font-size:11px;line-height:1.6}.tool-card>b{color:#7bd7cd;font-size:10px}.tool-card>em{color:#6f668f;font-size:9px;font-style:normal;text-transform:uppercase}.placeholder-card{opacity:.6}

.workflow-nav{display:flex;align-items:center;justify-content:space-between;margin:-24px 0 30px;padding-bottom:14px;border-bottom:1px solid var(--line)}.workflow-nav a{color:#82909d;font-size:10px;text-decoration:none}.workflow-nav a:hover{color:var(--accent)}.workflow-nav span{color:#53606d;font-size:9px}.workflow-nav-actions{display:flex;align-items:center;gap:15px}.workflow-nav-actions>a{color:#78cfc6}.workflow-header{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:26px}.workflow-header h1{font-size:clamp(1.85rem,3vw,2.65rem)}.workflow-steps{display:flex;margin:0;padding:0;list-style:none}.workflow-steps li{position:relative;min-width:105px;display:grid;justify-items:center;gap:6px;color:#586573;font-size:8px}.workflow-steps li:not(:last-child):after{position:absolute;width:calc(100% - 32px);height:1px;top:12px;left:calc(50% + 16px);background:#28323d;content:""}.workflow-steps i{position:relative;z-index:1;width:25px;height:25px;display:grid;place-items:center;border:1px solid #36414d;border-radius:50%;background:#0c1117;font-size:8px;font-style:normal}.workflow-steps .active{color:#a5eee5}.workflow-steps .active i{color:#082521;border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px rgba(89,215,200,.06)}.workflow-steps .complete{color:#72928e}.workflow-steps .complete i{color:var(--accent);border-color:rgba(89,215,200,.3);background:rgba(89,215,200,.08)}.workflow-steps .complete:after{background:rgba(89,215,200,.24)}
.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:18px;align-items:start}.work-card{margin:0;padding:28px}.card-heading{display:flex;gap:14px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--line)}.card-heading h2{margin:2px 0 4px;font-size:18px}.card-heading p:last-child{margin:0;color:#7d8997;font-size:10px}.heading-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;color:var(--accent);border:1px solid rgba(89,215,200,.12);border-radius:12px;background:rgba(89,215,200,.07)}.heading-icon svg{width:21px}
.studio-form{display:grid;gap:23px}.field-block{display:grid;gap:8px}.field-block[hidden],.timing-workflow-guide[hidden]{display:none!important}.field-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-title label,.compact-file label{font-size:11px;font-weight:650}.field-title span{color:#65727f;font-size:7px;text-transform:uppercase}.field-help{margin:-2px 0 2px;color:#667381;font-size:9px}.file-drop{position:relative;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center;border:1px dashed #35434e;border-radius:13px;background:rgba(255,255,255,.018);transition:.18s}.file-drop:hover{border-color:rgba(89,215,200,.38);background:rgba(89,215,200,.025)}.file-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-drop-icon{width:36px;height:36px;display:grid;place-items:center;margin-bottom:8px;color:var(--accent);border-radius:10px;background:var(--accent-soft)}.file-drop-icon svg{width:18px}.file-drop strong{font-size:10px}.file-drop small{margin-top:4px;color:#63707e;font-size:8px}.file-drop.small{min-height:145px}.file-drop.video-drop .file-drop-icon{color:#a99dfc;background:rgba(145,130,247,.09)}
.studio-form textarea{width:100%;min-height:185px;padding:13px;color:#dbe2e7;border:1px solid var(--line-strong);border-radius:11px;outline:0;background:#0b1016;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.studio-form textarea:focus,.auth-card input:focus,.time-input:focus{border-color:rgba(89,215,200,.45);box-shadow:0 0 0 3px rgba(89,215,200,.07)}.or-divider{display:flex;align-items:center;gap:10px;margin:-6px 0;color:#53606d;font-size:8px;text-transform:uppercase}.or-divider:before,.or-divider:after{height:1px;flex:1;background:var(--line);content:""}.compact-file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}.compact-file input[type=file]{max-width:60%;color:#6b7785;font-size:8px}.compact-file input::file-selector-button{margin-right:8px;padding:6px 9px;color:#b8c3cc;border:1px solid var(--line-strong);border-radius:7px;background:#171e27;font-size:8px;cursor:pointer}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:20px;border-top:1px solid var(--line)}.form-footer>span{display:flex;align-items:center;gap:7px;color:#62716f;font-size:8px}.form-footer>span i{width:5px;height:5px;border-radius:50%;background:var(--success)}
ul.errorlist{margin:0;padding-left:17px;color:#ff929e;font-size:9px}.choice-field{padding:0;border:0}.choice-field legend{margin-bottom:9px;font-size:11px;font-weight:650}.choice-field>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-field label{min-height:52px;display:flex;align-items:center;gap:8px;padding:10px 12px;color:#8d99a6;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);font-size:9px;cursor:pointer}.choice-field label:has(input:checked){color:#caf7f1;border-color:rgba(89,215,200,.26);background:rgba(89,215,200,.075)}.choice-field input{accent-color:var(--accent)}
.context-panel{display:grid;gap:12px}.context-panel>section,.context-panel>details{padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018)}.context-panel p{color:#7c8895;font-size:10px;line-height:1.65}.check-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:21px;color:#929eaa;font-size:9px}.check-list li:before{position:absolute;width:13px;height:13px;display:grid;place-items:center;left:0;top:1px;color:var(--accent);border:1px solid rgba(89,215,200,.2);border-radius:50%;content:"✓";font-size:7px}.context-panel summary{display:flex;align-items:center;justify-content:space-between;color:#b1bbc4;font-size:10px;font-weight:650;cursor:pointer;list-style:none}.context-panel summary span{font-size:17px;font-weight:400}.context-panel details[open] summary span{transform:rotate(45deg)}.context-panel ol{padding-left:18px;color:#788591;font-size:9px}.context-panel a{color:#7bd8cf;font-size:9px;text-decoration:none}.file-ready{display:flex;align-items:center;gap:10px}.file-ready>i{width:27px;height:27px;display:grid;place-items:center;color:var(--success);border-radius:8px;background:rgba(94,214,156,.08);font-size:10px;font-style:normal}.file-ready>span{display:grid;min-width:0}.file-ready strong{font-size:9px}.file-ready small{overflow:hidden;color:#677481;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.tool-work-card{max-width:900px}.two-file-form{grid-template-columns:1fr 1fr;gap:18px}.full-span{grid-column:1/-1}
.toggle-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}.toggle-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.toggle{position:relative;width:36px;height:20px;flex:none;margin-top:2px}.toggle input{position:absolute;opacity:0}.toggle i{position:absolute;inset:0;border-radius:99px;background:#303a46;transition:.2s}.toggle i:after{position:absolute;width:14px;height:14px;top:3px;left:3px;border-radius:50%;background:#9da7b1;content:"";transition:.2s}.toggle input:checked+i{background:#3cb9ae}.toggle input:checked+i:after{left:19px;background:#effffc}.toggle-copy{display:grid}.toggle-copy strong{font-size:10px}.toggle-copy small{margin-top:3px;color:#6d7a87;font-size:8px}.mode-summary{margin:10px 0 0 48px;color:#78908d;font-size:8px}

.project-workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.project-workspace-heading h1{font-size:clamp(1.9rem,3vw,2.65rem)}.project-id{padding:5px 8px;color:#63707e;border:1px solid var(--line);border-radius:7px;font:8px ui-monospace,monospace;text-transform:uppercase}.project-overview-card{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:28px}.project-overview-card>.summary{align-self:start}.summary{display:grid;grid-template-columns:105px minmax(0,1fr);gap:9px;margin:0}.summary dt{color:#64717f;font-size:9px}.summary dd{overflow-wrap:anywhere;margin:0;color:#c4cdd4;font-size:10px}.project-overview-card>form{align-self:end}.progress-panel{grid-column:1/-1;margin:0;padding:20px;border:1px solid rgba(89,215,200,.13);border-radius:14px;background:rgba(89,215,200,.035)}.progress-panel h2{margin:0 0 5px;font-size:15px}.progress-panel>p{margin:4px 0}.progress-stage-list{display:grid;grid-template-columns:repeat(6,1fr);margin:22px 0 0;padding:0;list-style:none}.progress-stage{position:relative;display:grid;justify-items:center;gap:7px;color:#596674;text-align:center;font-size:7px}.progress-stage:not(:last-child):after{position:absolute;z-index:0;width:calc(100% - 20px);height:1px;top:9px;left:calc(50% + 10px);background:#2b3540;content:""}.progress-marker{z-index:1;width:19px;height:19px;display:grid;place-items:center;border:1px solid #33404b;border-radius:50%;background:#111820;font-size:7px}.progress-stage.active{color:#9de9e0}.progress-stage.active .progress-marker{color:#082521;border-color:var(--accent);background:var(--accent);animation:progress-pulse 1.2s ease-in-out infinite}.progress-stage.complete{color:#7ba897}.progress-stage.complete .progress-marker{color:var(--success);border-color:rgba(94,214,156,.25);background:rgba(94,214,156,.08)}.progress-stage.complete:not(:last-child):after{background:rgba(94,214,156,.2)}@keyframes progress-pulse{50%{transform:scale(1.12);box-shadow:0 0 0 5px rgba(89,215,200,.06)}}
.result-card{display:flex;align-items:center;justify-content:space-between;border-color:rgba(94,214,156,.15);background:linear-gradient(135deg,rgba(94,214,156,.075),rgba(14,19,26,.95))}.result-card h2{margin:0}.segments-card>h2{margin:0 0 3px}.render-project-form{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0;padding:14px;border:1px solid rgba(89,215,200,.12);border-radius:12px;background:rgba(89,215,200,.035)}.render-project-form p{margin:0}.segments{display:grid;gap:9px;margin-top:18px}.segment{padding:15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);scroll-margin-top:20px}.segment-warning{border-color:rgba(239,184,104,.24);background:rgba(239,184,104,.045)}.segment-heading{display:flex;flex-wrap:wrap;gap:8px 16px;color:#7c8995;font-size:8px}.segment-heading strong{color:#aeb8c1}.segment>p{font-size:10px}.segment-player{display:grid;grid-template-columns:34px auto minmax(120px,1fr) 34px 34px;align-items:center;gap:9px;margin-top:10px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#0d1218}.segment-player audio{display:none}.segment-player button,.segment-player-download{width:31px;height:31px;display:grid;place-items:center;padding:0;color:#95a2ad;text-decoration:none;border:0;border-radius:8px;background:#1a222c;cursor:pointer}.segment-player-time{font:8px ui-monospace,monospace;white-space:nowrap}.segment-player-seek{width:100%;accent-color:var(--accent)}.segment-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.segment-actions form{display:block;margin:0}.segment-replace-button{position:relative;overflow:hidden}.segment-replace-button input{position:absolute;width:1px;height:1px;opacity:0}.processing-message{color:var(--accent)!important}.processing-dots:after{content:".";animation:processing-dots 1.2s steps(1,end) infinite}@keyframes processing-dots{33%{content:".."}66%{content:"..."}}

.auth-layout{min-height:calc(100vh - 210px);display:grid;grid-template-columns:1fr 430px;align-items:center;gap:70px}.auth-intro h1{max-width:520px}.auth-wave{height:100px;display:flex;align-items:center;gap:7px;margin-top:38px}.auth-wave i{width:4px;border-radius:4px;background:linear-gradient(var(--accent),#325c66)}.auth-wave i:nth-child(1),.auth-wave i:nth-child(9){height:18px}.auth-wave i:nth-child(2),.auth-wave i:nth-child(8){height:37px}.auth-wave i:nth-child(3),.auth-wave i:nth-child(7){height:62px}.auth-wave i:nth-child(4),.auth-wave i:nth-child(6){height:84px}.auth-wave i:nth-child(5){height:53px}.auth-card{margin:0;padding:30px}.auth-card h2{margin:4px 0 22px;font-size:24px}.auth-card form{display:grid;gap:14px}.auth-card form p{display:grid;gap:6px;margin:0}.auth-card label{color:#9ba7b2;font-size:9px}.auth-card input{width:100%;height:42px;padding:0 11px;color:var(--text);border:1px solid var(--line-strong);border-radius:9px;outline:0;background:#0b1016}.auth-card .helptext,.auth-card form ul{margin:0;color:#65717e;font-size:8px}.auth-card>p:last-child{margin:18px 0 0;text-align:center}.auth-card a{color:var(--accent)}.settings-card{max-width:600px;margin:20px auto}.settings-card h1{font-size:2rem}.confirm-card{max-width:560px;margin:50px auto;padding:36px;text-align:center}.confirm-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 18px;color:var(--danger);border-radius:15px;background:rgba(255,111,125,.09)}.confirm-icon svg{width:24px}.confirm-card .step{margin-bottom:5px}.confirm-card h1{font-size:2.2rem}.confirm-card>p:not(.step){color:#929eaa;font-size:11px}.danger-note{padding:9px;color:#ffadb5!important;border:1px solid rgba(255,111,125,.15);border-radius:9px;background:rgba(255,111,125,.06)}.confirm-card .project-actions{justify-content:center;margin-top:20px}

body.editor-open{overflow:hidden}.segment-editor{position:fixed;z-index:1000;inset:0;padding:18px}.segment-editor[hidden]{display:none}.segment-editor-shade{position:absolute;inset:0;background:rgba(2,5,8,.86);backdrop-filter:blur(10px)}.segment-editor-panel{position:relative;width:min(1440px,100%);height:100%;display:flex;flex-direction:column;margin:auto;padding:26px;overflow:auto;color:var(--text);border:1px solid var(--line-strong);border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(89,215,200,.07),transparent 30%),#0e141b;box-shadow:0 30px 100px rgba(0,0,0,.65)}.editor-header,.editor-footer,.editor-toolbar,.editor-actions,.time-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.editor-header{justify-content:space-between}.editor-header h2{margin:2px 0 0}.editor-phrase{margin:10px 0;font-size:13px;font-weight:650}.editor-context{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.editor-context p{margin:0;padding:9px 11px;color:#7d8996;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.02);font-size:8px}.waveform-shell{position:relative;min-height:260px;max-height:430px;flex:1;overflow:hidden;border:1px solid #2f3c47;border-radius:14px;background:#090e13;cursor:grab;touch-action:none;user-select:none}.waveform-shell:active{cursor:grabbing}.waveform-shell canvas{width:100%;height:100%;display:block;filter:hue-rotate(125deg) saturate(.8)}.waveform-cursor{position:absolute;z-index:3;top:0;bottom:0;left:50%;width:1px;background:var(--accent);box-shadow:0 0 10px var(--accent);pointer-events:none}.waveform-loading{position:absolute;inset:0;display:grid;place-items:center;color:#7b8894;background:rgba(9,14,19,.9)}.waveform-loading[hidden]{display:none}.time-row{justify-content:center;margin:12px 0 7px}.time-row label{color:#717e8a;font-size:9px}.time-input{width:140px;padding:7px;color:#e2ecee;border:1px solid var(--line-strong);border-radius:8px;outline:0;background:#0a0f15;font:600 12px ui-monospace,monospace;text-align:center}.editor-toolbar{padding:8px 0;border-block:1px solid var(--line)}.toolbar-spacer{flex:1}.icon-button,.small-button{min-width:38px;height:36px;display:inline-grid;place-items:center;padding:0 9px;color:#a6b1ba;border:1px solid var(--line-strong);border-radius:9px;background:rgba(255,255,255,.03);font-size:10px;font-weight:700;cursor:pointer}.small-button{min-width:56px}.editor-actions{justify-content:center;padding:12px 0}.editor-message{min-height:1.5em;margin:0;color:#ff9ca6;text-align:center;font-size:9px}.editor-footer{padding-top:10px;border-top:1px solid var(--line)}#editor-volume{width:110px}

@media(max-width:980px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.workspace{padding-right:28px;padding-left:28px}.work-layout{grid-template-columns:1fr}.context-panel{grid-template-columns:1fr 1fr}.scenario-card{grid-template-columns:240px 1fr 38px}.auth-layout{gap:30px;grid-template-columns:1fr 390px}}
@media(max-width:760px){.app-shell{display:block}.app-sidebar{position:relative;width:100%;height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}.site-brand{margin:0}.site-brand>span:last-child{display:none}.brand-mark{width:34px;height:34px}.sidebar-nav{display:flex;justify-content:center}.sidebar-nav a{height:36px;padding:0 10px}.sidebar-nav a span{display:none}.sidebar-spacer,.account-panel,.new-project-button{display:none}.sidebar-auth{display:flex}.sidebar-auth .button{min-height:34px;padding:0 10px}.app-topbar{display:none}.workspace{min-height:0;padding:34px 18px 70px}.studio-hero,.page-heading,.workflow-header{align-items:flex-start;flex-direction:column}.workflow-header{gap:20px}.workflow-steps{width:100%}.workflow-steps li{min-width:0;flex:1}.scenario-card{grid-template-columns:1fr;min-height:0}.scenario-visual{min-height:150px;border-right:0;border-bottom:1px solid var(--line)}.scenario-content{padding:25px}.scenario-action{position:absolute;right:20px;bottom:20px}.home-tool-grid,.two-file-form,.auth-layout{grid-template-columns:1fr}.context-panel{grid-template-columns:1fr}.full-span{grid-column:auto}.project-overview-card{grid-template-columns:1fr}.progress-stage-list{grid-template-columns:1fr;gap:8px}.progress-stage{grid-template-columns:20px 1fr;justify-items:start;text-align:left}.progress-stage:not(:last-child):after{width:1px;height:calc(100% - 10px);left:9px;top:18px}.auth-intro{display:none}.auth-card{max-width:480px;margin:30px auto}.segment-editor{padding:0}.segment-editor-panel{border-radius:0}.editor-context{grid-template-columns:1fr}}
@media(max-width:520px){h1{font-size:2.15rem}.workspace{padding-top:28px}.studio-hero{margin-bottom:35px}.section-heading{align-items:flex-start}.scenario-content>strong{font-size:21px}.project-grid{grid-template-columns:1fr}.workflow-nav{margin-top:-10px}.workflow-steps span{display:none}.form-footer{align-items:stretch;flex-direction:column}.form-footer>span{justify-content:center}.choice-field>div{grid-template-columns:1fr}.compact-file{align-items:flex-start;flex-direction:column}.compact-file input[type=file]{max-width:100%}.result-card,.render-project-form{align-items:flex-start;flex-direction:column}.segment-player{grid-template-columns:34px 1fr 34px 34px}.segment-player-time{grid-column:2}.segment-player-seek{grid-column:1/-1;grid-row:2}.local-badge{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.file-drop.drag-active,.file-drop.has-file{border-color:rgba(89,215,200,.6);background:rgba(89,215,200,.055)}
.segment-report,.export-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px}.segment-report{justify-content:space-between}.segments-card.problems-only .segment:not(.has-problems){display:none}.export-links{margin:0}.studio-form select,.studio-form input[type=number]{min-height:40px;padding:8px 10px;color:var(--text);border:1px solid var(--line-strong);border-radius:9px;background:#0b1016}

/* Scenario and tool catalogue */
.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.scenario-option{min-height:232px;display:grid;grid-template-columns:138px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(21,27,36,.95),rgba(12,17,23,.98))}
.scenario-option-visual{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(circle at 50% 45%,rgba(145,130,247,.14),transparent 54%),#0c1118}
.scenario-option-visual:after{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 28px;content:""}
.scenario-option-visual span{z-index:1;width:31px;height:31px;display:grid;place-items:center;color:#bcb4ff;border:1px solid rgba(145,130,247,.24);border-radius:9px;background:#17182b;font:700 9px Manrope,sans-serif}
.scenario-option-visual i{z-index:1;width:10px;height:1px;background:#514c7d}
.takes-visual{gap:7px;background:radial-gradient(circle at 50% 45%,rgba(89,215,200,.13),transparent 55%),#0c1118}
.takes-visual span{width:29px;height:40px;color:#688179;border-color:rgba(89,215,200,.1);background:#111a20}
.takes-visual span.selected{height:56px;color:#d9fffa;border-color:rgba(89,215,200,.42);background:rgba(89,215,200,.13);box-shadow:0 0 24px rgba(89,215,200,.1)}
.takes-visual b{position:absolute;right:12%;bottom:34px;left:12%;height:2px;background:#26363d}
.scenario-option-copy{padding:23px}.scenario-meta{display:flex;align-items:center;gap:8px;color:#65717e;font-size:8px;text-transform:uppercase}.scenario-meta i{font-style:normal}
.status-chip{display:inline-flex!important;align-items:center;width:max-content;padding:4px 7px;border:1px solid rgba(145,130,247,.16);border-radius:99px;color:#a99ef3!important;background:rgba(145,130,247,.07);font:700 7px Inter,sans-serif!important;letter-spacing:.07em;text-transform:uppercase}
.status-chip.available{color:#7ee2d6!important;border-color:rgba(89,215,200,.18);background:rgba(89,215,200,.07)}.status-chip.research{color:#d2aa70!important;border-color:rgba(239,184,104,.18);background:rgba(239,184,104,.07)}
.scenario-option h3{margin:14px 0 6px;font-size:16px}.scenario-option p{margin:0;color:#7c8997;font-size:10px;line-height:1.6}.scenario-option ul{display:flex;flex-wrap:wrap;gap:5px;margin:17px 0 0;padding:0;list-style:none}.scenario-option li{padding:4px 6px;color:#687583;border:1px solid var(--line);border-radius:6px;font-size:7px}
.coming-soon{opacity:.72}.tool-icon.amber{color:#e5b46d;background:rgba(239,184,104,.09)}.tool-icon.rose{color:#ef8f9c;background:rgba(255,111,125,.08)}.tool-icon.blue{color:#7eb6e8;background:rgba(91,158,218,.09)}
.tools-heading{margin-bottom:38px}.tools-principle{display:flex;align-items:center;gap:9px;padding:10px 13px;color:#7e8b98;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02);font-size:9px;white-space:nowrap}.tools-principle i{color:var(--accent);font-style:normal}
.tool-catalog-section+.tool-catalog-section{margin-top:42px}.tool-grid:not(.planned-tools) .tool-card{max-width:570px}.tool-card{min-height:275px}.tool-card>span:nth-child(2){margin-top:20px}.tool-card>b,.tool-card>em{margin-top:18px}.planned-card{min-height:295px}.planned-card:hover{border-color:rgba(145,130,247,.14);background:linear-gradient(145deg,#171d27,#10151c)}
.capability-row{display:flex!important;flex-wrap:wrap;gap:6px;margin-top:auto!important;padding-top:18px}.capability-row i{padding:4px 7px;color:#697582;border:1px solid var(--line);border-radius:6px;font-size:7px;font-style:normal}

@media(max-width:980px){.scenario-grid{grid-template-columns:1fr}}
@media(max-width:760px){.tools-principle{white-space:normal}.scenario-option{grid-template-columns:110px 1fr}}
@media(max-width:520px){.scenario-option{grid-template-columns:1fr}.scenario-option-visual{min-height:112px;border-right:0;border-bottom:1px solid var(--line)}.tool-grid{grid-template-columns:1fr}}

/* Workflow selection and frontend-only prototypes */
.scenario-option{color:inherit;text-decoration:none;transition:.2s}.scenario-option:hover{border-color:rgba(145,130,247,.24);transform:translateY(-2px);box-shadow:0 18px 55px rgba(0,0,0,.18)}.scenario-open{display:inline-flex;margin-top:15px;color:#8f85d5;font-size:8px;font-weight:700;text-transform:uppercase}.takes-option .scenario-open{color:#d0a664}
.workflow-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.workflow-choice{position:relative;min-height:390px;display:flex;flex-direction:column;align-items:flex-start;padding:27px;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,var(--surface-2),#0d1219);transition:.22s}.workflow-choice:hover{border-color:rgba(89,215,200,.24);transform:translateY(-3px);box-shadow:var(--shadow)}.workflow-choice.featured-choice{border-color:rgba(89,215,200,.18);background:radial-gradient(circle at 5% 0,rgba(89,215,200,.09),transparent 44%),linear-gradient(145deg,var(--surface-2),#0d1219)}.choice-number{position:absolute;top:22px;right:24px;color:#46525e;font:9px ui-monospace,monospace}.workflow-choice>.status-chip{margin-top:22px}.workflow-choice h2{margin:15px 0 8px;font-size:19px}.workflow-choice p{margin:0;color:#7d8996;font-size:10px;line-height:1.65}.workflow-choice>strong{margin-top:auto;color:#7edcd2;font-size:10px}.choice-steps{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:22px 0}.choice-steps i{padding:5px 7px;color:#727f8c;border:1px solid var(--line);border-radius:6px;font-size:7px;font-style:normal}.choice-steps b{color:#4c5864;font-size:8px}.violet-icon{color:#aa9ef9!important;border-color:rgba(145,130,247,.14)!important;background:rgba(145,130,247,.08)!important}.amber-icon{color:#e5b46d!important;border-color:rgba(239,184,104,.15)!important;background:rgba(239,184,104,.08)!important}
.prototype-note{display:flex!important;align-items:center;gap:7px;color:#8d82c5!important}.prototype-note i{width:5px;height:5px;border-radius:50%;background:var(--violet);box-shadow:0 0 8px rgba(145,130,247,.5)}.four-steps li{min-width:86px}.prototype-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.prototype-form input[type=file]{cursor:pointer}.violet-file{color:#aa9ef9;background:rgba(145,130,247,.09)}.amber-file{color:#e5b46d;background:rgba(239,184,104,.09)}.rose-file{color:#ef8f9c;background:rgba(255,111,125,.08)}.blue-file{color:#7eb6e8;background:rgba(91,158,218,.09)}
.language-picker{display:flex;flex-wrap:wrap;gap:8px}.language-picker label,.language-picker button{min-height:39px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#8895a2;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.02);font-size:9px;cursor:pointer}.language-picker label:has(input:checked){color:#d9fffa;border-color:rgba(89,215,200,.25);background:rgba(89,215,200,.07)}.language-picker input{accent-color:var(--accent)}.language-picker label span{font-weight:750}.language-picker button{color:#8d82c5;border-style:dashed;background:transparent}.language-roadmap{display:grid;gap:9px;margin-top:14px}.source-node,.language-node{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.018)}.source-node>i,.language-node>b{width:27px;height:27px;display:grid;place-items:center;color:#73d8cc;border-radius:7px;background:rgba(89,215,200,.08);font-size:8px;font-style:normal}.source-node>span{display:grid}.source-node strong{font-size:9px}.source-node small,.language-node span{color:#667381;font-size:8px}.language-node b{color:#9c91e9;background:rgba(145,130,247,.08)}.language-node.active{border-color:rgba(145,130,247,.16)}.take-summary{display:grid;grid-template-columns:auto 1fr auto auto 1fr;align-items:center;gap:7px;margin:15px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}.take-summary strong{color:#b9f5ee;font-size:17px}.take-summary span{color:#6e7b88;font-size:7px}.take-summary i{color:#4e5965;font-style:normal}
.prototype-heading{align-items:center}.tool-prototype-layout .tool-work-card{max-width:none}.prototype-settings-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.prototype-settings-row label{min-height:70px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018);font-size:9px}.prototype-settings-row select{height:34px;padding:0 8px;color:#bfc8cf;border:1px solid var(--line-strong);border-radius:8px;background:#0b1016;font-size:9px}.prototype-settings-row input[type=range]{accent-color:var(--accent)}.prototype-settings-row input[type=checkbox]{accent-color:var(--accent)}.mock-timeline{padding:14px;border:1px solid var(--line);border-radius:11px;background:#0a0f15}.timeline-track{position:relative;height:58px;margin:8px 0;overflow:hidden;border-radius:7px;background:repeating-linear-gradient(90deg,#27313b 0 2px,transparent 2px 6px)}.timeline-track i{position:absolute;inset:0 67% 0 26%;background:rgba(255,111,125,.18);border-inline:1px solid #e47e8c}.timeline-track b,.timeline-track em{position:absolute;width:2px;top:0;bottom:0;background:#ef8f9c}.timeline-track b{left:26%}.timeline-track em{left:33%}.timeline-time{color:#6e7b88;font:8px ui-monospace,monospace}.mock-timeline>p{margin:5px 0 0;color:#65727f;font-size:8px}.operation-checklist{display:grid;grid-template-columns:1fr 1fr;gap:9px}.operation-checklist label{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018);cursor:pointer}.operation-checklist input{margin-top:3px;accent-color:var(--accent)}.operation-checklist span{display:grid}.operation-checklist strong{font-size:9px}.operation-checklist small{margin-top:3px;color:#697683;font-size:8px}.duration-preview{overflow:hidden;border:1px solid var(--line);border-radius:11px}.duration-preview>div{display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:center;min-height:40px;padding:0 12px;border-bottom:1px solid var(--line);font-size:8px}.duration-preview>div:last-child{border-bottom:0}.duration-preview>div:first-child{color:#606d7a;background:rgba(255,255,255,.02);text-transform:uppercase}.duration-preview em{width:max-content;padding:3px 6px;border-radius:99px;font-style:normal}.duration-preview .ok{color:#76d8aa;background:rgba(94,214,156,.08)}.duration-preview .warn{color:#e2b56f;background:rgba(239,184,104,.08)}.duration-preview .bad{color:#ef929c;background:rgba(255,111,125,.08)}.prototype-footer-note{color:#766e9c!important}.prototype-footer-note i{background:var(--violet)!important}.prototype-flow{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.prototype-flow li{display:flex;align-items:center;gap:9px;color:#7d8996;font-size:8px}.prototype-flow i{width:22px;height:22px;display:grid;place-items:center;flex:none;color:#79d5cb;border:1px solid rgba(89,215,200,.15);border-radius:7px;background:rgba(89,215,200,.06);font-style:normal}
@media(max-width:980px){.workflow-selection-grid{grid-template-columns:1fr 1fr}.workflow-choice.featured-choice{grid-column:1/-1;min-height:315px}.four-steps li{min-width:72px}}
@media(max-width:760px){.workflow-selection-grid{grid-template-columns:1fr}.workflow-choice.featured-choice{grid-column:auto}.prototype-upload-grid,.operation-checklist{grid-template-columns:1fr}.four-steps{overflow-x:auto}.four-steps li{min-width:75px}.take-summary{grid-template-columns:auto 1fr}.take-summary i{display:none}}

/* Audio to text */
.transcript-card{border-color:rgba(91,158,218,.13);background:radial-gradient(circle at 100% 0,rgba(91,158,218,.08),transparent 45%),linear-gradient(145deg,var(--surface-2),#0e131a)}
.transcription-heading{align-items:center}.transcription-format{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(91,158,218,.15);border-radius:11px;background:rgba(91,158,218,.04)}.transcription-format i{width:31px;height:31px;display:grid;place-items:center;color:#9dc7ec;border:1px solid rgba(91,158,218,.16);border-radius:8px;background:rgba(91,158,218,.08);font:700 9px Manrope,sans-serif;font-style:normal}.transcription-format b{color:#526170;font-size:9px}.blue-icon{color:#8fc4ed!important;border-color:rgba(91,158,218,.15)!important;background:rgba(91,158,218,.08)!important}
.transcription-drop{min-height:155px;background:radial-gradient(circle at 50% 110%,rgba(91,158,218,.07),transparent 55%),rgba(255,255,255,.018)}.transcription-basics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.transcription-basics label{display:grid;gap:7px;color:#9ca8b3;font-size:9px}.transcription-basics select{height:41px;padding:0 10px;color:#c8d1d8;border:1px solid var(--line-strong);border-radius:9px;background:#0b1016;font-size:9px}
.transcription-mode{padding:0;border:0}.transcription-mode>legend{margin-bottom:9px;font-size:11px;font-weight:650}.transcription-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.transcription-mode-grid>label{position:relative;min-height:115px;display:grid;grid-template-columns:38px 1fr;align-items:start;gap:11px;padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);cursor:pointer}.transcription-mode-grid>label:has(input:checked){border-color:rgba(91,158,218,.28);background:rgba(91,158,218,.055);box-shadow:inset 0 0 0 1px rgba(91,158,218,.035)}.transcription-mode-grid input{position:absolute;top:13px;right:13px;accent-color:#6ba8de}.mode-mark{width:36px;height:36px;display:grid;place-items:center;color:#8f9ba7;border:1px solid var(--line);border-radius:10px;background:#121922}.mode-mark i{font:700 11px Georgia,serif;font-style:normal}.transcription-mode-grid label:has(input:checked) .mode-mark{color:#a8d5f8;border-color:rgba(91,158,218,.2);background:rgba(91,158,218,.1)}.transcription-mode-grid label>span:last-child{display:grid}.transcription-mode-grid strong{font-size:10px}.transcription-mode-grid strong em{margin-left:6px;padding:3px 5px;color:#86bbe5;border-radius:99px;background:rgba(91,158,218,.09);font-size:6px;font-style:normal;text-transform:uppercase}.transcription-mode-grid small{margin-top:5px;color:#697684;font-size:8px;line-height:1.55}
.transcription-form textarea{width:100%;resize:vertical;padding:11px 12px;color:var(--text);border:1px solid var(--line-strong);border-radius:10px;outline:0;background:#0b1016;font-size:10px;line-height:1.55}.transcription-form textarea:focus{border-color:rgba(91,158,218,.35);box-shadow:0 0 0 3px rgba(91,158,218,.045)}.transcription-options label:has(input:checked){border-color:rgba(91,158,218,.15);background:rgba(91,158,218,.035)}.transcription-options input{accent-color:#6ba8de}.transcription-start{min-width:150px}.transcription-context strong{color:#bac7d1;font-size:9px}
.transcription-result{margin-top:18px;padding:0;overflow:hidden}.transcription-result>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line)}.transcription-result h2{margin:3px 0 0;font-size:17px}.transcript-actions{display:flex;gap:7px}.transcript-actions button{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;color:#6e7b88;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.02);font-size:8px}.transcript-actions button:disabled{opacity:.45}.transcript-actions svg{width:14px}.transcript-empty{min-height:210px;display:flex;align-items:flex-start;justify-content:center;gap:12px;padding-top:62px;color:#667381;background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(255,255,255,.022) 32px)}.transcript-empty strong{color:#8996a3;font-size:11px}.transcript-empty p{margin:5px 0 0;font-size:9px}.text-cursor{width:2px;height:18px;margin-top:1px;background:#6ba8de;box-shadow:0 0 9px rgba(91,158,218,.45);animation:text-cursor 1s steps(1) infinite}@keyframes text-cursor{50%{opacity:.15}}
@media(max-width:760px){.transcription-basics,.transcription-mode-grid{grid-template-columns:1fr}.transcription-result>header{align-items:flex-start;flex-direction:column}.transcript-empty{min-height:180px;padding:48px 22px 0}.transcription-format{display:none}}

.transcript-editor{width:100%;min-height:360px;display:block;padding:22px;color:#cbd4db;border:0;outline:0;resize:vertical;background:repeating-linear-gradient(180deg,#0b1016 0 31px,rgba(255,255,255,.025) 32px);font:11px/32px Manrope,sans-serif}.transcript-result>.notice{margin:15px 22px 0}.transcript-result-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:14px 22px;border-top:1px solid var(--line);background:rgba(255,255,255,.012)}.transcript-result-footer form{margin:0}.transcript-result-footer .button{min-height:36px}

/* Connected localization, takes and media-tool workflows */
.studio-form input[type=text],.studio-form input[type=file],.studio-form input[type=number],.studio-form select{width:100%;min-height:42px;padding:9px 11px;color:var(--text);border:1px solid var(--line-strong);border-radius:9px;background:#0b1016}
.studio-form input[type=file]{padding:8px;color:#8996a3}.studio-form label{font-size:10px;font-weight:650}.studio-form small{color:#687583;font-size:8px}.studio-form .errorlist,.errorlist{margin:3px 0;padding:8px 10px;color:#ffadb6;border:1px solid rgba(255,111,125,.15);border-radius:8px;background:rgba(255,111,125,.06);font-size:9px;list-style:none}
.language-version-list,.take-phrase-list{display:grid;gap:14px}.language-version-card,.take-phrase-card{margin:0}.language-version-card .card-heading{align-items:center}.language-version-card .card-heading .button{margin-left:auto}.language-badge{width:44px;height:44px;display:grid;place-items:center;flex:none;color:#c4bcff;border:1px solid rgba(145,130,247,.2);border-radius:12px;background:rgba(145,130,247,.09);font:700 9px Manrope,sans-serif}.compact-version-form textarea{min-height:105px}.compact-version-form .button{margin-top:12px}
.takes-toolbar{position:sticky;z-index:5;top:10px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;padding:12px 16px;border:1px solid var(--line-strong);border-radius:13px;background:rgba(12,17,23,.94);backdrop-filter:blur(14px)}.takes-toolbar strong{font-size:11px}.take-phrase-card>header{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}.take-phrase-card>header>span{width:34px;height:34px;display:grid;place-items:center;flex:none;color:#d7ad70;border:1px solid rgba(239,184,104,.18);border-radius:9px;background:rgba(239,184,104,.07);font:700 9px ui-monospace,monospace}.take-phrase-card h2{margin:0;font-size:15px}.take-phrase-card header p{margin:4px 0 0;color:#6f7c89;font-size:8px}.take-phrase-card.selected{border-color:rgba(89,215,200,.2)}.take-candidate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.take-candidate{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018)}.take-candidate.chosen{border-color:rgba(89,215,200,.32);background:rgba(89,215,200,.045)}.take-candidate audio{width:100%;height:34px}.take-candidate>div{display:flex;justify-content:space-between;gap:10px}.take-candidate strong{font-size:9px}.take-candidate span{color:#697683;font-size:8px}.take-candidate details{font-size:8px}.take-candidate summary{color:#82909d;cursor:pointer}.take-candidate details form{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.take-candidate details .button{grid-column:1/-1}.take-candidate input{width:100%;margin-top:4px}
.result-card{max-width:850px;margin:0 auto}.result-card h1{font-size:2.3rem}.success-message{color:#8ee2b6}.processing-progress{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02)}.processing-progress>i{width:14px;height:14px;border:2px solid rgba(89,215,200,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.processing-progress strong{font-size:10px}.processing-progress span{margin-left:auto;color:#778491;font-size:8px}.report-table{margin:20px 0}.report-table .review{color:#e2b56f;background:rgba(239,184,104,.08)}.report-table .rewrite,.report-table .missing{color:#ef929c;background:rgba(255,111,125,.08)}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.take-candidate-grid{grid-template-columns:1fr}.takes-toolbar{align-items:stretch;flex-direction:column}.language-version-card .card-heading{align-items:flex-start;flex-wrap:wrap}.language-version-card .card-heading .button{margin-left:0}}
.tool-result-preview{width:100%;max-height:480px;display:block;margin:18px 0;padding:8px;border:1px solid var(--line);border-radius:12px;background:#080c11}

/* Phrase timing clarity and contextual guidance */
.timing-start-form textarea{font-size:14px}.timing-method>legend{font-size:13px}.timing-method-grid strong{font-size:13px}.timing-method-grid strong em{font-size:8px}.timing-method-grid small{font-size:11px}.timing-start-layout .prototype-flow li,.timing-start-layout .context-panel p{font-size:11px;line-height:1.55}
.timing-heading-actions{display:flex;align-items:center;gap:10px}.timing-guide-button{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 13px;color:#c9c3f7;border:1px solid rgba(145,130,247,.24);border-radius:10px;background:rgba(145,130,247,.08);font:700 12px Manrope,sans-serif;cursor:pointer;transition:.18s}.timing-guide-button:hover{color:#fff;border-color:rgba(145,130,247,.42);background:rgba(145,130,247,.14)}.timing-guide-button>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(145,130,247,.16);font:800 12px Manrope,sans-serif}.timing-workspace .timing-save-state{min-height:38px;padding-inline:13px;font-size:11px}
.timing-workspace .timing-clock{font-size:11px}.timing-workspace .timing-transport button{font-size:12px}.timing-workspace .timing-transport small{font-size:10px}.timing-workspace .timing-progress-card>div:first-child,.timing-workspace .timing-progress-card p{font-size:12px;line-height:1.5}.timing-workspace .timing-shortcuts{min-height:58px}.timing-workspace .timing-shortcuts strong,.timing-workspace .timing-shortcuts p{font-size:11px;line-height:1.45}.timing-workspace .timing-shortcuts button{width:auto;min-width:76px;height:34px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;color:#b8aff8;font:700 11px Manrope,sans-serif}.timing-shortcuts button>span:first-child{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:rgba(145,130,247,.13)}
.timing-workspace .timing-text-toolbar{height:auto;min-height:68px;padding:11px 14px}.timing-workspace .timing-text-toolbar>div:first-child>span{font-size:9px}.timing-workspace .timing-text-toolbar strong{font-size:14px}.timing-toolbar-actions{display:flex;align-items:center;gap:7px}.timing-workspace .timing-text-toolbar button{height:38px;padding:0 11px;font-size:11px}.timing-workspace .timing-text-toolbar .timing-history-button{min-width:94px;display:flex;align-items:center;justify-content:center;gap:7px}.timing-history-button>span{padding:0!important;color:inherit!important;border:0!important;background:transparent!important;font:700 18px/1 Manrope,sans-serif!important;letter-spacing:0!important}.timing-history-button>b{font-size:11px}.timing-history-button:not(:disabled){color:#c8c2f3!important;border-color:rgba(145,130,247,.2)!important;background:rgba(145,130,247,.055)!important}.timing-history-button:not(:disabled):hover{border-color:rgba(145,130,247,.38)!important;background:rgba(145,130,247,.11)!important}.timing-history-button:disabled b{opacity:.75}
.timing-state-legend{min-height:58px;display:flex;align-items:center;gap:10px;padding:9px 13px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}.timing-state-legend>span{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid transparent;border-radius:9px}.timing-state-legend>span>i,.timing-guide-colors>span>i{width:9px;height:9px;flex:none;border-radius:50%}.timing-state-legend>span>span{display:grid}.timing-state-legend strong{font-size:11px}.timing-state-legend small{margin-top:2px;color:#6f7b87;font-size:10px}.timing-state-legend .target{border-color:rgba(145,130,247,.18);background:rgba(145,130,247,.045)}.timing-state-legend .target>i,.timing-guide-colors .target>i{background:#9182f7;box-shadow:0 0 0 5px rgba(145,130,247,.09)}.timing-state-legend .target strong{color:#c8c1ff}.timing-state-legend .current{border-color:rgba(89,215,200,.16);background:rgba(89,215,200,.035)}.timing-state-legend .current>i,.timing-guide-colors .current>i{background:#59d7c8;box-shadow:0 0 0 5px rgba(89,215,200,.08)}.timing-state-legend .current strong{color:#9be9df}
.timing-workspace .timing-phrase-number{font-size:11px}.timing-workspace .timing-phrase-meta{font-size:11px}.timing-workspace .timing-phrase-meta em{font-size:10px}.timing-phrase-row[data-state-help]{cursor:help;outline:0}.timing-phrase-row[data-state-help]:focus-visible{outline:2px solid rgba(145,130,247,.45);outline-offset:2px}.timing-phrase-row[data-state-help]:after{position:absolute;z-index:20;top:calc(100% - 3px);right:10px;width:min(330px,calc(100% - 48px));padding:10px 12px;color:#dbe3e6;border:1px solid var(--line-strong);border-radius:9px;opacity:0;background:#0a1016;box-shadow:0 14px 38px rgba(0,0,0,.48);content:attr(data-state-help);font:500 11px/1.45 Manrope,sans-serif;pointer-events:none;transform:translateY(-3px);transition:opacity .15s,transform .15s}.timing-phrase-row[data-state-help]:hover:after,.timing-phrase-row[data-state-help]:focus-visible:after{opacity:1;transform:none}.timing-phrase-row.marking-current:after{border-color:rgba(145,130,247,.32)}.timing-phrase-row.playback-current:after{border-color:rgba(89,215,200,.28)}
.timing-workspace .timing-export-bar strong{font-size:13px}.timing-workspace .timing-export-bar span{font-size:11px;line-height:1.45}.timing-workspace .timing-export-bar .button{min-height:38px;font-size:11px}
.timing-guide{width:min(760px,calc(100% - 30px))}.timing-guide header{padding:19px 22px}.timing-guide header>div p{margin:0 0 5px;color:#9182f7;font-size:9px;font-weight:800;letter-spacing:.14em}.timing-guide h2{font-size:20px}.timing-help header button{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;font-size:24px}.timing-help header button:hover{color:#fff;background:rgba(255,255,255,.05)}.timing-help form>.timing-guide-content{display:block;padding:22px}.timing-guide-intro{display:block!important;margin:0 0 18px!important;color:#9da9b2!important;font-size:13px!important;line-height:1.65}.timing-guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none}.timing-guide-steps li{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018)}.timing-guide-steps li>i{width:27px;height:27px;display:grid;place-items:center;flex:none;color:#c8c1ff;border-radius:8px;background:rgba(145,130,247,.1);font:800 11px Manrope,sans-serif;font-style:normal}.timing-guide-steps li>span{display:grid}.timing-guide-steps strong{font-size:12px}.timing-guide-steps small{margin-top:5px;color:#74818c;font-size:10px;line-height:1.45}.timing-guide-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.timing-guide-colors>span{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:11px}.timing-guide-colors>span>span{display:grid}.timing-guide-colors strong{font-size:12px}.timing-guide-colors small{margin-top:4px;color:#74818c;font-size:10px}.timing-guide-colors .target{background:rgba(145,130,247,.045)}.timing-guide-colors .current{background:rgba(89,215,200,.035)}.timing-guide details{margin-top:14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.012)}.timing-guide summary{padding:13px 15px;color:#aeb8c0;font-size:12px;font-weight:700;cursor:pointer}.timing-guide-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:4px 15px 16px}.timing-guide-shortcuts section>strong{font-size:10px}.timing-guide-shortcuts p{font-size:11px}.timing-guide-shortcuts kbd{min-width:88px;font-size:9px}
@media(max-width:760px){.timing-heading-actions{width:100%;justify-content:space-between}.timing-guide-button{order:2}.timing-workspace .timing-text-toolbar{align-items:flex-start;flex-direction:column}.timing-toolbar-actions{width:100%;flex-wrap:wrap}.timing-workspace .timing-text-toolbar .timing-history-button{min-width:0;flex:1}.timing-state-legend{align-items:stretch;flex-direction:column}.timing-state-legend>span{flex:1}.timing-guide-steps,.timing-guide-colors,.timing-guide-shortcuts{grid-template-columns:1fr}.timing-phrase-row[data-state-help]:after{right:4px;width:calc(100% - 42px)}.timing-workspace .timing-shortcuts strong{display:block}}

/* Collapsible application sidebar */
.app-shell{transition:grid-template-columns .22s ease}.app-sidebar{z-index:30;transition:width .22s ease,padding .22s ease,box-shadow .22s ease}.sidebar-header{display:flex;align-items:center;gap:8px;margin-bottom:32px}.sidebar-header .site-brand{min-width:0;flex:1;margin:0 0 0 8px}.sidebar-pin{width:32px;height:32px;display:grid;place-items:center;flex:none;padding:0;color:#697684;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer;transition:.16s}.sidebar-pin:hover{color:#c9c3f7;border-color:rgba(145,130,247,.17);background:rgba(145,130,247,.07)}.sidebar-pin[aria-pressed="true"]{color:#9f94ef;background:rgba(145,130,247,.08)}.sidebar-pin svg{width:16px}.sidebar-toggle{position:absolute;z-index:4;top:76px;right:-14px;width:28px;height:34px;display:grid;place-items:center;padding:0;color:#7b8794;border:1px solid var(--line-strong);border-radius:9px;background:#111720;box-shadow:0 7px 20px rgba(0,0,0,.28);cursor:pointer;transition:.18s}.sidebar-toggle:hover{color:#d8fff9;border-color:rgba(89,215,200,.24);background:#152029}.sidebar-toggle svg{width:15px;transition:transform .2s}.app-shell.sidebar-unpinned{grid-template-columns:76px minmax(0,1fr)}.app-shell.sidebar-unpinned .app-sidebar{width:76px;padding-right:10px;padding-left:10px}.app-shell.sidebar-unpinned.sidebar-preview-open .app-sidebar,.app-shell.sidebar-unpinned .app-sidebar:hover,.app-shell.sidebar-unpinned .app-sidebar:focus-within{width:236px;padding-right:18px;padding-left:18px;box-shadow:24px 0 60px rgba(0,0,0,.34)}.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar:not(:hover):not(:focus-within) .site-brand>span:last-child,.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar:not(:hover):not(:focus-within) .sidebar-nav span,.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar:not(:hover):not(:focus-within) .new-project-button span,.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar:not(:hover):not(:focus-within) .account-copy,.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar:not(:hover):not(:focus-within) .account-panel form{width:0;overflow:hidden;opacity:0;pointer-events:none}.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar:not(:hover):not(:focus-within) .sidebar-pin,.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar:not(:hover):not(:focus-within) .sidebar-auth{display:none}.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar:not(:hover):not(:focus-within) .sidebar-header{justify-content:center}.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar:not(:hover):not(:focus-within) .sidebar-header .site-brand{flex:0;margin-left:0}.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar:not(:hover):not(:focus-within) .sidebar-nav a{justify-content:center;gap:0;padding:0}.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar:not(:hover):not(:focus-within) .new-project-button{width:43px;margin-right:auto;margin-left:auto;padding:0}.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar:not(:hover):not(:focus-within) .account-panel{grid-template-columns:1fr;justify-items:center}.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar:not(:hover):not(:focus-within) .sidebar-toggle svg{transform:rotate(180deg)}
@media(max-width:760px){.app-shell,.app-shell.sidebar-unpinned{display:block}.app-sidebar,.app-shell.sidebar-unpinned .app-sidebar,.app-shell.sidebar-unpinned.sidebar-preview-open .app-sidebar,.app-shell.sidebar-unpinned .app-sidebar:hover,.app-shell.sidebar-unpinned .app-sidebar:focus-within{position:relative;width:100%;height:auto;padding:12px 14px;box-shadow:none}.sidebar-header{margin:0}.sidebar-header .site-brand{margin:0}.sidebar-pin,.sidebar-toggle{display:none}.app-shell.sidebar-unpinned .app-sidebar .sidebar-nav span{display:none}.app-shell.sidebar-unpinned .app-sidebar .site-brand>span:last-child,.app-shell.sidebar-unpinned .app-sidebar .new-project-button,.app-shell.sidebar-unpinned .app-sidebar .account-panel{display:none}.app-shell.sidebar-unpinned .app-sidebar .sidebar-auth{display:flex}}
.timing-phrase-row[data-state-help]:hover,.timing-phrase-row[data-state-help]:focus-visible{z-index:10}.timing-guide-colors .target strong{color:#c8c1ff}.timing-guide-colors .current strong{color:#9be9df}
.timing-workspace .timing-shortcuts{grid-template-columns:auto 1fr}.timing-text-column.text-mode-active{border-color:rgba(145,130,247,.3);box-shadow:0 18px 55px rgba(0,0,0,.14),0 0 0 1px rgba(145,130,247,.06)}.timing-text-column.text-mode-active .timing-text-toolbar{background:rgba(145,130,247,.035)}.timing-text-mode-notice[hidden]{display:none}.timing-text-mode-notice{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;color:#d8d3ff;border-bottom:1px solid rgba(145,130,247,.2);background:linear-gradient(90deg,rgba(145,130,247,.13),rgba(145,130,247,.045))}.timing-text-mode-icon{width:38px;height:38px;display:grid;place-items:center;color:#d7d1ff;border:1px solid rgba(145,130,247,.24);border-radius:10px;background:rgba(145,130,247,.13);font:800 13px Manrope,sans-serif}.timing-text-mode-notice>span:nth-child(2){display:grid}.timing-text-mode-notice strong{font-size:12px}.timing-text-mode-notice small{margin-top:3px;color:#8e88ba;font-size:10px;line-height:1.45}.timing-text-mode-notice button{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#dcd8ff;border:1px solid rgba(145,130,247,.25);border-radius:9px;background:rgba(12,15,24,.48);font:700 10px Manrope,sans-serif;cursor:pointer}.timing-text-mode-notice button:hover{color:#fff;border-color:rgba(145,130,247,.42);background:rgba(145,130,247,.12)}.timing-text-mode-notice kbd{padding:3px 6px;color:#a9a0ee;border:1px solid rgba(145,130,247,.2);border-bottom-width:2px;border-radius:5px;background:#0b1016;font:8px ui-monospace,monospace}.timing-text-column.text-mode-active .timing-state-legend{display:none}
@media(max-width:760px){.timing-text-mode-notice{grid-template-columns:34px 1fr}.timing-text-mode-icon{width:34px;height:34px}.timing-text-mode-notice button{grid-column:1/-1;justify-content:center}.timing-workspace .timing-shortcuts{grid-template-columns:1fr}.timing-workspace .timing-shortcuts strong{display:none}}
.timing-text-mode-notice strong{font-size:13px}.timing-text-mode-notice small{font-size:12px;line-height:1.55}.timing-text-mode-notice button{font-size:12px}.timing-text-mode-notice kbd{padding:5px 8px;font-size:12px}.timing-guide summary{padding:16px 17px;font-size:15px}.timing-guide-shortcuts{gap:24px;padding:6px 17px 19px}.timing-guide-shortcuts section>strong{font-size:13px}.timing-guide-shortcuts p{gap:11px;margin:12px 0;font-size:13px;line-height:1.45}.timing-guide-shortcuts kbd{min-width:108px;padding:6px 8px;font-size:12px}
.timing-phrase-row:has(.timing-structure-marker:hover),.timing-phrase-row:has(.timing-structure-marker:focus-visible){z-index:30}.timing-marker-tooltip{position:absolute;z-index:50;top:calc(100% + 8px);left:50%;width:max-content;max-width:260px;padding:9px 11px;color:#e3e7ea;border:1px solid var(--line-strong);border-radius:8px;opacity:0;background:#0a1016;box-shadow:0 12px 32px rgba(0,0,0,.48);font:600 12px/1.45 Manrope,sans-serif;letter-spacing:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .15s,transform .15s;white-space:normal}.timing-marker-tooltip:before{position:absolute;bottom:100%;left:50%;width:8px;height:8px;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);background:#0a1016;content:"";transform:translate(-50%,4px) rotate(45deg)}.timing-structure-marker:hover .timing-marker-tooltip,.timing-structure-marker:focus-visible .timing-marker-tooltip{opacity:1;transform:translate(-50%,0)}

/* Phrase timing */
.timing-card{border-color:rgba(145,130,247,.14);background:radial-gradient(circle at 100% 0,rgba(145,130,247,.09),transparent 46%),linear-gradient(145deg,var(--surface-2),#0e131a)}
.timing-heading{align-items:center}.timing-heading-mark{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(145,130,247,.17);border-radius:11px;background:rgba(145,130,247,.045)}.timing-heading-mark i{min-width:42px;height:31px;display:grid;place-items:center;padding:0 7px;color:#b8aff8;border:1px solid rgba(145,130,247,.18);border-radius:8px;background:rgba(145,130,247,.08);font:700 9px ui-monospace,monospace;font-style:normal}.timing-heading-mark b{color:#526170;font-size:9px}.timing-soon{margin-top:-10px;margin-bottom:24px}.timing-start-form textarea{width:100%;min-height:220px;padding:14px;color:var(--text);border:1px solid var(--line-strong);border-radius:11px;outline:0;resize:vertical;background:#0b1016;font-size:11px;line-height:1.75}.timing-start-form textarea:focus{border-color:rgba(145,130,247,.32);box-shadow:0 0 0 3px rgba(145,130,247,.05)}.timing-drop{min-height:145px}.timing-method{padding:0;border:0}.timing-method>legend{margin-bottom:9px;font-size:11px;font-weight:650}.timing-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.timing-method-grid>label{position:relative;min-height:116px;display:grid;grid-template-columns:38px 1fr;align-items:start;gap:11px;padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);cursor:pointer}.timing-method-grid>label:has(input:checked){border-color:rgba(145,130,247,.3);background:rgba(145,130,247,.06)}.timing-method-grid input{position:absolute;top:13px;right:13px;accent-color:var(--violet)}.timing-method-grid label>span:last-child{display:grid}.timing-method-grid strong{font-size:10px}.timing-method-grid strong em{margin-left:6px;padding:3px 5px;color:#9f95e7;border-radius:99px;background:rgba(145,130,247,.09);font-size:6px;font-style:normal;text-transform:uppercase}.timing-method-grid small{margin-top:5px;color:#697684;font-size:8px;line-height:1.55}.timing-method-grid .future{opacity:.72}
.timing-editor-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.timing-editor-heading h1{max-width:740px;margin:7px 0 0;font-size:clamp(1.5rem,3vw,2.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timing-save-state{display:flex;align-items:center;gap:7px;padding:7px 10px;color:#729b92;border:1px solid rgba(94,214,156,.1);border-radius:99px;background:rgba(94,214,156,.035);font-size:8px}.timing-save-state i{width:5px;height:5px;border-radius:50%;background:var(--success)}.timing-save-state.saving{color:#b99c6d;border-color:rgba(239,184,104,.12);background:rgba(239,184,104,.04)}.timing-save-state.saving i{background:var(--warning);animation:timing-pulse .8s infinite alternate}.timing-save-state.error{color:#e5909a;border-color:rgba(255,111,125,.15);background:rgba(255,111,125,.05)}.timing-save-state.error i{background:var(--danger)}
.phrase-timing-editor{display:grid;gap:14px}.timing-editor-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:14px;align-items:start}.timing-video-column,.timing-text-column{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(21,27,36,.96),rgba(13,18,25,.97));box-shadow:0 18px 55px rgba(0,0,0,.14)}.timing-video-shell{position:relative;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:#030507}.timing-video-shell video{width:100%;height:100%;display:block;object-fit:contain}.timing-video-toggle{position:absolute;width:58px;height:58px;display:grid;place-items:center;padding:0;color:#f3fffd;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(7,12,17,.66);box-shadow:0 10px 35px rgba(0,0,0,.32);backdrop-filter:blur(9px);cursor:pointer;transition:.18s}.timing-video-toggle.playing,.timing-video-shell:hover .timing-video-toggle.playing{opacity:0}.timing-video-shell:hover .timing-video-toggle{opacity:1}.timing-video-toggle span{margin-left:2px;font-size:18px}.timing-video-toggle.playing span{margin-left:0}.timing-clock{position:absolute;right:12px;bottom:10px;display:flex;gap:5px;padding:5px 8px;color:#8c98a4;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(3,6,9,.72);font:8px ui-monospace,monospace}.timing-clock strong{color:#dce4e8}.timing-transport{height:54px;display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.timing-transport>span{flex:1}.timing-transport button{height:34px;display:flex;align-items:center;gap:5px;padding:0 10px;color:#aeb8c0;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);font:700 9px Manrope,sans-serif;cursor:pointer}.timing-transport button:hover{color:#e2fffb;border-color:rgba(89,215,200,.18)}.timing-transport small{color:#5f6b77;font-size:7px}.timing-progress-card{margin:12px;padding:14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018)}.timing-progress-card>div:first-child{display:flex;justify-content:space-between;color:#778491;font-size:8px}.timing-progress-card strong{color:#cbd4da}.timing-progress-track{height:4px;margin-top:9px;overflow:hidden;border-radius:4px;background:#252d37}.timing-progress-track i{height:100%;display:block;width:0;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--violet));transition:.25s}.timing-progress-card p{margin:9px 0 0;color:#687582;font-size:8px}.timing-shortcuts{min-height:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 13px;border-top:1px solid var(--line);background:rgba(255,255,255,.012)}.timing-shortcuts strong{font-size:8px}.timing-shortcuts p{margin:0;color:#697683;font-size:7px}.timing-shortcuts button{width:25px;height:25px;color:#9b91e3;border:1px solid rgba(145,130,247,.16);border-radius:7px;background:rgba(145,130,247,.06);cursor:pointer}
.timing-text-column{min-height:640px}.timing-text-toolbar{height:62px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-bottom:1px solid var(--line)}.timing-text-toolbar>div{display:flex;align-items:center;gap:8px}.timing-text-toolbar span{padding:4px 6px;color:#a99ef0;border:1px solid rgba(145,130,247,.15);border-radius:6px;background:rgba(145,130,247,.06);font-size:6px;font-weight:800;letter-spacing:.1em}.timing-text-toolbar strong{font-size:10px}.timing-text-toolbar button{height:30px;padding:0 8px;color:#808c98;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.02);font-size:8px;cursor:pointer}.timing-text-toolbar button:hover{color:#d4dbe0}.timing-text-toolbar button:disabled{opacity:.3;cursor:default}.timing-phrase-list{max-height:720px;overflow:auto;padding:9px}.timing-phrase-row{--karaoke-fill:0%;position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:11px 9px;border:1px solid transparent;border-radius:10px;transition:.15s}.timing-phrase-row+.timing-phrase-row{margin-top:3px}.timing-phrase-row.playback-current{border-color:rgba(89,215,200,.26);background:rgba(89,215,200,.045);box-shadow:inset 3px 0 #59d7c8}.timing-phrase-row.marking-current{border-color:rgba(145,130,247,.55);background:rgba(145,130,247,.075);box-shadow:inset 0 0 0 1px rgba(145,130,247,.12),0 0 18px rgba(145,130,247,.05)}.timing-phrase-row.structure-active{border-color:rgba(91,158,218,.23);background:rgba(91,158,218,.045)}.timing-phrase-number{padding-top:2px;color:#48535f;font:7px ui-monospace,monospace}.timing-phrase-row.playback-current .timing-phrase-number{color:#64d5c7}.timing-phrase-row.playback-current .timing-phrase-number:after{margin-left:5px;color:#64d5c7;content:"▶";font-size:.8em}.timing-phrase-row.marking-current .timing-phrase-number{color:#b8aff8}.timing-phrase-row.marking-current .timing-phrase-number:before{margin-right:4px;color:#b8aff8;content:"⌖";font-size:1.15em}.timing-phrase-body{min-width:0}.timing-phrase-line{min-height:24px;display:flex;align-items:flex-start}.timing-phrase-copy{position:relative;z-index:0;color:#97a3ae;font-size:10px;line-height:1.9}.timing-phrase-copy:before{position:absolute;z-index:-1;top:0;bottom:0;left:0;width:var(--karaoke-fill);border-radius:4px;background:rgba(89,215,200,.1);content:"";pointer-events:none}.timing-phrase-row.marking-current .timing-phrase-copy{color:#e6e2ff}.timing-phrase-word{position:relative}.timing-structure-marker{position:relative;z-index:3;padding:0;border:0;background:transparent;cursor:pointer}.split-marker{width:0;height:19px;margin:0;color:transparent;font:800 8px ui-monospace,monospace;vertical-align:baseline}.split-marker:before{position:absolute;top:-2px;left:-1.05em;width:2.1em;height:22px;border-radius:4px;content:""}.split-marker:hover,.split-marker.keyboard-active{color:#6ba8de}.split-marker:hover:after,.split-marker.keyboard-active:after{position:absolute;top:-16px;left:-26px;width:52px;color:#78aeda;font:6px Manrope,sans-serif;content:"][";text-align:center}.merge-marker{width:2.8em;height:23px;margin:-2px 0 0 1px;color:transparent;border-radius:5px}.merge-marker:hover,.merge-marker.keyboard-active{color:#b0a6f1;background:rgba(145,130,247,.08)}.merge-marker:after{content:"+";font:700 12px Manrope,sans-serif}.merge-marker[hidden]{display:none}.timing-phrase-meta{display:flex;align-items:center;gap:7px;margin-top:3px;color:#53606c;font:7px ui-monospace,monospace}.timing-phrase-meta em{padding:2px 5px;border-radius:99px;font:6px Manrope,sans-serif;font-style:normal}.timing-phrase-meta .fits{color:#74d4a7;background:rgba(94,214,156,.07)}.timing-phrase-meta .tight,.timing-phrase-meta .waiting{color:#caa66e;background:rgba(239,184,104,.065)}.timing-phrase-meta .overflow{color:#e18a95;background:rgba(255,111,125,.07)}
.timing-text-edit{padding:12px}.timing-text-edit textarea{width:100%;min-height:565px;padding:14px;color:#dce3e7;border:1px solid rgba(91,158,218,.25);border-radius:10px;outline:0;resize:vertical;background:repeating-linear-gradient(180deg,#0a0f15 0 35px,rgba(255,255,255,.026) 36px);font:14px/36px Manrope,sans-serif}.timing-text-edit footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:9px}.timing-text-edit footer span{margin-right:auto;color:#667380;font-size:7px}.timing-text-edit .button{min-height:34px;font-size:9px}.timing-export-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:rgba(17,23,31,.92)}.timing-export-bar>div{display:flex;align-items:center;gap:9px}.timing-export-bar strong{font-size:10px}.timing-export-bar span{color:#65727f;font-size:8px}.timing-export-bar .button{min-height:34px;min-width:55px;font-size:9px}.timing-help{width:min(620px,calc(100% - 30px));padding:0;color:var(--text);border:1px solid var(--line-strong);border-radius:16px;background:#111720;box-shadow:0 30px 100px rgba(0,0,0,.55)}.timing-help::backdrop{background:rgba(2,5,8,.72);backdrop-filter:blur(4px)}.timing-help header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.timing-help h2{margin:0;font-size:15px}.timing-help header button{color:#788590;border:0;background:transparent;font-size:20px;cursor:pointer}.timing-help form>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.timing-help section>strong{color:#9b91e2;font-size:9px;text-transform:uppercase}.timing-help p{display:flex;align-items:center;gap:9px;margin:10px 0;color:#7e8b97;font-size:8px}.timing-help kbd{min-width:70px;padding:4px 6px;color:#c9d1d7;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px;background:#0b1016;font:7px ui-monospace,monospace;text-align:center}@keyframes timing-pulse{to{opacity:.35}}
@media(max-width:980px){.timing-editor-grid{grid-template-columns:1fr}.timing-text-column{min-height:500px}.timing-phrase-list{max-height:620px}.timing-start-layout{grid-template-columns:1fr}.timing-start-layout .context-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}}
@media(max-width:680px){.timing-method-grid{grid-template-columns:1fr}.timing-editor-heading,.timing-export-bar{align-items:flex-start;flex-direction:column}.timing-export-bar>div{flex-wrap:wrap}.timing-transport small,.timing-shortcuts strong{display:none}.timing-shortcuts{grid-template-columns:1fr auto}.timing-help form>div{grid-template-columns:1fr}.timing-start-layout .context-panel{display:block}}

/* Phrase progress is painted directly across the letters, like karaoke. */
.timing-phrase-row.timed .timing-phrase-copy{color:transparent;background:linear-gradient(90deg,#64d5c7 0,#64d5c7 var(--karaoke-fill),#97a3ae var(--karaoke-fill),#97a3ae 100%);background-clip:text;-webkit-background-clip:text}
.timing-phrase-row.marking-current:not(.timed) .timing-phrase-copy{color:#e6e2ff}
.split-marker{width:.38em;height:1.9em;margin:0;vertical-align:middle}
.split-marker:before{top:50%;left:50%;width:2.15em;height:2.15em;transform:translate(-50%,-50%)}
.split-marker:hover:after,.split-marker.keyboard-active:after{top:50%;left:50%;width:auto;padding:2px 5px;color:#c5fff7;border:1px solid rgba(89,215,200,.38);border-radius:5px;background:#10232a;box-shadow:0 0 0 2px rgba(89,215,200,.07),0 4px 12px rgba(0,0,0,.28);content:"][";font:900 13px/1.05 ui-monospace,monospace;letter-spacing:-.08em;transform:translate(-50%,-50%);white-space:nowrap}
.workspace.timing-workspace{width:100%;max-width:none;padding:32px clamp(24px,2.6vw,52px) 64px}
.timing-workspace .timing-editor-heading{margin-bottom:18px}
.timing-workspace .timing-editor-grid{grid-template-columns:minmax(520px,1.12fr) minmax(480px,.88fr);gap:18px}
.timing-workspace .timing-text-column{min-height:min(760px,calc(100vh - 155px))}
.timing-workspace .timing-phrase-list{max-height:calc(100vh - 220px);padding:13px}
.timing-workspace .timing-phrase-row{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:13px 12px}
.timing-workspace .timing-phrase-number{font-size:9px}
.timing-workspace .timing-phrase-copy{font-size:14px;line-height:1.75}
.timing-workspace .timing-phrase-meta{gap:9px;margin-top:5px;font-size:10px}
.timing-workspace .timing-phrase-meta em{padding:3px 7px;font-size:9px}
.timing-workspace .timing-text-toolbar strong{font-size:13px}
.timing-workspace .timing-text-toolbar span{font-size:8px}
.timing-workspace .timing-text-toolbar button{height:34px;font-size:10px}
.timing-workspace .timing-transport button{height:38px;font-size:11px}
.timing-workspace .timing-transport small,.timing-workspace .timing-progress-card>div:first-child,.timing-workspace .timing-progress-card p,.timing-workspace .timing-shortcuts p{font-size:10px}
.timing-workspace .timing-shortcuts strong{font-size:10px}
.timing-workspace .timing-video-shell{cursor:pointer}
.timing-video-seekbar{position:absolute;z-index:5;right:0;bottom:0;left:0;height:22px;display:flex;align-items:flex-end;padding:0 5px 4px;background:linear-gradient(transparent,rgba(3,6,9,.78));cursor:default}.timing-video-seek{width:100%;height:15px;margin:0;cursor:pointer;accent-color:var(--accent)}.timing-video-seek::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:#2b3540}.timing-video-seek::-webkit-slider-thumb{width:15px;height:15px;margin-top:-5px;border:2px solid #baf7ef;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(89,215,200,.12);appearance:none;-webkit-appearance:none}.timing-video-seek::-moz-range-track{height:5px;border-radius:99px;background:#2b3540}.timing-video-seek::-moz-range-progress{height:5px;border-radius:99px;background:var(--accent)}.timing-video-seek::-moz-range-thumb{width:12px;height:12px;border:2px solid #baf7ef;border-radius:50%;background:var(--accent)}.timing-video-shell .timing-clock{bottom:25px}
.timing-phrase-copy:before{display:none}.timing-phrase-row.timed .timing-phrase-copy{color:#97a3ae;background:none;-webkit-text-fill-color:currentColor}.timing-phrase-row.timed .timing-phrase-word{--word-fill:0%;color:transparent;background:linear-gradient(90deg,#64d5c7 0,#64d5c7 var(--word-fill),#97a3ae var(--word-fill),#97a3ae 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.timing-phrase-duration{padding-left:8px;border-left:1px solid rgba(255,255,255,.08);color:#75828d;white-space:nowrap}
.timing-phrase-time-group{position:relative;display:inline-flex;align-items:center;gap:3px}.timing-phrase-time{padding:0;color:inherit;border:0;background:transparent;font:inherit;cursor:pointer}.timing-phrase-time:hover,.timing-phrase-time:focus-visible{color:#8fcfc7;text-decoration:underline;text-underline-offset:2px}.timing-remove-timecode{position:relative;width:15px;height:15px;display:grid;place-items:center;padding:0;color:#cf7d88;border:0;border-radius:4px;opacity:0;background:rgba(255,111,125,.08);font:700 11px/1 ui-monospace,monospace;cursor:pointer;transition:.15s}.timing-phrase-time-group:hover .timing-remove-timecode,.timing-remove-timecode:focus-visible{opacity:1}.timing-remove-timecode:hover{color:#ff9ba6;background:rgba(255,111,125,.15)}.timing-remove-timecode:after{position:absolute;z-index:8;right:0;bottom:calc(100% + 7px);width:max-content;max-width:180px;padding:5px 7px;color:#dce3e7;border:1px solid var(--line-strong);border-radius:6px;opacity:0;background:#0b1016;box-shadow:0 8px 24px rgba(0,0,0,.3);content:attr(data-tooltip);font:8px Manrope,sans-serif;pointer-events:none;transform:translateY(2px);transition:.15s;white-space:nowrap}.timing-remove-timecode:hover:after,.timing-remove-timecode:focus-visible:after{opacity:1;transform:none}.timing-phrase-row.unmarked-attention{animation:timing-unmarked-attention .9s ease-in-out 2}@keyframes timing-unmarked-attention{50%{border-color:rgba(239,184,104,.55);background:rgba(239,184,104,.08)}}
.timing-export-warning{width:min(520px,calc(100% - 30px))}.timing-export-warning form>div{display:block;padding:20px}.timing-export-warning p{margin:0;color:#94a0aa;font-size:11px;line-height:1.7}.timing-export-warning p strong{color:#f0bd75}.timing-export-warning footer{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.timing-export-warning .button{min-height:36px;font-size:9px}
@media(hover:none){.timing-remove-timecode{opacity:1}}
.timing-boundary-group{position:relative;display:inline-flex;align-items:center;gap:3px}.timing-boundary-arrow{color:#566472}.timing-phrase-end{color:#99a4ae}.timing-phrase-time-group:hover .timing-remove-timecode{opacity:0}.timing-boundary-group:hover .timing-remove-timecode,.timing-remove-timecode:focus-visible{opacity:1}
@media(hover:none){.timing-phrase-time-group .timing-remove-timecode{opacity:1}}
@media(max-width:1180px){.timing-workspace .timing-editor-grid{grid-template-columns:1fr}.timing-workspace .timing-text-column{min-height:560px}.timing-workspace .timing-phrase-list{max-height:650px}}

/* Explicit selection and automatic-recognition review. */
.timing-phrase-row.selected-phrase{border-color:rgba(245,190,90,.72);background:rgba(245,190,90,.07);box-shadow:inset 3px 0 #f5be5a,0 0 0 1px rgba(245,190,90,.12)}
.timing-phrase-row.selected-phrase .timing-phrase-number{color:#f5c66f}.timing-phrase-row.selected-phrase .timing-phrase-number:before{margin-right:4px;color:#f5c66f;content:"✓"}.timing-phrase-row.selected-phrase.playback-current .timing-phrase-number:after{margin-left:4px;color:#64d5c7;content:"▶"}
.timing-state-legend .selected>i{background:#f5be5a;box-shadow:0 0 0 4px rgba(245,190,90,.08)}
.timing-state-legend .selected{border-color:rgba(245,190,90,.18);background:rgba(245,190,90,.04)}.timing-state-legend .selected strong{color:#f2cd88}
.timing-review-controls{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid rgba(89,215,200,.18);border-radius:11px;background:rgba(89,215,200,.045)}.timing-review-controls[hidden]{display:none}.timing-review-controls button{min-height:30px;display:flex;align-items:center;gap:6px;padding:0 9px;color:#a8dcd5;border:0;border-radius:7px;background:transparent;font:700 10px Manrope,sans-serif;cursor:pointer}.timing-review-controls button:hover:not(:disabled){color:#e4fffb;background:rgba(89,215,200,.1)}.timing-review-controls button:disabled{opacity:.35;cursor:default}.timing-review-controls span{width:15px;text-align:center;font:800 11px ui-monospace,monospace}#timing-review-exit{color:#b7aeea}#timing-review-exit:hover{background:rgba(145,130,247,.1)}
.timing-phrase-meta .recognition-warning{color:#f0bd75;background:rgba(239,184,104,.1)}
.timing-review-items{padding:16px;border:1px solid rgba(239,184,104,.18);border-radius:14px;background:rgba(239,184,104,.025)}.timing-review-items>header{margin-bottom:10px}.timing-review-items>header div{display:flex;align-items:baseline;gap:10px}.timing-review-items>header strong{font-size:11px}.timing-review-items>header span{color:#7f8b95;font-size:9px}.timing-review-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}.timing-review-item div{display:grid;gap:3px}.timing-review-item strong{color:#e6bd7c;font-size:10px}.timing-review-item span{color:#707d88;font:9px ui-monospace,monospace}.timing-review-item button{padding:7px 10px;color:#b7c0c7;border:1px solid var(--line);border-radius:7px;background:#111821;cursor:pointer}.timing-add-phrase form>div{display:block}.timing-add-phrase textarea{width:100%;padding:10px;color:var(--text);border:1px solid var(--line-strong);border-radius:8px;background:#0b1016;resize:vertical}.timing-add-phrase footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.timing-insert-phrase{position:relative;height:10px;display:flex;align-items:center;justify-content:center;gap:6px}.timing-insert-phrase:before{position:absolute;right:12px;left:48px;height:1px;background:transparent;content:"";transition:.15s}.timing-insert-phrase button{position:relative;z-index:2;height:26px;display:flex;align-items:center;gap:4px;padding:0 9px;border:1px solid rgba(145,130,247,.28);border-radius:99px;opacity:0;background:#121722;box-shadow:0 5px 18px rgba(0,0,0,.28);font:700 9px Manrope,sans-serif;cursor:pointer;transform:scale(.94);transition:.15s}.timing-insert-phrase .timing-between-add{color:#b8aff8}.timing-insert-phrase .timing-between-merge{color:#83d9ce;border-color:rgba(89,215,200,.25)}.timing-insert-phrase:hover:before,.timing-insert-phrase:focus-within:before{background:rgba(145,130,247,.2)}.timing-insert-phrase:hover button,.timing-insert-phrase button:focus-visible,.timing-insert-phrase button.keyboard-active{opacity:1;transform:none}.timing-insert-phrase button:hover{color:#eeeaff;border-color:rgba(145,130,247,.5);background:#191d2d}.timing-insert-phrase .timing-between-merge:hover,.timing-insert-phrase .timing-between-merge.keyboard-active{color:#dffffa;border-color:rgba(89,215,200,.5);background:#142323}@media(hover:none){.timing-insert-phrase{height:30px}.timing-insert-phrase button{opacity:1;transform:none}}
.timing-phrase-row.has-phrase-editor .timing-phrase-body{padding-right:28px}.timing-edit-phrase{position:absolute;z-index:4;top:9px;right:9px;width:27px;height:27px;display:grid;place-items:center;padding:0;color:#788590;border:1px solid transparent;border-radius:7px;opacity:.55;background:rgba(10,15,21,.86);font:700 13px/1 Manrope,sans-serif;cursor:pointer;transition:.15s}.timing-phrase-row:hover .timing-edit-phrase,.timing-edit-phrase:focus-visible,.timing-phrase-row.selected-phrase .timing-edit-phrase{opacity:1}.timing-edit-phrase:hover,.timing-edit-phrase:focus-visible{color:#d8d2ff;border-color:rgba(145,130,247,.3);background:#191d2d}.timing-edit-phrase:after{position:absolute;z-index:8;right:0;bottom:calc(100% + 7px);width:max-content;max-width:210px;padding:5px 7px;color:#dce3e7;border:1px solid var(--line-strong);border-radius:6px;opacity:0;background:#0b1016;box-shadow:0 8px 24px rgba(0,0,0,.3);content:attr(data-tooltip);font:8px Manrope,sans-serif;pointer-events:none;transform:translateY(2px);transition:.15s;white-space:nowrap}.timing-edit-phrase:hover:after,.timing-edit-phrase:focus-visible:after{opacity:1;transform:none}
.timing-phrase-edit-dialog{width:min(560px,calc(100% - 30px))}.timing-phrase-edit-dialog form>div{display:block}.timing-phrase-edit-dialog label{display:grid;gap:7px;color:#9aa6af;font-size:10px}.timing-phrase-edit-dialog label>span{font-weight:700}.timing-phrase-edit-dialog textarea,.timing-phrase-edit-dialog input{width:100%;box-sizing:border-box;padding:10px 11px;color:var(--text);border:1px solid var(--line-strong);border-radius:8px;outline:0;background:#0b1016;font:12px/1.55 Manrope,sans-serif}.timing-phrase-edit-dialog textarea{resize:vertical}.timing-phrase-edit-dialog textarea:focus,.timing-phrase-edit-dialog input:focus{border-color:rgba(145,130,247,.55);box-shadow:0 0 0 3px rgba(145,130,247,.08)}.timing-phrase-edit-timecodes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.timing-phrase-edit-dialog .timing-phrase-edit-hint{display:block;margin:7px 0 0;color:#687681;font-size:9px}.timing-phrase-edit-dialog .timing-phrase-edit-error{display:block;margin:10px 0 0;padding:9px 10px;color:#f1a0aa;border:1px solid rgba(255,111,125,.2);border-radius:7px;background:rgba(255,111,125,.06);font-size:10px}.timing-phrase-edit-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@media(max-width:560px){.timing-phrase-edit-timecodes{grid-template-columns:1fr}}
.timing-overlap-warning{position:fixed;z-index:100;right:24px;bottom:24px;width:min(440px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:11px;padding:14px 16px;color:#e8e2ff;border:1px solid rgba(145,130,247,.34);border-radius:12px;opacity:0;background:#171525;box-shadow:0 18px 55px rgba(0,0,0,.5);pointer-events:none;transform:translateY(10px);transition:opacity .18s,transform .18s}.timing-overlap-warning[hidden]{display:none}.timing-overlap-warning.visible{opacity:1;transform:none}.timing-overlap-warning>span{width:24px;height:24px;display:grid;place-items:center;flex:none;color:#1a1420;border-radius:50%;background:#f0bd75;font:900 12px Manrope,sans-serif}.timing-overlap-warning>div{display:grid;gap:4px}.timing-overlap-warning strong{font-size:11px}.timing-overlap-warning small{color:#aaa2c8;font-size:10px;line-height:1.5}@media(max-width:600px){.timing-overlap-warning{right:16px;bottom:16px}}

/* Phrase timing readability pass: secondary information must remain legible on large screens. */
.topbar-title{font-size:12px;letter-spacing:.11em}.local-badge{gap:8px;padding:7px 11px;color:#9eb1ad;font-size:12px}.local-badge i{width:7px;height:7px}
.topbar-actions{justify-self:end;display:flex;align-items:center;gap:10px}.language-switcher{display:flex;align-items:center;padding:3px;border:1px solid var(--line-strong);border-radius:9px;background:rgba(255,255,255,.025)}.language-switcher input{display:none}.language-switcher button{min-width:35px;height:28px;padding:0 8px;color:#778593;border:0;border-radius:6px;background:transparent;font:750 11px Manrope,sans-serif;letter-spacing:.04em;cursor:pointer;transition:.15s}.language-switcher button:hover{color:#d9e4e8;background:rgba(255,255,255,.05)}.language-switcher button.active{color:#dffffa;background:rgba(89,215,200,.13);box-shadow:inset 0 0 0 1px rgba(89,215,200,.17)}
@media(max-width:760px){.app-topbar{height:48px;display:flex;justify-content:flex-end;padding:0 14px}.app-topbar .window-dots,.app-topbar .topbar-title,.app-topbar .local-badge{display:none}.topbar-actions{margin-left:auto}.language-switcher button{min-width:40px;height:30px}}
.sidebar-nav a{font-size:14px}.new-project-button{font-size:13px}.account-panel{grid-template-columns:38px minmax(0,1fr) 34px;gap:10px}.account-avatar{width:38px;height:38px;font-size:13px}.account-copy{gap:2px}.account-copy strong{font-size:13px}.account-copy a{color:#81909f;font-size:12px;line-height:1.35}.signout-button{width:34px;height:34px}
.workflow-nav{margin-top:-20px}.workflow-nav a{font-size:13px;font-weight:600}.workflow-back-link{display:inline-flex;align-items:center;gap:8px}.workflow-nav .workflow-back-icon{width:24px;height:24px;display:grid;place-items:center;color:#9aabb9;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.025);font:700 18px/1 Manrope,sans-serif}.workflow-back-link:hover .workflow-back-icon{color:var(--accent);border-color:rgba(89,215,200,.22);background:rgba(89,215,200,.06)}
.timing-workspace .eyebrow{font-size:12px}.timing-workspace .timing-guide-button,.timing-workspace .timing-save-state{font-size:12px}.timing-workspace .timing-guide-button{min-height:38px;padding:0 13px}.timing-workspace .timing-guide-button>span{width:22px;height:22px;font-size:12px}.timing-workspace .timing-save-state{padding:8px 11px}.timing-workspace .timing-save-state i{width:7px;height:7px}
.timing-workspace .timing-text-toolbar{min-height:58px;padding:11px 14px}.timing-workspace .timing-text-toolbar strong{font-size:15px}.timing-workspace .timing-text-toolbar>div>span{font-size:11px}.timing-workspace .timing-text-toolbar button{min-height:38px;padding:0 12px;font-size:12px}.timing-workspace .timing-text-toolbar button b{font-size:12px}.timing-workspace .timing-history-button>span{font-size:18px}
.timing-workspace .timing-state-legend{gap:10px;padding:10px 14px}.timing-workspace .timing-state-legend>span{min-height:48px;padding:8px 11px}.timing-workspace .timing-state-legend strong{font-size:12px}.timing-workspace .timing-state-legend small{font-size:11px;line-height:1.35}.timing-workspace .timing-state-legend>span>i{width:9px;height:9px}
.timing-workspace .timing-phrase-list{padding:15px}.timing-workspace .timing-phrase-row{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:15px 13px}.timing-workspace .timing-phrase-number{font-size:11px}.timing-workspace .timing-phrase-copy{font-size:15px;line-height:1.7}.timing-workspace .timing-phrase-meta{gap:10px;margin-top:7px;color:#71808d;font-size:12px;line-height:1.5}.timing-workspace .timing-phrase-meta em{padding:3px 8px;font-size:11px}.timing-workspace .timing-phrase-duration{padding-left:10px}
.timing-boundary-group,.timing-phrase-time-group{gap:5px}.timing-boundary-arrow{width:20px;height:20px;display:inline-grid;place-items:center;flex:none;color:#82909c}.timing-boundary-arrow svg{width:18px;height:18px;stroke-width:2.2}.timing-remove-timecode{width:21px;height:21px;font-size:15px}.timing-remove-timecode:after,.timing-edit-phrase:after{max-width:270px;padding:8px 10px;border-radius:8px;font:12px/1.4 Manrope,sans-serif}
.timing-phrase-row.has-phrase-editor .timing-phrase-body{padding-right:38px}.timing-edit-phrase{top:10px;right:10px;width:34px;height:34px;color:#9ba8b3;border-color:rgba(255,255,255,.06);opacity:.78}.timing-edit-phrase svg{width:19px;height:19px;stroke-width:1.9}
.timing-insert-phrase{height:14px;gap:8px}.timing-insert-phrase button{height:32px;gap:7px;padding:0 11px;font:700 12px Manrope,sans-serif}.timing-insert-phrase button svg{width:17px;height:17px;flex:none;stroke-width:2}.timing-insert-phrase:has(button:focus-visible),.timing-insert-phrase:hover{height:38px}
.timing-workspace .timing-transport button{height:42px;padding:0 13px;font-size:13px}.timing-workspace .timing-transport small{font-size:12px}.timing-workspace .timing-clock{font-size:12px}.timing-workspace .timing-clock strong{font-size:13px}.timing-workspace .timing-progress-card>div:first-child,.timing-workspace .timing-progress-card p{font-size:12px}.timing-workspace .timing-shortcuts{padding:11px 14px}.timing-workspace .timing-shortcuts strong,.timing-workspace .timing-shortcuts p{font-size:12px}.timing-workspace .timing-shortcuts p{line-height:1.5}
.timing-workspace .timing-text-mode-notice strong{font-size:13px}.timing-workspace .timing-text-mode-notice small{font-size:12px;line-height:1.45}.timing-workspace .timing-text-mode-notice button,.timing-workspace .timing-text-mode-notice kbd{font-size:12px}
.timing-review-controls button{min-height:36px;padding:0 11px;font-size:12px}.timing-review-controls span{width:18px;font-size:14px}.timing-review-items>header strong{font-size:13px}.timing-review-items>header span{font-size:12px}.timing-review-item strong,.timing-review-item span{font-size:12px}
.timing-phrase-edit-dialog label{font-size:13px}.timing-phrase-edit-dialog textarea,.timing-phrase-edit-dialog input{padding:12px 13px;font-size:14px}.timing-phrase-edit-dialog .timing-phrase-edit-hint,.timing-phrase-edit-dialog .timing-phrase-edit-error{font-size:12px}.timing-overlap-warning strong{font-size:13px}.timing-overlap-warning small{font-size:12px}.timing-export-warning p{font-size:13px}.timing-export-warning .button,.timing-export-bar .button{font-size:12px}.timing-export-bar strong{font-size:13px}.timing-export-bar span{font-size:12px}
.timing-help h2{font-size:19px}.timing-help section>strong{font-size:12px}.timing-help p{font-size:13px}.timing-help kbd{min-width:86px;padding:6px 8px;font-size:12px}.timing-guide-intro,.timing-guide-steps strong,.timing-guide-colors strong{font-size:13px}.timing-guide-steps small,.timing-guide-colors small,.timing-guide details summary{font-size:12px}.timing-marker-tooltip{font-size:12px}
@media(max-width:1180px){.timing-workspace .timing-phrase-copy{font-size:14px}.timing-workspace .timing-phrase-meta{font-size:11px}}

/* Clear phrase-timing setup flow. */
.timing-start-navigation a,.timing-start-navigation span{font-size:13px}.timing-heading .eyebrow{font-size:12px}.timing-heading .lead{font-size:15px;line-height:1.65}.timing-heading .timing-heading-mark i{font-size:11px}.timing-heading .timing-heading-mark b{font-size:12px}.timing-start-layout .card-heading .step{font-size:11px}.timing-start-layout .card-heading h2{font-size:22px}.timing-start-layout .card-heading p:not(.step){font-size:14px;line-height:1.6}.timing-start-form .timing-method>legend{margin-bottom:12px;font-size:15px}.timing-start-form .timing-method-grid{gap:12px}.timing-start-form .timing-method-grid>label{min-height:220px;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px}.timing-start-form .timing-method-grid .mode-mark{width:44px;height:44px}.timing-start-form .timing-method-grid .mode-mark i{font-size:12px}.timing-method-copy{display:flex!important;align-items:flex-start;flex-direction:column}.timing-start-form .timing-method-copy>em{margin:0 28px 9px 0;color:#8f83df;font-size:11px;font-style:normal;font-weight:750;letter-spacing:.025em;line-height:1.4}.timing-start-form .timing-method-copy>strong{font-size:17px;line-height:1.3}.timing-start-form .timing-method-copy>small{margin-top:8px;color:#9aa6b0;font-size:14px;line-height:1.55}.timing-method-needs{display:grid;gap:4px;margin-top:auto;padding-top:15px;color:#8996a1;font-size:13px;line-height:1.45}.timing-method-needs b{color:#c5cdd3;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.timing-start-form .field-title label{font-size:14px}.timing-start-form .field-title>span{font-size:11px}.timing-start-form .field-help{font-size:13px;line-height:1.55}.timing-start-form textarea{font-size:15px}.timing-start-form .file-drop strong{font-size:15px}.timing-start-form .file-drop small{font-size:12px}.timing-start-guide{display:block}.timing-start-guide section{padding:24px}.timing-start-guide .section-kicker{font-size:11px}.timing-start-guide h3{margin:8px 0 10px;font-size:20px;line-height:1.35}.timing-start-guide .timing-workflow-fit{margin:0 0 20px;color:#a2adb6;font-size:14px;line-height:1.6}.timing-start-guide .prototype-flow{gap:15px}.timing-start-guide .prototype-flow li{grid-template-columns:32px 1fr;gap:12px;color:#a1acb5;font-size:14px;line-height:1.55}.timing-start-guide .prototype-flow li i{width:30px;height:30px;font-size:12px}.timing-submit-footer{align-items:flex-end;flex-wrap:wrap}.timing-submit-footer .timing-submit-note{max-width:390px;display:flex;align-items:flex-start;gap:8px;color:#8e9aa5;font-size:13px;line-height:1.5}.timing-submit-footer .timing-submit-note>i{width:7px;height:7px;flex:none;margin-top:6px;border-radius:50%;background:var(--success);box-shadow:0 0 9px rgba(94,214,156,.35)}.timing-submit-footer .button{min-height:48px;padding:0 20px;font-size:14px}
@media(max-width:760px){.timing-start-form .timing-method-grid>label{min-height:0}.timing-method-needs{margin-top:14px}}

/* Direct mouse controls inside every phrase card. */
.timing-card-actions{display:flex;gap:7px;margin-top:9px}.timing-card-boundary{min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;color:#82909c;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018);font:700 11px Manrope,sans-serif;cursor:pointer;transition:.15s}.timing-card-boundary span{width:18px;height:18px;display:grid;place-items:center;color:#a9a0ee;border-radius:5px;background:rgba(145,130,247,.09);font:800 10px ui-monospace,monospace}.timing-card-boundary b{font:inherit}.timing-card-boundary:hover,.timing-card-boundary:focus-visible{color:#edf3f5;border-color:rgba(145,130,247,.28);background:rgba(145,130,247,.06)}.timing-card-boundary:disabled{opacity:.35;cursor:not-allowed}.timing-card-end span{color:#76d7cc;background:rgba(89,215,200,.08)}.timing-phrase-row.selected-phrase .timing-card-boundary{border-color:rgba(245,190,90,.18)}
.timing-estimate-note{display:flex;align-items:flex-start;gap:10px;margin:0 14px 6px;padding:10px 12px;color:#7f8c97;border:1px solid rgba(239,184,104,.11);border-radius:10px;background:rgba(239,184,104,.035)}.timing-estimate-note>span{width:20px;height:20px;display:grid;place-items:center;flex:none;color:#e6ba78;border:1px solid rgba(239,184,104,.25);border-radius:50%;font:800 11px Manrope,sans-serif}.timing-estimate-note p{margin:0;font-size:11px;line-height:1.5}.timing-estimate-note strong{margin-right:6px;color:#b6c0c7}.timing-phrase-meta em[title]{cursor:help}

/* Expanded reference guide. */
.timing-guide-expanded{width:min(820px,calc(100% - 30px));max-height:min(820px,calc(100vh - 34px))}.timing-guide-expanded form{max-height:inherit;display:flex;flex-direction:column}.timing-guide-expanded .timing-guide-content{display:block;overflow:auto;padding:22px}.timing-tour-replay{width:100%;display:flex;align-items:center;gap:12px;margin:16px 0 18px;padding:13px 15px;color:#dcd7ff;text-align:left;border:1px solid rgba(145,130,247,.22);border-radius:12px;background:rgba(145,130,247,.065);cursor:pointer}.timing-tour-replay>span:first-child{width:30px;height:30px;display:grid;place-items:center;flex:none;color:#181523;border-radius:50%;background:#aa9eff}.timing-tour-replay>span:last-child{display:grid;gap:2px}.timing-tour-replay strong{font-size:13px}.timing-tour-replay small{color:#9189bd;font-size:11px}.timing-guide-sections{display:grid;gap:8px}.timing-guide-sections details{border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018)}.timing-guide-sections summary{padding:13px 15px;color:#c7d0d6;font-size:13px;font-weight:700;cursor:pointer;list-style:none}.timing-guide-sections summary::-webkit-details-marker{display:none}.timing-guide-sections summary:after{float:right;color:#776ea9;content:"+";font-size:18px;line-height:1}.timing-guide-sections details[open] summary:after{content:"−"}.timing-guide-sections details>div{padding:0 15px 15px;color:#8996a1;font-size:13px;line-height:1.65}.timing-guide-sections ol{display:grid;gap:7px;margin:0;padding-left:20px}.timing-guide-sections p{display:block;margin:7px 0;font-size:13px}.timing-guide-expanded .timing-guide-shortcuts{grid-template-columns:1fr 1fr;gap:18px}.timing-guide-expanded .timing-guide-shortcuts p{display:flex}

/* First-run guided tour. */
.timing-tour[hidden]{display:none}.timing-tour{position:fixed;z-index:1000;inset:0;background:rgba(3,6,10,.68);backdrop-filter:blur(2px)}.timing-tour-card{position:fixed;z-index:1003;padding:20px;color:var(--text);border:1px solid rgba(145,130,247,.38);border-radius:16px;background:linear-gradient(145deg,#171d28,#10151d);box-shadow:0 28px 90px rgba(0,0,0,.6)}.timing-tour-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#8d98a4;font:700 11px ui-monospace,monospace}.timing-tour-progress button{width:30px;height:30px;color:#8d98a4;border:0;border-radius:8px;background:rgba(255,255,255,.035);font-size:20px;cursor:pointer}.timing-tour-card h2{margin:8px 0 7px;font-size:20px;line-height:1.25}.timing-tour-card>p:not(.section-kicker){margin:0;color:#a0abb4;font-size:13px;line-height:1.65}.timing-tour-keys{display:inline-flex;margin-top:13px;padding:7px 10px;color:#c9c2ff;border:1px solid rgba(145,130,247,.22);border-radius:8px;background:rgba(145,130,247,.07);font:700 12px ui-monospace,monospace}.timing-tour-never{display:flex;align-items:center;gap:8px;margin-top:17px;color:#8996a2;font-size:12px}.timing-tour-never input{width:16px;height:16px;accent-color:var(--violet)}.timing-tour-card footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.timing-tour-card footer .button:first-child{margin-right:auto}.timing-tour-highlight{position:relative!important;z-index:1002!important;outline:3px solid #aa9eff!important;outline-offset:5px;box-shadow:0 0 0 10px rgba(145,130,247,.13),0 18px 55px rgba(0,0,0,.35)!important}.timing-tour-open{overflow:hidden}

@media(max-width:760px){.timing-submit-footer{align-items:stretch}.timing-submit-footer .button{width:100%}.timing-guide-expanded .timing-guide-shortcuts{grid-template-columns:1fr}.timing-tour-card{right:12px!important;bottom:12px!important;left:12px!important;top:auto!important;width:auto!important}.timing-card-actions{flex-wrap:wrap}}
.timing-audio-shell{background:radial-gradient(circle at 50% 42%,rgba(89,215,200,.1),transparent 38%),#070b10}.timing-audio-shell audio{display:none}.timing-audio-visual{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--accent)}.timing-audio-visual span{width:5px;border-radius:8px;background:currentColor;box-shadow:0 0 18px rgba(89,215,200,.22)}.timing-audio-visual span:nth-child(1),.timing-audio-visual span:nth-child(5){height:28px}.timing-audio-visual span:nth-child(2),.timing-audio-visual span:nth-child(4){height:54px}.timing-audio-visual span:nth-child(3){height:82px}.timing-audio-visual strong{position:absolute;top:calc(50% + 62px);max-width:70%;overflow:hidden;color:#8d9aa5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}

/* The editor root receives programmatic focus for keyboard shortcuts; it is not an interactive control. */
.phrase-timing-editor:focus{outline:none}

/* Text keyboard mode must not draw a frame around the phrase panel. */
.timing-text-column.text-mode-active,.timing-text-column.text-mode-active:focus,.timing-text-column.text-mode-active:focus-visible{border-color:var(--line);outline:none;box-shadow:0 18px 55px rgba(0,0,0,.14)}

/* Voiceover workflow pages use normal reading sizes, including secondary copy. */
.workflow-workspace .workflow-nav a{font-size:14px}.workflow-workspace .workflow-nav span{font-size:13px}.workflow-workspace .workflow-nav-actions>a{font-size:14px}
.workflow-workspace .workflow-header .eyebrow{font-size:13px}.workflow-workspace .workflow-steps li{min-width:125px;font-size:12px}.workflow-workspace .workflow-steps a{display:grid;justify-items:center;gap:7px;color:inherit;text-decoration:none}.workflow-workspace .workflow-steps i{width:30px;height:30px;font-size:11px}.workflow-workspace .workflow-steps li:not(:last-child):after{top:15px}
.workflow-workspace .card-heading .step{font-size:12px}.workflow-workspace .card-heading h2{font-size:23px}.workflow-workspace .card-heading p:last-child{font-size:14px;line-height:1.6}
.workflow-workspace .field-title label,.workflow-workspace .compact-file label{font-size:15px}.workflow-workspace .field-title span{font-size:11px}.workflow-workspace .field-help{font-size:13px;line-height:1.55}.workflow-workspace .studio-form textarea{font-size:14px}.workflow-workspace ul.errorlist{font-size:13px}
.workflow-workspace .file-drop strong{font-size:15px}.workflow-workspace .file-drop small{font-size:13px;line-height:1.5}.workflow-workspace .choice-field legend{font-size:15px}.workflow-workspace .choice-field label{font-size:13px}.workflow-workspace .toggle-copy strong{font-size:14px}.workflow-workspace .toggle-copy small{font-size:12px;line-height:1.5}.workflow-workspace .form-footer>span{font-size:12px}.workflow-workspace .button{font-size:14px}
.workflow-workspace .context-panel p{font-size:13px}.workflow-workspace .context-panel .section-kicker{font-size:11px}.workflow-workspace .context-panel a{font-size:13px}.workflow-workspace .file-ready strong{font-size:13px}.workflow-workspace .file-ready small{font-size:12px}.workflow-workspace .or-divider{font-size:11px}
.workflow-workspace .summary{grid-template-columns:150px minmax(0,1fr);gap:13px}.workflow-workspace .summary dt{font-size:13px}.workflow-workspace .summary dd{font-size:14px}.workflow-workspace .project-id{font-size:11px}.workflow-workspace .muted{font-size:13px;line-height:1.55}
.workflow-workspace .progress-panel h2,.workflow-workspace .segments-card>h2,.workflow-workspace .result-card h2{font-size:20px}.workflow-workspace .progress-panel>p{font-size:13px}.workflow-workspace .progress-stage{font-size:12px;line-height:1.4}.workflow-workspace .progress-marker{width:25px;height:25px;font-size:11px}.workflow-workspace .segment-heading{font-size:12px}.workflow-workspace .segment>p{font-size:14px;line-height:1.55}.workflow-workspace .segment-player-time{font-size:12px}.workflow-workspace .segment-report{font-size:12px}.workflow-workspace .error-box p{font-size:14px;line-height:1.55}
.workflow-saved-step{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:26px;padding:16px;border:1px solid rgba(94,214,156,.2);border-radius:13px;background:rgba(94,214,156,.045)}.workflow-saved-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--success);border-radius:10px;background:rgba(94,214,156,.1);font-size:17px}.workflow-saved-step>div:nth-child(2){display:grid;gap:4px}.workflow-saved-step strong{font-size:15px}.workflow-saved-step small{color:#89978f;font-size:13px;line-height:1.45}.workflow-saved-actions{display:flex;gap:8px}.workflow-saved-actions .button{white-space:nowrap}.workflow-replace-heading{display:grid;gap:5px;margin:2px 0 20px;padding-top:22px;border-top:1px solid var(--line)}.workflow-replace-heading strong{font-size:17px}.workflow-replace-heading span{color:#7e8a96;font-size:13px;line-height:1.5}
@media(max-width:900px){.workflow-saved-step{grid-template-columns:38px 1fr}.workflow-saved-actions{grid-column:1/-1;flex-wrap:wrap}.workflow-workspace .workflow-steps li{min-width:0}.workflow-workspace .workflow-steps span{font-size:11px}}

/* Compact, focus-driven sidebar. The rail only exposes an explicit expand control. */
.sidebar-reveal{display:none}
.app-shell.sidebar-unpinned{grid-template-columns:38px minmax(0,1fr)}
.app-shell.sidebar-unpinned .app-sidebar,
.app-shell.sidebar-unpinned .app-sidebar:hover,
.app-shell.sidebar-unpinned .app-sidebar:focus-within{width:38px;padding:0;box-shadow:none}
.app-shell.sidebar-unpinned.sidebar-preview-open .app-sidebar,
.app-shell.sidebar-unpinned.sidebar-preview-open .app-sidebar:hover,
.app-shell.sidebar-unpinned.sidebar-preview-open .app-sidebar:focus-within{width:236px;padding:26px 18px 20px;box-shadow:24px 0 60px rgba(0,0,0,.34)}
.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .app-sidebar>:not(.sidebar-reveal){visibility:hidden;opacity:0;pointer-events:none}
.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .sidebar-reveal{position:absolute;top:76px;left:5px;width:28px;height:36px;display:grid;place-items:center;padding:0;color:#9aa7b2;border:1px solid var(--line-strong);border-radius:8px;background:#121923;box-shadow:0 8px 22px rgba(0,0,0,.3);cursor:pointer}
.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .sidebar-reveal:hover,.app-shell.sidebar-unpinned:not(.sidebar-preview-open) .sidebar-reveal:focus-visible{color:#e2fffb;border-color:rgba(89,215,200,.28);background:#17212a}
.sidebar-reveal svg{width:16px}

/* Context help that never changes the phrase-list geometry. */
.timing-insert-phrase,.timing-insert-phrase:hover,.timing-insert-phrase:focus-within{height:18px;overflow:visible}
.timing-insert-phrase button{height:32px}
.timing-phrase-row:hover:not(.selected-phrase):not(.marking-current):not(.playback-current){border-color:rgba(91,158,218,.23);background:rgba(91,158,218,.045)}
.timing-phrase-meta em[data-ui-tooltip],.timing-phrase-time[data-ui-tooltip],[data-timing-review][data-ui-tooltip],.timing-card-end[data-ui-tooltip]{cursor:help}
.timing-interface-tooltip{position:fixed;z-index:1300;width:max-content;max-width:min(360px,calc(100vw - 24px));padding:10px 12px;color:#e6ecef;border:1px solid var(--line-strong);border-radius:9px;background:#0a1016;box-shadow:0 14px 38px rgba(0,0,0,.5);font:600 12px/1.5 Manrope,sans-serif;pointer-events:none}
.timing-interface-tooltip[hidden]{display:none}
.timing-guide-expanded{overflow:hidden}
.timing-guide-expanded form{overflow:hidden}
.timing-guide-expanded form>header{flex:none}
.timing-guide-expanded .timing-guide-content{min-height:0;overflow:auto}

@media(max-width:760px){.sidebar-reveal{display:none!important}.app-shell.sidebar-unpinned .app-sidebar>:not(.sidebar-reveal){visibility:visible!important;opacity:1!important;pointer-events:auto!important}}

/* The guided tour may highlight the phrase pencil together with the full-text button. */
.timing-edit-phrase.timing-tour-highlight{position:absolute!important}

/* Phrase text can be corrected directly while reviewing generated audio fragments. */
.segment-text-row{position:relative;min-height:38px;padding-right:45px}.segment-text-row .segment-text{margin:12px 0 0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.segment-text-edit{top:0;right:0}
.stale-processing-note{display:grid;gap:5px;margin:16px 0;padding:14px 16px;color:#d8d3ff;border:1px solid rgba(145,130,247,.28);border-radius:11px;background:rgba(145,130,247,.07)}.stale-processing-note strong{font-size:15px}.stale-processing-note span{color:#a9a3c9;font-size:13px;line-height:1.55}
.recut-audio-dialog{width:min(680px,calc(100vw - 32px))}.recut-audio-dialog form>header{align-items:flex-start}.recut-audio-dialog h2{margin:4px 0 0;font-size:25px}.recut-audio-options{display:grid;gap:12px;padding:20px}.recut-audio-option{display:grid;gap:7px;width:100%;padding:18px;text-align:left;color:var(--text);border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);cursor:pointer}.recut-audio-option:hover,.recut-audio-option:focus-visible{border-color:rgba(89,215,200,.58);background:rgba(89,215,200,.07)}.recut-audio-option strong{font-size:16px}.recut-audio-option span{color:var(--muted);font-size:14px;line-height:1.55}.recut-audio-option.recommended{border-color:rgba(89,215,200,.32)}.recut-audio-option.destructive:hover,.recut-audio-option.destructive:focus-visible{border-color:rgba(230,98,105,.58);background:rgba(230,98,105,.07)}.recut-audio-dialog footer{display:flex;justify-content:flex-end;padding:0 20px 20px}

/* The boundary editor keeps context in reading order: previous, current, next. */
.segment-editor-panel{padding:28px}.editor-header .step{font-size:12px}.editor-header h2{margin:3px 0 0;font-size:26px}
.editor-phrase-sequence{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr) minmax(0,.85fr);gap:12px;margin:16px 0}
.editor-phrase-card{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.editor-phrase-card>strong{display:block;margin-bottom:7px;color:#81909d;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.editor-phrase-card p{margin:0;overflow-wrap:anywhere;white-space:normal}
.editor-neighbor-phrase p{color:#a8b3bc;font-size:14px;line-height:1.55}.editor-current-phrase{border-color:rgba(89,215,200,.5);background:rgba(89,215,200,.07);box-shadow:inset 3px 0 0 var(--accent)}.editor-current-phrase>strong{color:var(--accent)}.editor-current-phrase p{color:#eefafa;font-size:18px;font-weight:650;line-height:1.55}
.waveform-loading{font-size:14px}.time-row{margin:14px 0 9px}.time-row label{color:#8996a2;font-size:13px}.time-input{width:150px;padding:9px;font-size:14px}.editor-toolbar{padding:10px 0}.segment-editor .icon-button,.segment-editor .small-button{min-width:40px;height:39px;padding:0 11px;font-size:13px}.segment-editor .small-button{min-width:62px}.editor-actions{padding:14px 0}.editor-message{font-size:13px}.editor-footer{padding-top:12px}#editor-volume{width:130px}

@media(max-width:900px){.editor-phrase-sequence{grid-template-columns:1fr}}
@media(max-width:760px){.segment-editor-panel{padding:18px}}