:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e9f1f0;background:#0a141d;--muted:#92a8b4;--mint:#77e1d1;--line:#ffffff18}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}a{color:var(--mint)}button{background:var(--mint);color:#102b32;border:0;border-radius:8px;padding:12px 18px;font-weight:750;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffa277;outline-offset:3px}input,textarea{width:100%;border:1px solid #49606d;border-radius:8px;background:#0b1b26;color:#effafa;padding:12px}textarea{resize:vertical;min-height:110px}label{display:block;margin:24px 0 8px;font-size:14px}small,.muted{color:var(--muted)}.eyebrow{font:700 11px ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--mint)}h1{letter-spacing:-.05em;font-size:clamp(30px,4vw,46px);line-height:1.05;margin:15px 0}p{line-height:1.6}.shell{max-width:1120px;margin:auto;padding:42px 32px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:32px}.links{display:flex;gap:18px;font-size:13px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:32px}.card{background:#10222e;border:1px solid var(--line);border-radius:16px;padding:28px}.card h2{font-size:18px;margin-top:0}.row{display:flex;align-items:center;gap:10px}.row input{width:auto}.actions{display:flex;align-items:center;gap:16px;margin-top:24px}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #77e1d13b;border-radius:30px;padding:7px 11px;color:var(--mint);font-size:11px}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}#result{min-height:52px;font-size:13px}#activity{padding-left:20px;line-height:1.7;font:13px ui-monospace,monospace;overflow-wrap:anywhere}#activity li{margin-bottom:15px}.notice{border-left:2px solid #ffa277;padding:0 0 0 14px;font-size:13px;color:#bbcad1}.preview{width:100%;height:260px;border:0;border-radius:8px;background:#0a141d}
body.scene{position:fixed;inset:0;overflow:hidden;background:#09141e}.scene canvas{width:100%;height:100%;display:block}.scene.overlay{background:transparent}.overlay #viewport{position:absolute;right:0;bottom:0;width:40vw;height:40vh}.overlay.full #viewport,.viewer #viewport{position:absolute;inset:0;width:100%;height:100%}.hud{position:absolute;left:30px;top:30px;width:310px;padding:22px;background:#0d202de8;border:1px solid #9ac9c426;border-radius:16px;backdrop-filter:blur(14px);pointer-events:none}.overlay:not(.full) .hud{left:auto;top:auto;right:20px;bottom:calc(40vh - 75px);width:290px;padding:16px}.hud h1{font-size:26px;margin:12px 0 14px}.hud .count{color:#fff;font-size:13px}.hud ul{font-size:12px;padding-left:17px;color:#a8bfca;line-height:1.8}.ticker{font-size:12px;line-height:1.6;color:#b6cbc9;margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.status{font:10px ui-monospace,monospace;letter-spacing:.05em;color:#a9c1ce;margin-top:10px}.viewer-links{position:absolute;right:30px;top:30px;font-size:13px;background:#10222ee6;padding:12px 16px;border-radius:10px}.labels{position:absolute;inset:0;pointer-events:none}.name-tag{position:absolute;color:#d1ebe4;background:#10222eee;border:1px solid #77e1d144;border-radius:5px;font:10px ui-monospace,monospace;white-space:nowrap;padding:4px 8px;transform:translate(-50%,-100%)}.name-tag.pending{color:#ffc394;border-color:#ffc39466}#scene-error{position:absolute;left:20px;right:20px;bottom:20px;background:#7b3025;color:white;padding:16px;border-radius:8px;z-index:3}#scene-error[hidden]{display:none}#details{position:absolute;right:30px;bottom:30px;max-width:350px;padding:20px;background:#10222ef2;border:1px solid var(--line);border-radius:12px;font-size:13px}#details[hidden]{display:none}#details p{margin:6px 0}#details strong{color:var(--mint)}
@media(max-width:720px){.workspace{grid-template-columns:1fr}.shell{padding:22px 16px}.topbar{align-items:flex-start;flex-direction:column}.hud{left:16px;top:16px;width:260px;padding:16px}.viewer-links{top:auto;bottom:16px;right:16px}.overlay:not(.full) .hud{right:8px;width:220px}.card{padding:20px}}
/* Shared city palette: midnight blue, sea glass, coral and warm cream. */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#0a141f}.accent{color:var(--mint)}button.secondary{background:#1b3342;color:#c2e6e0;border:1px solid #42616c}button.danger{background:#593d3b;color:#ffd1bd}.city-header{position:absolute;top:0;left:0;right:0;padding:28px 36px;display:flex;align-items:center;gap:35px;border-bottom:1px solid #ffffff0b;z-index:2}.wordmark{font-size:20px;letter-spacing:-1px;font-weight:900;text-decoration:none;color:#fff;display:flex;align-items:center;gap:5px}.wordmark>span:not(.city-icon){color:#77e1d1}.wordmark sup{font:9px ui-monospace,monospace;letter-spacing:1px;color:#77e1d1;border:1px solid #77e1d140;border-radius:4px;padding:3px 4px;margin-left:7px}.city-icon{font-size:27px;margin-right:7px;color:#77e1d1}.header-caption{font-size:12px;color:#90a8b6}.city-header nav{margin-left:auto;font-size:12px}.city-header nav a{text-decoration:none;color:#a7bfc7}.viewer{background:radial-gradient(ellipse at 65% 40%,#1b3546 0,transparent 65%),#09141e!important}.viewer #viewport{left:250px;width:calc(100% - 250px)}.viewer .hud{top:140px;left:38px;background:none;border:none;backdrop-filter:none;width:285px;padding:0}.viewer .hud h1{font-size:45px;line-height:1.06;margin:20px 0;letter-spacing:-2.7px;font-weight:750}.viewer .hud .eyebrow{font-size:9px;letter-spacing:1.5px}.intro{font-size:12px;color:#a1b4c0;line-height:1.9}.city-stats{display:flex;gap:38px;margin:30px 0 22px}.city-stats>div{display:flex;flex-direction:column;gap:8px}.city-stats strong{font-size:30px;font-weight:650;letter-spacing:-1px}.city-stats span{font:8px ui-monospace,monospace;letter-spacing:2px;color:#879da9}.viewer .count{font-size:11px;color:#a9c1c9}.viewer #last{font-size:10px;margin-top:8px}.queue-title{display:flex;justify-content:space-between;margin-top:30px;font:9px ui-monospace,monospace;letter-spacing:1.8px;color:#92a8b5}.queue-title span{color:#77e1d1}.hud #queue{padding:0;list-style:none;font-size:10px;line-height:2;max-height:90px}.empty-queue{color:#77939e}.city-bottom{position:absolute;bottom:30px;left:38px;right:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;pointer-events:none}.live-card{display:flex;gap:14px;align-items:center;max-width:520px;padding:16px 20px;background:#0c1b27db;border:1px solid #77e1d11b;border-radius:11px;pointer-events:auto}.live-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:#77e1d1;box-shadow:0 0 10px #77e1d166;flex-shrink:0}.live-card .eyebrow{font-size:8px;letter-spacing:1.6px}.live-card #ticker{font:11px ui-monospace,monospace;line-height:1.7;color:#c7dcd9;margin-top:7px}.view-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;pointer-events:auto;max-width:260px}.view-controls button{padding:8px 12px;font-size:10px;background:#152b39b0;border:1px solid #36515e;color:#b9d0d7}.view-controls .status{width:100%;text-align:right;font-size:8px}.city-hint{position:absolute;bottom:112px;right:38px;font:8px ui-monospace,monospace;letter-spacing:1.3px;color:#78959f;pointer-events:none}.city-hint span{padding:0 10px}.name-tag{font:8px ui-monospace,monospace;border-radius:4px;color:#d3ede5;background:#132632ee;border-color:#77e1d12a;padding:4px 7px;transition:font-size .5s,padding .5s}.name-tag.fresh{font-size:14px;padding:7px 12px;border-color:#77e1d1}.name-tag.pending{color:#efb792}.district-tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#ffa277}.overlay.full .hud{top:35px;left:35px;width:300px}.overlay-hud h1{font-size:28px;letter-spacing:-1.8px}.overlay-hud .eyebrow{display:flex;align-items:center;gap:7px}.overlay:not(.full) .hud{bottom:22px;right:calc(40vw + 10px);width:250px}.overlay:not(.full) .hud h1{font-size:22px}.overlay .name-tag{font-size:7px}.overlay.full .name-tag{font-size:10px}#details{z-index:4;top:110px;bottom:auto;right:30px;width:370px;max-width:calc(100vw - 30px);max-height:calc(100vh - 220px);overflow:auto;box-shadow:0 22px 70px #0007;padding:25px}#details h2{font-size:23px;line-height:1.3;text-transform:capitalize;margin:15px 0}#details strong{font:12px ui-monospace,monospace}#details p{margin:15px 0;color:#a9bfc9;font-size:12px;line-height:1.8}#details a{font-size:11px}#details details{margin-top:22px}summary{cursor:pointer;color:#aac7ce;font-size:11px}pre{font:10px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#091721;padding:14px;border-radius:7px;color:#a9d9c8}.icon-button{float:right;background:transparent;color:#b8d3d5;font-size:23px;padding:0 4px}.directory{pointer-events:auto;margin-top:22px}.directory[open]{max-height:160px;overflow:auto}.directory button{display:block;text-align:left;background:none;color:#a6c6ce;font:9px ui-monospace,monospace;padding:8px 0}.viewer .hud{pointer-events:auto}.desk-shell{max-width:1440px}.desk-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0 40px}.summary-card{border:1px solid #ffffff13;background:#10222e;padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:14px}.summary-card .eyebrow{font-size:9px}.summary-card strong{font-size:30px;letter-spacing:-1px}.summary-card small{font-size:10px}.summary-card strong.small-metric{font-size:22px;text-transform:capitalize}.desk-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:18px}.counter{font:11px ui-monospace,monospace;color:#77e1d1;background:#77e1d111;padding:5px 8px;border-radius:6px;margin-left:8px}.job-list{display:grid;gap:15px}.job-card{border:1px solid #36546477;background:#10222e;border-radius:12px;padding:24px}.job-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.job-header strong{font:14px ui-monospace,monospace;color:#c8e4df}.job-status{font:9px ui-monospace,monospace;color:#d9bb87;text-transform:uppercase;letter-spacing:.7px}.job-card.building{border-color:#77e1d188}.job-card.building .job-status{color:#77e1d1}.job-card p{font-size:14px;margin:15px 0;color:#d3e0e5}.job-meta{font:9px ui-monospace,monospace;color:#8aa4b0}.job-actions{display:flex;gap:10px;margin-top:22px}.job-actions button{font-size:11px;padding:10px 14px}.job-progress{font:11px ui-monospace,monospace;color:#77e1d1;background:#77e1d108;padding:12px;margin-top:16px;border-radius:6px}.job-card .error-text{color:#ffae94;font:11px/1.7 ui-monospace,monospace}.settings label{font-size:12px}.settings p{font-size:11px}.settings .row{margin:18px 0}.settings .secondary{font-size:11px;width:100%;margin-top:12px}.inline-form{display:flex;gap:8px}.inline-form input{min-width:0;font-size:12px}.inline-form button{font-size:10px;padding:10px}.activity-card{margin-top:24px}.activity-list{padding-left:16px;font:10px/1.7 ui-monospace,monospace;color:#91adb6}.activity-list li{margin-bottom:15px}.activity-list .codex{color:#77e1d1}.activity-list .error{color:#ffa277}.history{margin-top:26px}.history .job-card{margin-top:14px;opacity:.8}.empty-state{border:1px dashed #365464;border-radius:14px;padding:55px 30px;text-align:center;color:#92aeb9}.empty-state h3{font-size:19px;color:#d3e8e5;font-weight:500}.empty-state p{font-size:12px}.event-controls{margin-top:32px;border-top:1px solid var(--line);padding-top:28px}.event-controls p{font-size:11px}.event-buttons{display:flex;gap:10px;margin-top:15px}.event-buttons button{font-size:10px;flex:1}.preview{height:380px}.desk-link{display:inline-block;margin-top:20px;font-size:12px;text-decoration:none}
@media(max-width:1000px){.header-caption{display:none}.viewer #viewport{left:150px;width:calc(100% - 150px)}.viewer .hud{left:24px;width:210px;top:120px}.viewer .hud h1{font-size:36px}.desk-summary{grid-template-columns:repeat(2,1fr)}.desk-layout{grid-template-columns:minmax(0,1fr) 290px}.city-bottom{left:24px;right:24px}.live-card{max-width:400px}.city-hint{display:none}}
@media(max-width:720px){.city-header{padding:20px}.city-header nav{font-size:10px}.wordmark{font-size:17px}.viewer #viewport{left:0;top:100px;width:100%;height:calc(100% - 180px)}.viewer .hud{top:95px;left:20px;width:170px;pointer-events:none}.viewer .hud h1{font-size:29px;letter-spacing:-1.5px;margin:14px 0}.viewer .hud>.eyebrow,.intro,.city-stats,.viewer .count,.viewer #last,.queue-title,.viewer #queue,.directory{display:none}.city-bottom{left:14px;right:14px;bottom:16px;gap:10px;align-items:flex-end}.live-card{padding:11px;gap:8px;max-width:70%}.live-card #ticker{font-size:9px}.view-controls{width:90px}.view-controls button{font-size:8px;padding:6px}.view-controls .status{font-size:6px}.desk-layout{grid-template-columns:1fr}.desk-summary{gap:10px;margin:20px 0}.summary-card{padding:18px}.summary-card strong{font-size:25px}.desk-layout aside{display:grid;grid-template-columns:1fr}.section-heading .badge{font-size:9px}.job-card{padding:18px}.job-header{align-items:flex-start}.job-status{font-size:8px}.job-card p{font-size:13px}.preview{height:280px}.overlay:not(.full) .hud{right:10px;bottom:40vh;width:210px}.overlay.full .hud{width:230px;left:15px;top:15px}#details{top:90px;right:14px;width:calc(100% - 28px);max-height:calc(100vh - 200px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.name-tag.seed-tag{display:none}