:root{--dev-ok: #5fd97a;--dev-warn: #e8b44a;--dev-err: #dc4d40;--dev-muted: var(--washi-faint)}.dev-shell{max-width:1080px;margin:0 auto;padding:24px 20px 64px;display:grid;gap:18px}.dev-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:6px;border-bottom:1px solid var(--hairline-strong)}.dev-header h1{margin:0;font-family:var(--mono);font-size:20px;letter-spacing:.04em;font-weight:700}.dev-slash{color:var(--kin)}.dev-badge{font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:4px 9px;border-radius:3px;border:1px solid var(--hairline-strong);color:var(--washi-dim);white-space:nowrap}.dev-badge--warn{color:var(--dev-warn);border-color:#e8b44a80;background:#e8b44a14}.dev-panel{background:var(--sumi-raised);border:1px solid var(--hairline);border-radius:4px;padding:18px 20px 20px;display:grid;gap:12px;align-content:start}.dev-panel h2{margin:0;font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--kin);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.dev-h-sub{font-size:11px;letter-spacing:.04em;text-transform:none;color:var(--dev-muted)}.dev-hint{margin:0;font-size:13px;line-height:1.6;color:var(--washi-dim)}.dev-row{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.dev-field{display:grid;gap:5px;min-width:0}.dev-field--narrow{width:110px}.dev-field--wide{flex:1 1 260px}.dev-field-label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dev-muted)}.dev-field select,.dev-field input[type=number],.dev-field input[type=text]{background:var(--sumi-inset);border:1px solid var(--hairline-strong);border-radius:3px;padding:8px 10px;font-family:var(--mono);font-size:13.5px;color:var(--washi)}.dev-field select{min-width:200px;cursor:pointer}.dev-field input:focus-visible,.dev-field select:focus-visible{outline:2px solid var(--ai);outline-offset:2px}.dev-check{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--washi-dim);cursor:pointer}.dev-check input{accent-color:var(--kin);width:15px;height:15px}.dev-check:has(input:disabled){opacity:.5;cursor:not-allowed}.dev-btn{font-family:var(--mono);font-size:13px;letter-spacing:.05em;padding:9px 16px;border-radius:3px;border:1px solid var(--hairline-strong);background:var(--sumi-inset);color:var(--washi-dim);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.dev-btn:hover{color:var(--washi);border-color:var(--washi-faint)}.dev-btn:active{transform:translateY(1px)}.dev-btn:disabled{opacity:.45;cursor:not-allowed}.dev-btn--primary{color:#17130a;background:var(--kin);border-color:var(--kin);font-weight:600}.dev-btn--primary:hover{background:#f0c268;color:#17130a}a.dev-btn{display:inline-flex;align-items:center;text-decoration:none}.dev-status{font-family:var(--mono);font-size:12px;letter-spacing:.05em;padding:4px 10px;border-radius:12px;border:1px solid var(--hairline-strong);color:var(--washi-dim)}.dev-status--active{color:var(--dev-ok);border-color:var(--dev-ok)}.dev-status--requesting,.dev-status--degraded{color:var(--dev-warn);border-color:var(--dev-warn)}.dev-status--error,.dev-status--disconnected{color:var(--dev-err);border-color:var(--dev-err)}.dev-status--stopped,.dev-status--idle{color:var(--dev-muted);border-color:var(--hairline-strong)}.dev-detail{font-family:var(--mono);font-size:12px;color:var(--dev-muted)}.dev-caps-wrap{display:grid;gap:6px}.dev-caps{display:flex;flex-wrap:wrap;gap:6px}.dev-cap{font-family:var(--mono);font-size:11.5px;padding:4px 8px;border-radius:3px;border:1px solid var(--hairline-strong)}.dev-cap--on{color:var(--dev-ok);border-color:var(--dev-ok);background:#5fd97a14}.dev-cap--off{color:var(--dev-muted);opacity:.6}.dev-empty{margin:0;font-size:13.5px;color:var(--dev-muted)}.dev-table-wrap{overflow-x:auto}.dev-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums}.dev-table th{text-align:left;padding:6px 10px;color:var(--dev-muted);font-weight:500;letter-spacing:.05em;border-bottom:1px solid var(--hairline-strong);white-space:nowrap}.dev-table td{padding:6px 10px;border-bottom:1px solid var(--hairline);vertical-align:middle;white-space:nowrap}.dev-cell-key{color:var(--kin)}.dev-cell-num{text-align:right;min-width:64px}.dev-conf-low{color:var(--dev-warn)}.dev-row-stale{opacity:.42}.dev-row-stale .dev-cell-key:after{content:" (stale)";color:var(--dev-muted)}.dev-bar{position:relative;display:inline-block;width:120px;height:8px;border-radius:4px;background:var(--sumi-inset);border:1px solid var(--hairline);vertical-align:middle;overflow:hidden}.dev-bar-fill{position:absolute;inset:0 auto 0 0;width:0%;background:var(--kin);transition:width .08s linear}.dev-bar-text{display:inline-block;margin-left:8px;min-width:34px;color:var(--washi-dim)}.dev-spark{display:block;width:160px;height:28px;background:var(--sumi-inset);border:1px solid var(--hairline);border-radius:2px}.dev-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 20px;margin:0}.dev-stats dt{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--dev-muted)}.dev-stats dd{margin:2px 0 0;font-family:var(--mono);font-size:20px;font-variant-numeric:tabular-nums;color:var(--washi)}@media (max-width: 560px){.dev-field select{min-width:0;width:100%}.dev-row{align-items:stretch}}