:root{--bg: #0d1117;--panel: #161b22;--border: #30363d;--fg: #c9d1d9;--muted: #8b949e;--accent: #58a6ff;--green: #3fb950;--yellow: #d29922;--red: #f85149;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:13px}#app{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;grid-template-areas:"topbar topbar" "terminal dashboard";height:100vh}.topbar{grid-area:topbar;display:flex;align-items:center;gap:16px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar .title{font-weight:700;color:#fff}.topbar .title .spore{color:var(--accent)}.topbar .spacer{flex:1}.badge{padding:2px 8px;border-radius:10px;border:1px solid var(--border);color:var(--muted)}.badge.real{color:var(--red);border-color:var(--red)}.badge.mock{color:var(--green);border-color:var(--green)}.topbar button,.topbar select{background:#21262d;color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-family:var(--mono);cursor:pointer}.topbar button:hover{border-color:var(--accent)}.terminal{grid-area:terminal;display:flex;flex-direction:column;border-right:1px solid var(--border);min-height:0}.term-output{flex:1;overflow-y:auto;padding:12px;white-space:pre-wrap;line-height:1.45}.term-line.cmd{color:#fff}.term-line.cmd:before{content:"$ ";color:var(--green)}.term-line.err{color:var(--red)}.term-line.sys{color:var(--muted)}.term-input-row{display:flex;align-items:center;border-top:1px solid var(--border);padding:8px 12px}.term-input-row .prompt{color:var(--green);margin-right:8px}.term-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:var(--mono);font-size:13px}.dashboard{grid-area:dashboard;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.dash-section{padding:12px 14px;border-bottom:1px solid var(--border)}.dash-section h2{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.inst{border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:10px;background:var(--panel)}.inst .row1{display:flex;align-items:baseline;gap:8px}.inst .name{font-weight:700;color:#fff}.inst .id{color:var(--muted);font-size:11px}.inst .state{margin-left:auto;padding:1px 8px;border-radius:10px;font-size:11px}.state.running{background:#3fb95026;color:var(--green)}.state.stopped,.state.hibernated{background:#d2992226;color:var(--yellow)}.state.terminated,.state\.shutting-down{background:#f8514926;color:var(--red)}.state.pending{background:#58a6ff26;color:var(--accent)}.inst .meta{color:var(--muted);font-size:11px;margin-top:4px}.meter{height:6px;background:#21262d;border-radius:3px;margin-top:6px;overflow:hidden}.meter>span{display:block;height:100%;background:var(--accent)}.meter.ttl>span{background:var(--green)}.meter.ttl.warn>span{background:var(--yellow)}.meter.ttl.crit>span{background:var(--red)}.meter.cost>span{background:var(--yellow)}.meter.cost.crit>span{background:var(--red)}.inst .actions{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.inst .actions button{background:#21262d;color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:2px 8px;cursor:pointer;font-family:var(--mono);font-size:11px}.inst .actions button:hover{border-color:var(--accent)}.log-line{font-size:11px;padding:2px 0;color:var(--muted)}.log-line .t{color:#6e7681}.log-line .inst-name{color:var(--accent)}.log-line.warning{color:var(--yellow)}.log-line.action{color:var(--fg)}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px;width:460px;max-width:90vw}.modal h3{margin:0 0 12px;color:#fff}.modal label{display:block;font-size:11px;color:var(--muted);margin:10px 0 4px}.modal input,.modal select{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:7px 9px;font-family:var(--mono);font-size:12px}.modal .buttons{margin-top:16px;display:flex;gap:8px;justify-content:flex-end}.modal .buttons button{background:#21262d;color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:6px 14px;cursor:pointer;font-family:var(--mono)}.modal .buttons button.primary{background:var(--accent);color:#0d1117;border-color:var(--accent);font-weight:700}.modal .warn{color:var(--yellow);font-size:11px;margin-top:10px}.empty{color:var(--muted);font-style:italic}.launch-form .grid2,.sweep-form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.launch-form label,.sweep-form label{display:block;font-size:10px;color:var(--muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.05em}.launch-form input,.launch-form select,.sweep-form input,.sweep-form select{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-family:var(--mono);font-size:12px}.launch-form .checks{display:flex;gap:14px;align-items:flex-end}.launch-form label.inline{display:flex;align-items:center;gap:5px;text-transform:none;font-size:12px;color:var(--fg)}.launch-form label.inline input{width:auto}.launch-btn{margin-top:10px;background:var(--accent);color:#0d1117;border:none;border-radius:6px;padding:7px 18px;font-family:var(--mono);font-weight:700;cursor:pointer}.launch-btn:hover{filter:brightness(1.1)}.launch-msg{margin-left:10px;font-size:11px}.launch-msg.good{color:var(--green)}.launch-msg.bad{color:var(--red)}.launch-form .picker{position:relative}.picker-hint{text-transform:none;color:var(--muted);font-size:10px;letter-spacing:0}.truffle-matches{position:absolute;z-index:5;left:0;right:0;margin-top:2px;background:var(--bg);border:1px solid var(--border);border-radius:6px;max-height:260px;overflow-y:auto;box-shadow:0 8px 24px #0006}.truffle-match{display:grid;grid-template-columns:1fr auto;grid-template-areas:"type price" "spec price";gap:0 10px;width:100%;text-align:left;background:transparent;color:var(--fg);border:none;border-bottom:1px solid var(--border);padding:7px 10px;cursor:pointer;font-family:var(--mono)}.truffle-match:hover{background:#58a6ff1a}.truffle-match:last-child{border-bottom:none}.tm-type{grid-area:type;font-weight:700;color:#fff;font-size:12px}.tm-spec{grid-area:spec;color:var(--muted);font-size:11px}.tm-price{grid-area:price;align-self:center;color:var(--yellow);font-size:11px;white-space:nowrap}.truffle-empty{padding:8px 10px;color:var(--muted);font-size:11px}.sweep-form{display:block}.sweep-btn{margin-top:10px;background:var(--accent);color:#0d1117;border:none;border-radius:6px;padding:7px 18px;font-family:var(--mono);font-weight:700;cursor:pointer}.sweep-btn:hover{filter:brightness(1.1)}.sweep-msg{margin-left:10px;font-size:11px}.sweep-msg.good{color:var(--green)}.sweep-msg.bad{color:var(--red)}.sweeps{margin-top:10px}.sweep-card{border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-top:8px;background:#58a6ff0a}.sweep-card.done{opacity:.7}.sweep-card.queue{background:#d299220d}.queue-form textarea{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:8px;font-family:var(--mono);font-size:12px;resize:vertical;margin-bottom:8px}.queue-form label{display:block;font-size:10px;color:var(--muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.05em}.queue-btn{margin-top:10px;background:var(--accent);color:#0d1117;border:none;border-radius:6px;padding:7px 18px;font-family:var(--mono);font-weight:700;cursor:pointer}.queue-btn:hover{filter:brightness(1.1)}.queue-msg{margin-left:10px;font-size:11px}.queue-msg.good{color:var(--green)}.queue-msg.bad{color:var(--red)}.sweep-card .row1{display:flex;align-items:baseline;gap:8px}.sweep-card .name{font-weight:700;color:#fff}.sweep-card .id{color:var(--muted);font-size:11px}.sweep-card .state{margin-left:auto;padding:1px 8px;border-radius:10px;font-size:11px;background:#58a6ff26;color:var(--accent)}.sweep-card.done .state{background:#3fb95026;color:var(--green)}.sweep-card .meta{color:var(--muted);font-size:11px;margin-top:4px}.meter.sweep>span{background:var(--accent)}