:root{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;line-height:1.45;color:#eef0f4;background:#0b0e11;color-scheme:dark;font-size:13px;--panel:#0c1014;--border:#303943;--muted:#929ba6;--pink:#f16bb5;--pink-dark:#8e3b6c;--green:#58c99a}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 48% 0%,#151a20 0,transparent 48%),#0b0e11}.topbar{height:48px;margin:13px 14px 16px;border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:space-between;background:#0e1216}.brand{height:100%;display:flex;align-items:center;gap:18px}.brand-mark{height:100%;width:48px;display:grid;place-items:center;border-right:1px solid var(--border);color:var(--pink);font-size:19px}.brand strong{font-size:15px;letter-spacing:.02em}.brand strong span{color:var(--muted);padding:0 5px}.server-state{font-size:11px;color:#d4d8dd;padding-right:30px}.server-state i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:9px}.server-state span{margin:0 20px;color:#53606b}.dashboard{display:grid;grid-template-columns:230px minmax(450px,1fr) minmax(330px,398px);gap:16px;padding:0 14px 16px;align-items:stretch}.sidebar,.panel{border:1px solid var(--border);border-radius:5px;background:linear-gradient(145deg,rgba(17,21,26,.7),rgba(9,12,15,.82))}.sidebar{min-height:calc(100vh - 77px);padding:14px 9px;display:flex;flex-direction:column;justify-content:space-between}.sidebar nav{display:grid;gap:4px}.nav-item{display:flex;gap:14px;align-items:center;color:#e2e5e9;text-decoration:none;padding:10px;border:1px solid transparent;border-radius:5px}.nav-item span{font-size:17px;width:18px;text-align:center}.nav-item.active{border-color:#b44f8a;background:rgba(147,48,102,.12);color:#ff8bcc}.nav-item:hover{background:#191e24}.side-note{border:1px solid #29313a;border-radius:5px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:10px;color:#aeb5bd}.side-note b{color:#edf0f4;font-weight:500}.capacity{grid-column:1/-1;height:4px;border-radius:5px;background:#343b44;overflow:hidden;margin-top:3px}.capacity i{display:block;width:62%;height:100%;background:var(--pink)}.side-note small{grid-column:1/-1;color:#747e89}.workspace{min-width:0;display:flex;flex-direction:column;gap:15px}.panel{padding:15px}.panel h2{font-size:14px;font-weight:600;margin:0 0 12px;padding:0 0 11px;border-bottom:1px solid #252c33}.chevron{font-size:22px;font-weight:400;vertical-align:-1px;margin-right:8px;color:#edf0f4}.composer{padding:14px}.url-wrap{position:relative;border:1px solid #3b444e;border-radius:5px;min-height:140px;padding:9px 76px 9px 50px}.url-icon{position:absolute;top:10px;left:11px;width:29px;height:29px;border:1px solid #303943;border-radius:4px;display:grid;place-items:center;font-size:17px}.url-wrap textarea{font:inherit;line-height:1.8;color:#e6e8ec;background:transparent;resize:vertical;width:100%;min-height:117px;border:0;outline:0;padding:2px 0}.url-wrap textarea::placeholder{color:#9099a3;opacity:1}.paste{position:absolute;right:10px;top:10px}.options{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;margin-top:14px}.options label{display:flex;align-items:center;gap:10px}.format-hint{color:#69737f;font-size:10px;margin-left:auto}select,button{font:inherit;color:#eef0f4;background:#0d1115;border:1px solid #3a444e;border-radius:4px;min-height:34px;padding:6px 10px}select{min-width:126px}button{cursor:pointer}button:hover{border-color:#bc5c93;background:#19171c}button:disabled{opacity:.5;cursor:wait}.submit-row{display:flex;justify-content:space-between;align-items:center;margin-top:13px;color:var(--muted);font-size:11px}.primary{border:0;color:#21131d;font-weight:700;background:linear-gradient(100deg,#eb72b8,#f477b9);padding:8px 16px;min-height:36px}.primary:hover{background:#ff91cb;color:#21131d}#message:empty{display:none}#message{border:1px solid #36404a;border-radius:4px;padding:9px;color:#c8d2dc}#message[data-error="true"]{color:#ff9b9b;border-color:#7b353d}.note{color:var(--muted);font-size:11px}#compatibility-summary:empty,#compatibility-results:empty{display:none}#compatibility-summary{margin:12px 0 0}#compatibility-results{list-style:none;padding:0;margin:6px 0;max-height:230px;overflow:auto}#compatibility-results li{padding:9px;border-top:1px solid #252c33;overflow-wrap:anywhere}#compatibility-results li strong{display:block;color:#e9edf2}#compatibility-results li div{color:var(--muted);font-size:11px;margin:4px 0}#compatibility-results button{font-size:11px}.preview{flex:1;min-height:220px}.preview h2{margin-bottom:0}.preview #compatibility-results{max-height:none}.empty-preview{color:#77818d;font-size:12px;padding:6px 2px}.preview:has(#compatibility-results:not(:empty)) .empty-preview{display:none}#preview-count{font-size:11px;color:var(--muted);font-weight:400}details{margin-top:13px;border-top:1px solid #272e36;padding-top:10px}summary{cursor:pointer;color:#dce1e7}details p{color:#a8b0b9;font-size:11px}a{color:#f18ac3}footer{color:#66717d;font-size:10px;padding:2px 3px 4px}.right-rail{display:flex;flex-direction:column;gap:15px;min-width:0}.queue-panel{padding:14px}.queue-panel>p{color:#9da6b0;font-size:11px;margin:0 0 8px}#batches p{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#b8c0c9;font-size:11px}#queue{list-style:none;margin:0;padding:0;max-height:calc(100vh - 320px);overflow:auto}#queue li{padding:11px 1px;border-bottom:1px solid #252c33;overflow-wrap:anywhere}.job-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.job-title{flex:1;min-width:120px;color:#e8ebef}.job-meta{margin-top:4px;color:#909aa5;font-size:10px}.job-cancel{font-size:10px;min-height:28px}.job-head button{color:#f0a0c9}progress{width:100%;height:6px;accent-color:var(--pink);margin-top:7px}#queue li:has(progress[hidden]) progress{display:none}.activity{color:#a4adb7;font-size:11px}.activity p{padding:8px 0;border-bottom:1px solid #242b32}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid #f07aba;outline-offset:2px}
@media(max-width:1050px){.dashboard{grid-template-columns:190px minmax(0,1fr)}.right-rail{grid-column:2;display:grid;grid-template-columns:1fr 1fr}.sidebar{grid-row:1 / span 2}.workspace{grid-column:2;grid-row:1}.right-rail{grid-row:2}}
@media(max-width:680px){.topbar{margin:8px;height:46px}.server-state{padding-right:10px;font-size:0}.server-state i{font-size:initial}.server-state span{display:none}.dashboard{display:flex;flex-direction:column;padding:0 8px 12px;gap:10px}.sidebar{min-height:0;padding:6px;order:0}.sidebar nav{grid-template-columns:repeat(4,1fr);gap:2px}.nav-item{justify-content:center;flex-direction:column;gap:2px;padding:5px 2px;font-size:10px}.nav-item span{font-size:15px}.side-note{display:none}.workspace{order:1}.right-rail{order:2;display:flex}.options{display:flex;flex-direction:column;align-items:stretch;gap:8px}.options label{justify-content:space-between}.options select{width:58%;min-width:0}.format-hint{margin:0}.url-wrap{padding-left:42px;padding-right:10px}.url-wrap textarea{padding-top:38px}.paste{top:10px;right:10px}.preview{min-height:150px}#queue{max-height:360px}}
.job-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.job-actions button{min-width:29px;padding:3px 7px;min-height:28px;color:#f0a0c9}.job-cancel{font-size:17px!important;line-height:1}.queue-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0}.queue-actions button{font-size:10px;min-height:29px}.queue-actions span{color:var(--green);font-size:10px}.force-start{color:#21131d;background:var(--pink);border-color:var(--pink);font-weight:700;font-size:10px}