:root{--bg:#14171c;--panel:#1c2027;--line:#2b313b;--fg:#d8dee7;--muted:#8b95a3;--accent:#4da3ff;--ok:#3fbf6f;--bad:#e05555;--warn:#d9a03f}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:14px/1.5 Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.topnav{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:1.25rem;padding:.6rem 1.25rem;display:flex}.topnav .brand{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-right:.75rem;font-weight:700}.topnav a{color:var(--muted);border-bottom:2px solid transparent;padding:.2rem 0;text-decoration:none}.topnav a:hover{color:var(--fg)}.topnav a[aria-current]{color:var(--fg);border-bottom-color:var(--accent)}main{max-width:1200px;margin:0 auto;padding:1.25rem}.pagehead{align-items:baseline;gap:1rem;display:flex}.pagehead h1{margin:.25rem 0 .75rem;font-size:1.25rem}.meta{color:var(--muted);flex-wrap:wrap;gap:1.5rem;margin:.25rem 0 .75rem;display:flex}.chips{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;display:flex}.actions{gap:.5rem;margin:.5rem 0 1rem;display:flex}button{background:var(--panel);color:var(--fg);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:.35rem .9rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.danger:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}button.ghost{background:0 0}table{border-collapse:collapse;width:100%;margin-top:.5rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.45rem .75rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}tbody tr:hover{background:var(--panel)}a{color:var(--accent)}code{font-family:Consolas,Cascadia Mono,monospace;font-size:.9em}pre{background:var(--panel);border:1px solid var(--line);border-radius:4px;max-width:480px;max-height:320px;padding:.6rem;font-size:.8rem;overflow:auto}details summary{cursor:pointer;color:var(--muted)}.badge{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:.1rem .55rem;font-size:.8rem;display:inline-block}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.bad{color:var(--bad);border-color:var(--bad)}.badge.warn{color:var(--warn);border-color:var(--warn)}.badge.active{color:var(--accent);border-color:var(--accent)}.badge.mixed{color:var(--warn);border-color:var(--ok)}.badge.idle,.muted{color:var(--muted)}.error{color:var(--bad)}.ok-text{color:var(--ok)}.topnav .spacer{flex:1}details.upload{border:1px solid var(--line);background:var(--panel);border-radius:4px;margin:.5rem 0 1rem;padding:.5rem .9rem}.uploadform{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:.75rem;padding:.75rem 0 .25rem;display:grid}.uploadform label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.uploadform label.inline{flex-direction:row;align-items:center;gap:.5rem}.uploadform input[type=text]{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:4px;padding:.35rem .5rem}.compose{max-width:40rem;margin:.5rem 0 1rem}.compose summary{cursor:pointer;color:var(--accent)}.compose-body{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:.5rem;display:flex}.compose-body>button{align-self:flex-start}.compose-row{align-self:stretch;align-items:center;gap:.5rem;margin:0;display:flex}.compose-row .filter-field{flex:none}.compose-row input.filter{flex:1;max-width:none;margin-bottom:0}.compose-vins{color:var(--muted);flex-direction:column;align-self:stretch;gap:.25rem;max-width:28rem;font-size:.85rem;display:flex}.compose-vins textarea{background:var(--bg);color:var(--fg);border:1px solid var(--line);box-sizing:border-box;resize:vertical;border-radius:4px;width:100%;padding:.35rem .5rem;font-family:inherit}.compose-immediate{color:var(--muted);flex-direction:row;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.compose-immediate input{margin:0}.filter-toggle{color:var(--muted);align-items:center;gap:.4rem;margin:.25rem 0 .5rem;font-size:.85rem;display:flex}.filter-toggle input{margin:0}.pager{align-items:center;gap:.75rem;margin:.5rem 0;font-size:.85rem;display:flex}.pager button:disabled{opacity:.4;cursor:default}.imageactions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.imageactions .error{font-size:.8rem}button.danger{color:var(--bad);border-color:var(--bad)}.quickdeploy{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.deploybar{margin:.25rem 0 1rem}.quickdeploy input.filter{width:auto;max-width:11rem;margin-bottom:0}.quickdeploy .ok-text,.quickdeploy .error{font-size:.8rem}.phase{font-family:ui-monospace,monospace;font-size:.85rem}.phase-json{margin-top:.25rem}.phase-json summary{cursor:pointer;color:var(--muted);font-size:.8rem}.uploadprogress{margin:.5rem 0 .25rem}.uploadprogress .muted{margin:.35rem 0 0;font-size:.85rem}.uploadprogress-track{background:var(--bg);border:1px solid var(--line);border-radius:999px;height:8px;overflow:hidden}.uploadprogress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .2s}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--fg)}tr.clickable{cursor:pointer}tr.clickable:hover td{color:var(--fg)}details.section>summary{color:var(--fg);-webkit-user-select:none;user-select:none}details.section>summary h2{margin:.5rem 0;display:inline-block}input::placeholder{color:var(--muted);opacity:.5;font-style:italic}.filterbar{gap:.5rem;max-width:28rem;margin-bottom:.5rem;display:flex}.filterbar input.filter{flex:1;max-width:none;margin-bottom:0}select.filter-field{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:4px;padding:.35rem .5rem}input.filter{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:4px;width:100%;max-width:28rem;margin-bottom:.5rem;padding:.35rem .5rem}