:root{--bg:#0f172a;--card:#0b1220;--muted:#94a3b8;--accent:#60a5fa;--success:#10b981;--danger:#ef4444}body,html{margin:0;padding:0;background:linear-gradient(180deg,#071028,#07182a);color:#e6eef8;height:100%}.container{max-width:1100px;margin:36px auto;padding:24px}.card{background:rgba(255,255,255,.02);border-radius:12px;padding:18px;box-shadow:0 8px 24px rgba(2,6,23,.6);border:1px solid rgba(255,255,255,.03)}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.btn{padding:8px 12px;border-radius:8px;border:none;cursor:pointer;background:linear-gradient(180deg,#1f2937,#111827);color:#e6eef8}.btn.primary{background:linear-gradient(180deg,#2563eb,#1e40af)}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.04)}textarea.json-editor{width:100%;height:300px;padding:12px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:14px;line-height:1.4;color:#dbeafe;background-color:#020617;border:1px solid rgba(255,255,255,.1);overflow:auto;resize:vertical}.output{font-family:ui-monospace,Menlo,Monaco,monospace;white-space:pre-wrap;background:rgba(0,0,0,.25);padding:12px;border-radius:8px;margin-top:12px;overflow-x:auto}.error{color:var(--danger)}.error,.ok{font-weight:600}.ok{color:var(--success)}.kv{color:var(--muted);font-size:13px}textarea.json-editor::-webkit-scrollbar{width:12px}textarea.json-editor::-webkit-scrollbar-track{background:#1f1f1f;border-radius:6px}textarea.json-editor::-webkit-scrollbar-thumb{background-color:#555;border-radius:6px;border:3px solid #1f1f1f}textarea.json-editor::-webkit-scrollbar-thumb:hover{background-color:#888}