:root{--navy-900:#0a1420;--navy-800:#0d1b2a;--navy-700:#132437;--navy-600:#1b3047;--line:#223c56;--line-soft:#1a2e44;--text:#e8eef5;--text-dim:#93a8bd;--text-faint:#64798f;--accent:#4cc9f0;--accent-dim:#2d8fb3;--blend:#f9a03f;--danger:#ef5d5d;--warn:#f2b134;--ok:#5ec98a;--radius:8px;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--navy-900);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--navy-800);border-bottom:1px solid var(--line);z-index:20;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.brand-mark{background:linear-gradient(100deg, var(--accent) 0 45%, var(--blend) 55% 100%);border-radius:3px;flex:none;width:26px;height:18px}.topbar-spacer{flex:1}.layout{flex:1;grid-template-columns:minmax(320px,380px) 1fr;align-items:start;gap:20px;padding:20px;display:grid}@media (width<=1000px){.layout{grid-template-columns:1fr}}.col{flex-direction:column;gap:16px;min-width:0;display:flex}.card{background:var(--navy-800);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden}.card>h2{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);background:var(--navy-700);border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;margin:0;padding:11px 14px;font-size:12px;font-weight:650;display:flex}.card-body{flex-direction:column;gap:12px;padding:14px;display:flex}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field>label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:600}.field .hint{color:var(--text-faint);font-size:11px;line-height:1.4}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}input[type=text],input[type=number],select,textarea{background:var(--navy-900);border:1px solid var(--line);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:7px 9px;font-size:13px}input[type=number]{font-family:var(--mono);font-variant-numeric:tabular-nums}textarea{resize:vertical;min-height:64px;font-size:12.5px}input:focus,select:focus,textarea:focus{border-color:var(--accent-dim);outline:none;box-shadow:0 0 0 2px #4cc9f02e}input[type=range]{width:100%;accent-color:var(--accent)}.input-suffix{position:relative}.input-suffix>span{color:var(--text-faint);pointer-events:none;font-size:11px;font-family:var(--mono);position:absolute;top:50%;right:9px;transform:translateY(-50%)}.input-suffix input{padding-right:34px}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--navy-700);color:var(--text);border-radius:6px;padding:7px 12px;font-size:13px;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:var(--navy-600);border-color:var(--accent-dim)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent-dim);border-color:var(--accent-dim);color:#04222e;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}button.ghost{background:0 0}button.danger{color:var(--danger);border-color:#ef5d5d66}button.small{padding:4px 8px;font-size:12px}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.segmented{background:var(--navy-900);border:1px solid var(--line);border-radius:6px;gap:2px;padding:2px;display:flex}.segmented button{color:var(--text-dim);white-space:nowrap;background:0 0;border:none;border-radius:4px;flex:1;padding:5px 8px;font-size:12px}.segmented button[aria-pressed=true]{background:var(--accent-dim);color:#04222e;font-weight:600}.segmented button:hover:not([aria-pressed=true]){background:var(--navy-700);color:var(--text)}.stat-grid{background:var(--line-soft);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;display:grid}.stat{background:var(--navy-800);padding:12px 14px}.stat .k{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:4px;font-size:10.5px}.stat .v{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:17px}.stat .sub{color:var(--text-dim);font-size:11px;font-family:var(--mono);margin-top:3px}.stat.accent .v{color:var(--accent)}.stat.blend .v{color:var(--blend)}table.data{border-collapse:collapse;width:100%;font-size:12.5px}table.data th,table.data td{text-align:right;border-bottom:1px solid var(--line-soft);font-variant-numeric:tabular-nums;font-family:var(--mono);padding:7px 10px}table.data th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);background:var(--navy-700);font-family:inherit;font-size:10.5px;font-weight:600}table.data th:first-child,table.data td:first-child{text-align:left;font-family:inherit}table.data tr:last-child td{border-bottom:none}table.data tbody tr:hover td{background:var(--navy-700)}.diag{border-left:3px solid var(--text-faint);background:var(--navy-700);border-radius:0 6px 6px 0;gap:10px;padding:9px 12px;font-size:12.5px;line-height:1.45;display:flex}.diag.error{border-left-color:var(--danger);background:#ef5d5d1a}.diag.warning{border-left-color:var(--warn);background:#f2b13417}.diag.info{border-left-color:var(--accent-dim);background:#4cc9f012}.diag .tag{letter-spacing:.07em;text-transform:uppercase;flex:none;width:52px;padding-top:2px;font-size:10px;font-weight:700}.diag.error .tag{color:var(--danger)}.diag.warning .tag{color:var(--warn)}.diag.info .tag{color:var(--accent)}.badge{letter-spacing:.05em;text-transform:uppercase;color:var(--warn);background:#f2b13429;border:1px solid #f2b1344d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.diagram{background:var(--navy-900);padding:14px}.diagram svg{width:100%;height:auto;display:block}.legend{border-top:1px solid var(--line-soft);color:var(--text-dim);flex-wrap:wrap;gap:16px;padding:10px 14px;font-size:11.5px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.swatch{border-radius:3px;flex:none;width:12px;height:12px}.modal-backdrop{z-index:100;background:#050c14bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--navy-800);border:1px solid var(--line);border-radius:10px;flex-direction:column;width:min(900px,100%);max-height:88vh;display:flex;overflow:hidden}.modal header{border-bottom:1px solid var(--line-soft);background:var(--navy-700);align-items:center;gap:12px;padding:14px 18px;display:flex}.modal header h2{margin:0;font-size:15px}.modal .body{flex-direction:column;gap:16px;padding:18px;display:flex;overflow:auto}.modal footer{border-top:1px solid var(--line-soft);background:var(--navy-700);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.list{border:1px solid var(--line-soft);border-radius:6px;max-height:280px;overflow:auto}.list-item{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--navy-700)}.list-item .grow{flex:1;min-width:0}.list-item .meta{font-family:var(--mono);color:var(--text-faint);font-size:11.5px}.notice{color:var(--text-dim);background:var(--navy-700);border:1px solid var(--line-soft);border-left:3px solid var(--warn);border-radius:0 6px 6px 0;padding:10px 12px;font-size:12px;line-height:1.5}.footer-note{color:var(--text-faint);border-top:1px solid var(--line-soft);margin-top:8px;padding:16px 20px 28px;font-size:11.5px;line-height:1.6}.footer-note a{color:var(--accent-dim)}.checkbox{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-size:12.5px;display:flex}.checkbox input{accent-color:var(--accent);width:15px;height:15px}