:root{color-scheme:light dark;--bg:#f3f6f9;--panel:#fff;--text:#192536;--muted:#526276;--border:#d9e1e9;--accent:#075fc0;--accent-text:#fff;--track:#e4eaf1;--good:#176840;--good-bg:#e3f3e9;--warn:#875800;--warn-bg:#fff1d0;--bad:#a22f38;--bad-bg:#fbe7e9;--neutral-bg:#eaf0f6;--focus:#1686ef}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar,main,footer{max-width:1240px;margin:auto}.topbar{padding:30px 24px 22px;display:flex;gap:20px;justify-content:space-between;align-items:center}h1{font-size:clamp(1.75rem,4vw,2.35rem);letter-spacing:-.035em;margin:2px 0}h2{font-size:1.28rem;margin:0 0 10px}h3{font-size:1rem;margin:22px 0 12px}p{margin:0 0 12px}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;font-weight:650;color:var(--muted);margin:0 0 5px}.muted,.metric-label{color:var(--muted)}.small{font-size:.86rem}main{padding:0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px;min-width:0}.gpu-panel,section:has(#inventory-heading),section:has(#models),section:has(#jobs),.notice{grid-column:1/-1}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:14px;flex-wrap:wrap}.connection{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.badge{display:inline-flex;align-items:center;border-radius:7px;background:var(--neutral-bg);font-size:.75rem;font-weight:650;padding:4px 8px;white-space:normal;overflow-wrap:anywhere}.badge.good{background:var(--good-bg);color:var(--good)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.unknown{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:14px 0 20px}.metrics>div{display:flex;flex-direction:column;gap:6px}.metric-label{font-size:.86rem}.metrics strong{font-size:clamp(1.35rem,3vw,2rem);font-variant-numeric:tabular-nums;letter-spacing:-.035em}progress{display:block;width:100%;height:8px;border:0;border-radius:6px;overflow:hidden;background:var(--track);accent-color:var(--accent)}progress::-webkit-progress-bar{background:var(--track)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}[hidden]{display:none!important}.card-grid,.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}.card{border:1px solid var(--border);border-radius:10px;padding:14px;min-width:0}.card-header{display:flex;gap:10px;align-items:start;justify-content:space-between;margin-bottom:10px}.card-title{font-weight:650;overflow-wrap:anywhere}.card p:last-child{margin-bottom:0}.card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}dl{margin:10px 0;font-size:.82rem;display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 12px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.path{font: .78rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.empty{color:var(--muted);font-size:.88rem;padding:8px 0;margin:0}.action-row,.input-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.action-row{margin-top:14px}.input-row{align-items:stretch}.input-row input{flex:1;min-width:180px}button,input,textarea,select{font:inherit;border-radius:8px}button{background:var(--accent);color:var(--accent-text);border:1px solid transparent;font-size:.87rem;font-weight:600;min-height:42px;padding:8px 14px;cursor:pointer}button.secondary{background:var(--panel);color:var(--text);border-color:var(--border)}button.danger{background:var(--panel);border-color:var(--border);color:var(--bad)}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input,textarea,select{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:10px 12px;min-height:44px;max-width:100%}select,textarea{width:100%}textarea{resize:vertical}label{display:block;font-size:.86rem;font-weight:600;margin:10px 0 7px}.research-form{margin-bottom:20px}.research-form .small{margin-top:7px}.notice{border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;padding:14px 18px;background:var(--panel);overflow-wrap:anywhere}.notice.error{border-left-color:var(--bad)}.job{padding:16px 0;border-bottom:1px solid var(--border)}.job:first-child{padding-top:0}.job:last-child{border-bottom:0;padding-bottom:0}.job-output{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.87rem;background:var(--bg);border-radius:8px;padding:12px;max-height:300px;overflow:auto}.job .action-row{margin-top:8px}.job progress{margin:10px 0}.stale-data .metrics strong{color:var(--muted)}footer{font-size:.8rem;color:var(--muted);padding:26px 24px 36px}#run-model-detail{margin-top:7px}#reservation-queue{margin-top:12px;overflow-wrap:anywhere}
.search-results{margin-bottom:24px}
@media(prefers-color-scheme:dark){:root{--bg:#0e151e;--panel:#16212e;--text:#e9f0f7;--muted:#a6b6c8;--border:#304153;--accent:#66b1ff;--accent-text:#091a2c;--track:#304153;--good:#8fddb2;--good-bg:#1d4030;--warn:#f5cd7a;--warn-bg:#44381c;--bad:#ffabb2;--bad-bg:#472a33;--neutral-bg:#253445;--focus:#9ccfff}}
@media(max-width:760px){main{grid-template-columns:minmax(0,1fr);padding:0 14px;gap:14px}.topbar{padding:22px 16px 18px;align-items:start;flex-direction:column;gap:12px}.connection{justify-content:flex-start}.panel{padding:18px}.metrics{gap:14px}.metric-label{font-size:.76rem}.metrics strong{font-size:1.3rem}.section-heading{gap:6px}.input-row button{flex:1}.input-row input{width:100%;flex-basis:100%}.action-row button{flex:1}.connection button{min-height:36px}.card-grid,.model-grid{grid-template-columns:minmax(0,1fr)}.badge{font-size:.72rem}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,opacity .15s}}

.remote-nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:0 24px 16px;color:var(--muted)} .remote-nav a{color:inherit} @media(max-width:600px){input,select,textarea{font-size:16px}button{min-height:44px}.remote-nav{padding:0 16px 16px;font-size:13px}}

.history-bars{display:flex;align-items:flex-end;gap:2px;height:72px;margin:12px 0;overflow:hidden}.history-bars span{flex:1;min-width:1px;background:var(--accent,#287dbe)}.history-bars .history-gap{background:repeating-linear-gradient(135deg,transparent,transparent 4px,#8883 4px,#8883 6px)}

summary{cursor:pointer;color:var(--muted)}

.activity-panel{grid-column:1/-1;grid-row:2}.gpu-panel{grid-row:1}.section-fold>summary{font-weight:650;color:var(--text);font-size:1.05rem}.section-fold[open]>summary{margin-bottom:20px}.section-fold:not([open]){min-height:30px}.section-fold .section-heading h2,.section-fold>h2{font-size:1rem}.activity-panel .card-grid{grid-template-columns:1fr}.workload{padding:0;overflow:hidden}.workload-summary{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:16px;color:var(--text)}.workload-summary::marker{color:var(--accent)}.workload-flow{display:flex;gap:20px;flex:1;min-width:min(100%,460px)}.flow-node{min-width:0;flex:1;position:relative;overflow-wrap:anywhere}.flow-node:not(:last-child)::after{content:'→';position:absolute;right:-15px;top:18px;color:var(--muted)}.flow-node small,.flow-node strong{display:block}.flow-node small{font-size:.72rem;color:var(--muted)}.flow-node strong{font-size:.93rem}.resident-memory{font-size:.82rem;font-variant-numeric:tabular-nums}.workload>dl{padding:0 16px 16px;margin:0}.workload.generating{border-color:var(--good)}#activity-log{margin-top:18px}#activity-events{max-height:420px;overflow:auto}.activity-event{display:grid;grid-template-columns:160px 1fr;gap:3px 12px;border-bottom:1px solid var(--border);padding:12px 0;font-size:.82rem}.activity-event time{color:var(--muted);grid-row:span 3}.activity-event small{color:var(--muted)}@media(prefers-reduced-motion:no-preference){.generating .flow-node::after{animation:work-flow 1.4s ease-in-out infinite}.history-sample{transition:height .3s ease} @keyframes work-flow{50%{color:var(--good);transform:translateX(4px)}}}.stale-data .flow-node::after{animation:none!important}@media(max-width:600px){.workload-flow{min-width:100%;gap:16px}.flow-node strong{font-size:.82rem}.activity-event{grid-template-columns:1fr}.activity-event time{grid-row:auto}.workload-summary{gap:10px}.panel:has(.section-fold){padding:14px 18px}}

.gpu-panel .history-bars{height:38px;margin:10px 0}.measurement-details{font-size:.85rem}.measurement-details[open]>summary{margin-bottom:12px}.workload-summary::before{content:"▸";font-size:.8rem;color:var(--muted)}.workload[open]>.workload-summary::before{content:"▾"}

.model-library-panel{grid-column:1/-1;grid-row:3}.model-filters{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:14px}.model-filters label{flex:1;min-width:180px;margin:0}.model-filters input{width:100%}.model-filters select,.model-filters input{margin-top:7px}.model-list{display:grid;gap:8px}.model-row{padding:0}.model-summary{display:flex;align-items:center;gap:14px;padding:13px;color:var(--text);overflow-wrap:anywhere}.model-summary::before{content:'▸';color:var(--muted)}.model-row[open]>.model-summary::before{content:'▾'}.model-title{flex:2;min-width:0}.model-title strong,.model-title small{display:block}.model-title small{font-size:.75rem;color:var(--muted)}.model-types{flex:1;font-size:.8rem;min-width:0}.model-size{min-width:65px;text-align:right;font-size:.8rem;white-space:nowrap}.model-details{padding:0 16px 16px}.model-summary:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media(max-width:600px){.model-summary{flex-wrap:wrap;gap:8px 10px}.model-title{flex-basis:calc(100% - 30px)}.model-types{flex-basis:100%;padding-left:20px}.model-summary>.badge{margin-left:20px}.model-size{margin-left:auto}.model-details dl{grid-template-columns:1fr;gap:3px}.model-details dd{margin-bottom:7px}}

.model-history-log{margin:12px 0;padding:12px;border:1px solid var(--border);border-radius:8px}.model-history-log[open]>summary{margin-bottom:12px}
/* Video Production extends the same board, including narrow phone layouts. */
.video-production-panel{scroll-margin-top:1rem}
.video-production-panel form{display:grid;gap:.75rem;max-width:52rem}
.video-production-panel label{display:grid;gap:.35rem}
.video-production-panel textarea{width:100%;box-sizing:border-box}
.video-instructions{white-space:pre-wrap;overflow-wrap:anywhere}
#video-editor,#video-confirm{border:1px solid currentColor;border-radius:12px;padding:1rem;margin-top:1rem}
#video-counts{margin-bottom:1rem}