:root{color-scheme:dark;--bg:#090b0d;--surface:#101315;--surface2:#161a1d;--border:#292e32;--text:#eeeef0;--muted:#929ca3;--cyan:#16b6d4;--cyan2:#062e37;--green:#69c6ac;--yellow:#e7b973;--red:#ee8e8e;font-family:Inter,'Segoe UI','Malgun Gothic',sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:var(--cyan)}button{cursor:pointer;border:1px solid var(--border);border-radius:6px;padding:10px 16px;background:#181d20;color:var(--text);transition:.15s}button:hover{background:#232a2f;border-color:#53616b}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--cyan);color:#00151a;border-color:var(--cyan);font-weight:700}.primary:hover{background:#46cae0}.ghost{background:transparent}.danger{color:var(--red)}a{color:#64c7dc;text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{background:#101315;border:1px solid #353d43;border-radius:6px;padding:11px 12px;color:var(--text);max-width:100%}input[type=number]{width:110px}input[type=checkbox],input[type=radio]{accent-color:var(--cyan);width:17px;height:17px;vertical-align:middle;margin-right:8px}input[type=color]{width:52px;height:39px;padding:5px}input[type=range]{padding:0;accent-color:var(--cyan);width:170px}textarea{resize:vertical;line-height:1.8;width:100%;min-height:100px}label{display:block;color:#c2c9cd;font-size:13px}label input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),label select,label textarea{margin-top:8px}h1{font-size:28px;letter-spacing:-1px;margin:0 0 10px}h2{font-size:19px;letter-spacing:-.4px;margin:0}h3{font-size:16px;margin:0 0 14px}p{line-height:1.7}small,.muted{color:var(--muted)}.boot{padding:48px}.topbar{height:69px;position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#0d1012;padding:0 25px;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:16px;font-weight:750;white-space:nowrap}.brand-mark{background:var(--cyan2);border:1px solid #226173;border-radius:9px;color:var(--cyan);width:35px;height:35px;display:grid;place-items:center}.top-right{display:flex;align-items:center;gap:14px}.local-badge{font-size:11px;border:1px solid #34514a;color:#a2cfbe;padding:4px 8px;border-radius:4px;letter-spacing:.6px}.server-badge{color:var(--muted);font-size:12px}.sidebar{position:fixed;top:69px;bottom:0;left:0;width:212px;background:#0c0e10;border-right:1px solid var(--border);padding:24px 12px;display:flex;flex-direction:column}.sidebar a{display:flex;gap:13px;align-items:center;padding:14px 15px;margin:3px 0;border:1px solid transparent;border-radius:6px;color:#a1a9ae;font-size:14px}.sidebar a:hover{text-decoration:none;background:#151b1e}.sidebar a.active{background:#08252d;border-color:#22515b;color:#7cdaeb}.sidebar .group-label{padding:20px 15px 9px;font-size:10px;letter-spacing:1.4px;color:#606b72}.sidebar .bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:16px}.sidebar .step-no{margin-left:auto;color:#66767f;font-size:10px}svg.icon{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}main{margin-left:212px;padding:107px 44px 55px;max-width:1560px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:20px}.subtitle{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.eyebrow{color:#79858d;font-size:11px;letter-spacing:1.5px;margin-bottom:11px}.panel{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:25px;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-head small{font-size:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1}.full{width:100%}.stack{display:grid;gap:15px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.note{padding:13px 16px;background:#0c2229;border:1px solid #1d4651;border-radius:6px;color:#9ec9d3;font-size:12px;line-height:1.75}.warning{background:#261f13;border-color:#564426;color:#e4c58f}.error{background:#29191b;border-color:#5d3137;color:#e6b3b9}.success{color:var(--green)}.spacer{height:16px}.divider{border:0;border-top:1px solid var(--border);margin:20px 0}.tabs{display:flex;gap:6px;margin-bottom:22px;border-bottom:1px solid var(--border)}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:13px 19px}.tabs button.active{color:var(--cyan);border-color:var(--cyan)}.project-card{border:1px solid var(--border);border-radius:10px;background:#101316;overflow:hidden}.project-cover{height:130px;background:linear-gradient(125deg,#112b34,#131a24 70%);position:relative;display:flex;align-items:center;justify-content:center}.project-cover svg{width:38px;height:38px;color:#477889}.project-cover img{width:100%;height:100%;object-fit:cover}.project-body{padding:20px}.project-body h3{margin:0 0 10px}.project-body .actions{display:flex;gap:8px;margin-top:20px}.project-body .actions button:first-child{flex:1}.pill{display:inline-block;font-size:11px;border:1px solid #3a464e;border-radius:30px;padding:4px 10px;color:#a8bac5}.pill.cyan{color:#80d3e3;border-color:#275561;background:#0a242b}.pill.green{color:#9ad5c0;border-color:#285441;background:#10281f}.pill.red{color:#f3b6b6;border-color:#69343b}.empty{padding:65px 25px;text-align:center;border:1px dashed #354149;border-radius:10px;color:var(--muted)}.empty svg{width:40px;height:40px;margin-bottom:10px;color:#587681}.empty h3{color:#d8dee2}.metric-strip{display:flex;gap:35px;border-bottom:1px solid var(--border);padding-bottom:22px;margin-bottom:25px}.metric{font-size:25px;font-weight:600}.metric small{display:block;font-size:11px;font-weight:400;margin-top:7px}.script-editor{font-size:15px;line-height:2;min-height:380px}.helper-list{color:#a2afb7;line-height:2.1;padding-left:20px;font-size:12px}details summary{cursor:pointer;font-size:14px;font-weight:600}audio{width:100%;height:45px}video{width:100%;max-height:550px;background:#000;border-radius:8px}.current-subtitle{background:#09252e;text-align:center;padding:18px;font-size:19px;border-radius:7px;margin:12px 0}.style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.style-card{border:1px solid var(--border);border-radius:8px;background:#111619;padding:0;overflow:hidden;text-align:left}.style-card.selected{border:2px solid var(--cyan)}.style-swatch{height:105px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:35px;color:#bbc1b4;background:linear-gradient(145deg,#273c4a,#212827)}.style-card strong{display:block;padding:12px 13px;font-size:13px}.style-swatch img{width:100%;height:100%;object-fit:cover}.scene{display:grid;grid-template-columns:210px 1fr;gap:21px}.scene-image{aspect-ratio:16/9;background:#191f23;border:1px dashed #3d484e;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#64737b;font-size:12px}.scene-image img{width:100%;height:100%;object-fit:cover}.scene textarea{min-height:80px;font-size:13px}.scene-no{font-size:12px;color:var(--cyan);margin-bottom:11px}.preview-box{aspect-ratio:16/9;background:#151b20;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--border);margin:16px 0}.preview-box img{height:100%;width:100%;object-fit:cover}.preview-placeholder{color:#6e7c85}.preview-caption{position:absolute;bottom:10%;left:8%;right:8%;text-align:center;white-space:pre-wrap;line-height:1.5}.preview-caption span{padding:3px 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.setting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.setting-grid label{min-width:0}.setting-grid select{width:100%}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px}.job{border:1px solid var(--border);background:#13181b;border-radius:8px;margin:12px 0;padding:17px}.job-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.progress{height:4px;background:#2a3237;border-radius:9px;margin:14px 0;overflow:hidden}.progress i{display:block;background:var(--cyan);height:100%;transition:width .5s}.log{font-family:Consolas,monospace;font-size:11px;white-space:pre-wrap;color:#8ea1ad;background:#0b0f12;border-radius:5px;padding:13px;max-height:170px;overflow:auto}.connection{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:13px 0;gap:10px}.footer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:15px}.save-indicator{font-size:12px;color:var(--muted)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:80vw;background:#1c353e;border:1px solid #46727f;padding:15px 25px;border-radius:8px;z-index:100;box-shadow:0 10px 50px #0008;display:none;font-size:13px}dialog{color:var(--text);background:#111619;border:1px solid #3a4349;border-radius:11px;width:min(590px,92vw);padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}dialog h2{margin-bottom:22px}dialog .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.inline-status{font-size:12px;color:var(--green)}.inline-status.bad{color:var(--yellow)}.checklist{list-style:none;padding:0;margin:0}.checklist li{padding:13px 0;border-bottom:1px solid var(--border);font-size:13px;display:flex;justify-content:space-between;gap:15px}.small-btn{padding:6px 10px;font-size:12px}.project-title{max-width:35vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path{font-family:Consolas,monospace;font-size:12px;word-break:break-all}.output{border:1px solid var(--border);padding:17px;border-radius:8px;margin-top:16px}.thumb{width:82px;height:50px;object-fit:cover;border-radius:5px}.busy-spin{width:12px;height:12px;border:2px solid #246272;border-top-color:#54d4ee;border-radius:50%;display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1700px){main{max-width:1580px;margin-left:235px;padding-top:115px}.sidebar{width:235px}.grid3{gap:24px}.panel{padding:29px}}@media(max-width:1050px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:170px}main{margin-left:170px;padding:100px 25px 40px}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.setting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:740px){.sidebar{width:65px;padding:20px 6px}.sidebar a{padding:13px}.sidebar a span,.sidebar .group-label,.sidebar .step-no,.sidebar .bottom small{display:none}main{margin-left:65px;padding:94px 16px 30px}.topbar{padding:0 15px}.brand{font-size:13px}.server-badge,.top-right .local-badge{display:none}.grid2,.grid3{grid-template-columns:1fr}.page-head{flex-wrap:wrap}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:18px}.scene{grid-template-columns:1fr}.scene-image{max-width:350px}.project-title{max-width:45vw}.setting-grid{grid-template-columns:1fr 1fr}.metric-strip{gap:22px}h1{font-size:24px}}