:root { color-scheme: dark; --bg:#101116; --panel:#1a1c24; --panel2:#242733; --text:#f5f7fb; --muted:#a9afbd; --accent:#0a84ff; --good:#30d158; --bad:#ff453a; --border:#343847; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
a { color:#64a8ff; }
.standalone-nav { position:sticky; top:0; z-index:9999; display:flex; flex-wrap:wrap; gap:8px; padding:10px 14px; background:#08090d; border-bottom:1px solid var(--border); }
.standalone-nav a { text-decoration:none; padding:7px 11px; border-radius:8px; background:#1a1d27; color:#fff; }
.container, .page { width:min(1180px,94vw); margin:20px auto; }
.card, .form-section, .form-group { background:var(--panel); border:1px solid var(--border); border-radius:12px; padding:14px; }
input, select, textarea, button { font:inherit; }
input, select, textarea { width:100%; background:#11131a; color:#fff; border:1px solid #3b4050; border-radius:8px; padding:9px; }
textarea { min-height:100px; }
button, .btn, .download-btn { border:0; border-radius:9px; padding:10px 14px; cursor:pointer; background:var(--accent); color:#fff; text-decoration:none; display:inline-block; }
button:disabled { opacity:.55; cursor:not-allowed; }
.btn-secondary { background:#3a3f4f; }
.grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
@media(max-width:800px){ .grid-2,.grid-3{grid-template-columns:1fr;} }
.loading { padding:12px; background:#3c320e; border-radius:8px; }
.success { padding:12px; background:#103d20; border-radius:8px; }
.error { padding:12px; background:#4a1717; border-radius:8px; }
table { width:100%; border-collapse:collapse; }
th,td { border-bottom:1px solid var(--border); padding:9px; text-align:left; vertical-align:top; }
.badge { display:inline-block; padding:3px 8px; border-radius:99px; background:#303544; font-size:12px; }
.badge.complete{background:#154d29}.badge.processing{background:#4a3b0d}.badge.failed{background:#521a1a}.badge.queued{background:#183557}
canvas { max-width:100%; }