:root{color-scheme:dark;--bg:#151515;--panel:#202020;--panel-hi:#272727;--line:#3a3a3a;--text:#f1f1ed;--muted:#a9aaa5;--accent:#d8d2bb;--ink:#181815;--bad:#ee9b8f;--warn:#dfc171;--good:#b8d5a5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-width:960px;background:var(--bg);color:var(--text);font-size:14px}.trial-shell{min-height:100vh}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:#1b1b1b}.topbar strong{font-size:15px;letter-spacing:.01em}.topbar span,.topbar-actions{margin-left:10px;color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:10px}.connection::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--warn)}.connection[data-state="online"]::before{background:var(--good)}.connection[data-state="offline"]::before{background:var(--bad)}button,select,input{font:inherit}button{cursor:pointer;border:1px solid #575751;background:#30302f;color:var(--text);border-radius:5px;padding:7px 11px}button:hover:not(:disabled){background:#3b3b39}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e2d8b4;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.primary{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:650}.primary:hover:not(:disabled){background:#ebe4c9}.quiet{background:transparent;border-color:transparent;padding:5px}.auth-view{min-height:calc(100vh - 52px);display:grid;place-items:center;padding:30px}.auth-panel{width:420px;background:var(--panel);padding:30px;border-radius:12px;box-shadow:0 18px 42px rgba(0,0,0,.25)}h1,h2,p{margin:0}h1{font-size:24px;letter-spacing:-.02em}.auth-panel>p{margin:9px 0 22px;color:var(--muted);line-height:1.6}.auth-switch{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px}.auth-switch button{border:0;border-radius:0;background:transparent;color:var(--muted);padding:9px 13px}.auth-switch button.selected{color:var(--text);border-bottom:2px solid var(--accent)}form{display:grid;gap:13px}label{display:grid;gap:6px;color:var(--muted);font-size:12px}input,select{min-height:35px;border:1px solid #50504d;border-radius:5px;background:#191919;color:var(--text);padding:7px 9px}.notice{margin:10px 0;padding:9px 11px;background:#2b2b29;color:var(--muted);border-radius:5px}.notice.error{color:var(--bad);background:#382724}.app-view{padding:13px 16px 16px}.account-line{display:flex;gap:14px;color:var(--muted);font-size:12px;padding:0 2px 12px}.account-line span:first-child{color:var(--text)}.work-layout{display:grid;grid-template-columns:minmax(640px,1fr) 300px;min-height:calc(100vh - 102px);border:1px solid var(--line);background:var(--panel)}.workspace{display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--line)}.import-bar,.preview-bar{min-height:53px;padding:9px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.import-bar strong{display:block;font-size:13px}.import-bar span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.file-button{display:block;color:var(--ink);background:#d8d2bb;border-radius:5px;padding:8px 11px;font-weight:650;cursor:pointer}.file-button input{position:absolute;width:1px;height:1px;clip-path:inset(50%)}.preview-mode{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.segmented{display:flex;border:1px solid #4d4d49;border-radius:5px;overflow:hidden}.segmented button{border:0;border-right:1px solid #4d4d49;border-radius:0;background:#262625;padding:6px 9px;font-size:12px}.segmented button:last-child{border-right:0}.segmented button.selected{background:#58564c;color:#fff}.monitor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px;flex:1;min-height:360px}.monitor{min-width:0;background:#191919;border:1px solid #393937;border-radius:7px;display:flex;flex-direction:column}.monitor header{display:flex;justify-content:space-between;align-items:center;min-height:38px;padding:0 11px;border-bottom:1px solid #343432}.monitor header strong{font-size:13px}.monitor header span{font-size:11px;color:var(--muted)}.screen{position:relative;display:grid;place-items:center;flex:1;min-height:245px;background:#080808}.screen video{width:100%;height:100%;max-height:48vw;object-fit:contain;background:#080808}.screen p{position:absolute;color:#858580;font-size:13px;text-align:center;padding:18px}.screen video[src]{position:relative;z-index:1}.transport{display:flex;align-items:center;gap:8px;padding:9px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.transport button{padding:5px 9px}.transport input{flex:1;min-width:100px;padding:0}.transport span{min-width:90px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.export-panel{display:grid;grid-template-columns:minmax(170px,1fr) 132px 130px 100px 105px;align-items:end;gap:9px;padding:12px 14px}.export-panel h2,.queue h2{font-size:14px}.export-panel p,.queue p{font-size:11px;line-height:1.5;color:var(--muted);margin-top:3px}.export-panel select{width:100%}.queue{display:flex;min-width:0;flex-direction:column;background:#1c1c1c}.queue>header{display:flex;align-items:start;justify-content:space-between;padding:17px 15px 13px;border-bottom:1px solid var(--line)}#queue-count{font-variant-numeric:tabular-nums;color:var(--muted)}.queue-items{overflow:auto;flex:1}.empty-queue{padding:26px 20px;text-align:center}.job{padding:13px 15px;border-bottom:1px solid #323230}.job.selected{background:#2a2a28}.job-top{display:flex;gap:7px;align-items:start}.job-select{padding:0;border:0;background:transparent;text-align:left;flex:1;overflow:hidden}.job-name{display:block;color:var(--text);font-size:12px;line-height:1.4;overflow-wrap:anywhere}.job-meta,.job-phase{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:3px}.job-phase.error{color:var(--bad)}.job progress{width:100%;height:5px;margin:8px 0;accent-color:var(--accent)}.job-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.job-actions button,.job-actions a{font-size:11px;padding:4px 7px}.job-actions a{border:1px solid #575751;border-radius:5px;color:var(--text);text-decoration:none}.job-remove{padding:2px 5px;color:var(--muted)}@media(max-width:1100px){body{min-width:760px}.work-layout{grid-template-columns:minmax(520px,1fr) 260px}.export-panel{grid-template-columns:1fr 120px 116px 86px 96px}.monitor-grid{gap:9px;padding:10px}}
:root{}[hidden]{display:none!important}.auth-panel{width:min(420px,100%)}.password-help{color:var(--muted);font-size:11px;font-weight:400}@media(max-width:700px){body{min-width:0}.topbar{padding:0 12px}.topbar span{display:none}.app-view{padding:8px}.account-line{flex-wrap:wrap;gap:5px 10px}.work-layout{grid-template-columns:1fr;min-height:0}.workspace{border-right:0}.queue{min-height:280px;border-top:1px solid var(--line)}.import-bar,.preview-bar{align-items:flex-start;gap:9px}.import-bar{flex-direction:column}.preview-mode{flex-wrap:wrap}.monitor-grid{grid-template-columns:1fr;min-height:0;padding:9px;gap:9px}.screen{min-height:205px}.transport{flex-wrap:wrap}.transport input{order:3;flex-basis:100%}.transport span{min-width:0}.export-panel{grid-template-columns:1fr 1fr;padding:11px}.export-panel>div,.export-panel button{grid-column:1/-1}.auth-view{padding:18px}.auth-panel{padding:24px 18px}}@media(max-width:390px){.auth-panel{padding:20px 16px}.topbar{padding:0 10px}}
.file-button:focus-within{outline:2px solid #e2d8b4;outline-offset:3px}.monitor header{min-height:80px;flex-wrap:wrap;gap:6px}.monitor header .segmented{flex-basis:100%;width:max-content;flex-grow:0;justify-content:flex-start;border:0}.monitor header .segmented button{border:1px solid #4d4d49;min-width:50px;border-radius:4px}.monitor header .segmented button+button{margin-left:4px}.preview-bar{min-height:46px}.job-remove{white-space:nowrap;font-size:11px}
@media(min-width:701px) and (max-width:1050px){body{min-width:0}.work-layout{grid-template-columns:minmax(0,1fr)}.workspace{border-right:0}.queue{min-height:180px;border-top:1px solid var(--line)}.export-panel{grid-template-columns:minmax(0,1fr) 110px 110px 85px 100px}.screen{min-height:230px}.auth-panel{max-width:100%}}

.look-controls{display:flex;align-items:end;gap:9px}.look-controls label:first-child{min-width:180px}.look-controls label:last-child{min-width:100px}.export-panel{grid-template-columns:minmax(170px,1fr) 132px 240px 105px}
.transport{flex-wrap:wrap}.transport button{white-space:nowrap}#toggle-audio[aria-pressed="true"]{background:#58564c;border-color:#898471}.transport .quality{display:flex;grid-auto-flow:column;align-items:center;gap:6px;white-space:nowrap}.transport .quality select{min-height:29px;padding:3px 7px}
.preview-stage{display:flex;flex:1;min-height:0;flex-direction:column}.preview-actions{display:flex;align-items:end;justify-content:flex-end;gap:7px;flex-wrap:wrap}.batch-status{display:grid;gap:4px;min-width:150px;color:var(--muted);font-size:11px}.batch-status progress{width:100%;height:5px;accent-color:var(--accent)}
.audio-feedback{display:flex;align-items:center;gap:10px;min-height:26px;padding:4px 14px;color:var(--muted);font-size:12px}.audio-feedback button{padding:3px 8px;font-size:12px}#audio-status[data-state="buffering"],#audio-status[data-state="preparing"]{color:var(--warn)}#audio-status[data-state="failed"],#audio-status[data-state="blocked"]{color:var(--bad)}
#processed-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;background:#080808}.preview-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:rgba(18,18,18,.88)}.preview-overlay.with-frame{justify-content:flex-end;background:linear-gradient(transparent 45%,rgba(0,0,0,.8))}.preview-overlay strong{font-size:16px;font-weight:550;font-variant-numeric:tabular-nums}.preview-overlay span{font-size:12px;line-height:1.6;color:var(--muted)}.preview-overlay progress{width:min(260px,85%);height:7px;accent-color:var(--accent)}.preview-overlay button{font-size:12px}
.preview-overlay.frame-notice{inset:auto 12px 12px auto;max-width:calc(100% - 24px);align-items:flex-end;gap:5px;padding:8px 10px;border-radius:5px;text-align:right;background:rgba(18,18,18,.78)}.preview-overlay.frame-notice strong{font-size:12px;font-weight:500}.preview-overlay.frame-notice span{font-size:11px}.preview-overlay.frame-notice button{padding:3px 7px;font-size:11px}
.preview-stage:fullscreen{display:flex;width:100vw;height:100vh;padding:12px;background:#111}.preview-stage:fullscreen .monitor-grid{min-height:0;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.preview-stage:fullscreen .screen{min-height:0}.preview-stage:fullscreen .screen video{max-height:none}.preview-stage:fullscreen .preview-bar,.preview-stage:fullscreen .transport{flex:0 0 auto}
@media(max-width:1100px){.export-panel{grid-template-columns:1fr 112px 240px 96px}}
@media(max-width:700px){.look-controls{width:100%;flex-wrap:wrap}.look-controls label{flex:1;min-width:130px}.preview-bar{align-items:end;flex-wrap:wrap}.preview-actions{width:100%;justify-content:flex-start}.batch-status{flex:1 1 100%}.export-panel{grid-template-columns:1fr 1fr}.export-panel>label{grid-column:1/-1}.preview-stage:fullscreen .monitor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:6px;gap:6px}.preview-stage:fullscreen .preview-bar{padding:6px}.preview-stage:fullscreen .look-controls label:last-child{display:none}}
@media(min-width:701px) and (max-width:1050px){.export-panel{grid-template-columns:minmax(0,1fr) 110px 240px 100px}}

.usage-guide{margin:0 0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel,#1c1c1b);font-size:12px;line-height:1.7}.usage-guide summary{padding:11px 16px;cursor:pointer;color:var(--text,#eee)}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:8px 18px 18px}.guide-steps strong{font-size:13px}.guide-steps p,.guide-notes p{color:var(--muted);margin:7px 0 0}.guide-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);padding:16px 18px}.guide-notes h3{font-size:13px;margin:0}.retention-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 12px;padding:9px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.6}.retention-info strong{font-weight:500}.retention-info a{color:var(--accent)}.job-expiry{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}time[data-state="soon"]{color:var(--warn,#e4c67b)}time[data-state="expired"]{color:var(--bad,#ee9a8c)}#selected-expiry{font-variant-numeric:tabular-nums}

.service-queue{font-size:12px;color:var(--muted);padding:10px 15px;margin:0;border-bottom:1px solid var(--line);line-height:1.6}.upload-feedback{margin:0 0 12px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;font-size:12px}.upload-feedback>p{color:var(--muted);margin:5px 0 9px}.upload-result{display:flex;gap:12px;align-items:center;justify-content:space-between;line-height:1.6;padding:6px 0;border-top:1px solid var(--line)}.upload-result span{overflow-wrap:anywhere}.upload-result button{flex-shrink:0;font-size:12px}.upload-result[data-state="accepted"]{color:var(--good,#a9d39a)}.upload-result[data-state="rejected"],.upload-result[data-state="retry"],.upload-result[data-state="uncertain"]{color:var(--warn,#e4c67b)}

.export-panel .resource-note{grid-column:1/-1;margin-top:3px;padding-top:8px;border-top:1px solid var(--line);line-height:1.65}.resource-warning,.export-panel .resource-warning{color:var(--warn)}

.preview-stage>.micro-note{padding:8px 14px 0;font-size:11px;line-height:1.65;color:var(--muted)}.preview-stage>.micro-note.resource-warning{color:var(--warn)}

.topbar-actions .points-balance{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border:1px solid #575751;border-radius:6px;background:#282824;color:var(--accent);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;text-decoration:none}.topbar-actions .points-balance:hover{background:#37362e;border-color:var(--accent)}.topbar-actions .points-balance:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.topbar-actions .points-balance[hidden]{display:none}

.topbar-actions{flex-shrink:0;white-space:nowrap}@media(max-width:620px){.topbar{height:auto;min-height:52px;flex-wrap:wrap;gap:8px;padding:10px 16px}.topbar-actions{margin-left:auto}}
.account-menu{position:relative;color:var(--text);white-space:normal}.account-menu[hidden]{display:none}.account-menu>summary{list-style:none;cursor:pointer;white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:6px}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.account-menu[open]>summary{background:var(--panel-hi)}.account-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:min(292px,calc(100vw - 32px));padding:18px;border:1px solid #50504d;border-radius:9px;background:#242423;box-shadow:0 12px 32px #0008}.account-popover strong{display:block;overflow-wrap:anywhere}.account-popover p{font-size:12px;color:var(--muted);margin:7px 0;line-height:1.5}.account-popover a,.account-popover button{display:block;width:100%;padding:9px 0;color:var(--text);text-align:left;text-decoration:none;border-top:1px solid var(--line);border-radius:0;font-size:13px}.account-popover a:hover,.account-popover button:hover{color:var(--accent)}.account-popover a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#billing-guidance{line-height:1.6}.retention-alert{padding:11px 14px;margin-bottom:12px;border:1px solid #76653b;border-radius:6px;background:#302a1d;color:var(--warn);line-height:1.6}.job[data-retention="soon"]{border-left:3px solid var(--warn)}.job-phase{display:block;padding:3px 0}.job[data-queue-state="processing"] .job-phase{color:var(--warn)}#export-price{font-variant-numeric:tabular-nums}
.export-panel{grid-template-columns:minmax(170px,1fr) 140px minmax(220px,1fr)}#export-price{grid-column:1/3;font-size:12px;line-height:1.7;align-self:center}#export{grid-column:3;justify-self:end}@media(max-width:700px){.export-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.export-panel>div,.export-panel>label,#export-price,#export{grid-column:1/-1}#export{justify-self:stretch}}