body{font-family:system-ui,sans-serif;margin:0;background:#0f172a;color:#e2e8f0}.nav{display:flex;gap:1rem;align-items:center;padding:.8rem 1.5rem;background:#1e293b}.nav a{color:#7dd3fc;text-decoration:none}.nav a:hover{text-decoration:underline}.container{max-width:900px;margin:1.5rem auto;padding:0 1rem}.card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1rem;margin:1rem 0}input,textarea{display:block;width:100%;margin:.4rem 0;padding:.5rem;border-radius:4px;border:1px solid #475569;background:#0f172a;color:#e2e8f0;box-sizing:border-box}button{background:#0ea5e9;color:#082f49;border:none;padding:.5rem 1.2rem;border-radius:4px;cursor:pointer;font-weight:600}button:hover{background:#38bdf8}.error{color:#fca5a5;white-space:pre-wrap}.hint{color:#fbbf24}.info{color:#86efac}.badge{font-size:.75rem;padding:.1rem .5rem;border-radius:999px;background:#334155}.badge-DEV{background:#7c3aed}.badge-QA_DEV{background:#0369a1}.badge-EXTRA{background:#b45309}.toggle{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.toggle input{width:auto}code{background:#334155;padding:.1rem .3rem;border-radius:4px}pre{background:#0b1220;padding:.8rem;border-radius:6px;overflow-x:auto}