:root{--bg:#0d1117;--panel:#161b22;--panel-2:#1f2630;--brass:#c9a449;--brass-dim:#8a6d2c;--green:#4ade80;--red:#ef4444;--text:#e6edf3;--muted:#8b949e;--border:#30363d}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:100vh}a{color:var(--brass)}.app-shell{max-width:1280px;margin:0 auto;padding:1.5rem}.app-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1.5rem}.app-title{font-size:1.4rem;letter-spacing:.18em;color:var(--brass);text-transform:uppercase}.app-sub{font-size:.75rem;color:var(--muted);letter-spacing:.1em}.toggle{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.toggle button{background:var(--panel);color:var(--muted);border:none;padding:.55rem 1rem;cursor:pointer;font-family:inherit;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.toggle button.active{background:var(--brass);color:#111}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}@media (max-width:880px){.grid-2{grid-template-columns:1fr}}label{display:block;font-size:.7rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:.35rem}input,select{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.55rem .7rem;font-family:inherit;font-size:.95rem}input:focus,select:focus{outline:none;border-color:var(--brass)}.row{margin-bottom:.9rem}.button{background:var(--brass);color:#111;border:none;border-radius:6px;padding:.65rem 1rem;font-family:inherit;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;width:100%}.button.secondary{background:var(--panel-2);color:var(--brass);border:1px solid var(--brass-dim)}.button:disabled{opacity:.5;cursor:not-allowed}.readout{background:#050a0d;border:1px solid var(--brass-dim);border-radius:6px;padding:.9rem 1rem;margin-top:1rem;font-family:ui-monospace,monospace;color:var(--green)}.readout .big{font-size:1.6rem;color:var(--brass);letter-spacing:.06em}.dial-wrap{display:flex;justify-content:center;align-items:center;padding:1rem;background:radial-gradient(circle at 50% 40%,#2a2118 0,#0d0a06 70%);border-radius:50%;margin:.5rem auto}.error{background:#2a0d0d;border:1px solid var(--red);color:#fecaca;padding:.6rem .9rem;border-radius:6px;margin-top:.8rem;font-size:.85rem}.section-title{font-size:.75rem;letter-spacing:.16em;color:var(--brass);text-transform:uppercase;border-bottom:1px dashed var(--brass-dim);padding-bottom:.4rem;margin:0 0 .9rem}.muted{color:var(--muted);font-size:.8rem}.kv{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.85rem;border-bottom:1px dotted #2a2f37}.kv:last-child{border-bottom:none}.kv span:first-child{color:var(--muted)}