:root{--bg: #0b1020;--panel: #131a2b;--panel-2: #0f1627;--text: #e9eefb;--muted: #a7b1c8;--primary: #4f8cff;--primary-600: #3977f6;--success: #22c55e;--danger: #ef4444;--border: #24304a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 900px at 80% -200px,#1b2550,#0b1020 60%) no-repeat,radial-gradient(900px 600px at -200px 120%,#102044,#0b1020 50%) no-repeat,var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.container{max-width:1000px;margin:0 auto;padding:24px}.header{display:flex;align-items:center;gap:12px}.logo{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#93c5fd,#60a5fa 60%,#2563eb);color:#fff;font-weight:700}.title{font-size:22px;font-weight:700;letter-spacing:.2px}.subtitle{margin-top:6px;color:var(--muted);font-size:13px}.panel{background:linear-gradient(180deg,#ffffff05,#fff0);border:1px solid var(--border);border-radius:14px;padding:14px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.actions{display:flex;gap:10px;align-items:center;margin-top:10px}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.input::placeholder{color:#8090b0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;padding:10px 14px;border-radius:10px;font-weight:600;transition:transform .05s ease,background .2s ease,box-shadow .2s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary-600));color:#fff;box-shadow:0 6px 20px #4f8cff40}.btn-muted{background:#222a3e;color:var(--text);border:1px solid var(--border)}.btn-danger{background:#7f1d1d;color:#fff;border:1px solid #7f1d1d}.btn-hero{padding:14px 22px;font-size:16px;border-radius:12px}.status{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.badge{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:var(--panel)}.badge.ok{color:#10b981;border-color:#115e59;background:#0b2c2d}.badge.err{color:#f87171;border-color:#7f1d1d;background:#2b0d0d}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{height:12px}.section h3{margin:0 0 8px;font-size:14px;color:var(--muted);font-weight:600;letter-spacing:.2px}.area{width:100%;min-height:160px;resize:vertical;border-radius:12px;padding:12px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.5}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ghost{opacity:.7}