:root{--primary:#325dff;--secondary:#6e6bff;--teal:#19c8b3;--text:#11284a;--muted:#647c9e;--line:#d9e3f4;--panel:#fff;--bg:#f7f9ff}*{box-sizing:border-box}body{margin:0;font-family:Arial,"Segoe UI",Tahoma,sans-serif;background:linear-gradient(180deg,#fbfcff,#eef4ff);color:var(--text)}.app-shell{max-width:1280px;margin:auto;padding:24px}.hero-card,.panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 45px rgba(50,93,255,.08);padding:22px;margin-bottom:18px}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.kicker{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#f8fbff;color:var(--muted);font-weight:700}.hero-card h1{font-size:42px;margin:12px 0 10px}.hero-card p,.muted{color:var(--muted);line-height:1.8}.hero-actions,.actions{display:flex;gap:10px;flex-wrap:wrap}.btn,button{border:0;border-radius:14px;padding:11px 15px;font-weight:800;cursor:pointer;text-decoration:none}.primary,button{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.secondary{background:#fff;border:1px solid var(--line);color:var(--text)}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:1fr 1fr}label{display:block;margin-top:12px;font-weight:800;color:var(--muted)}input,textarea{width:100%;padding:12px;border:1px solid #c8d6ee;border-radius:14px;background:#fff;color:var(--text)}textarea{min-height:96px}pre{background:#10234d;color:#dbe8ff;border-radius:16px;padding:16px;min-height:260px;max-height:560px;overflow:auto;direction:ltr;text-align:left;white-space:pre-wrap}.card-list{display:grid;gap:12px;margin-top:14px}.queue-card{border:1px solid var(--line);border-radius:18px;background:#f8fbff;padding:14px}.queue-card h3{margin:0 0 8px}.badge{display:inline-block;margin:4px 4px 0 0;padding:5px 9px;border-radius:999px;background:#eef4ff;color:var(--primary);font-size:12px;font-weight:800}.safety-note{background:rgba(255,140,104,.1);border:1px solid rgba(255,140,104,.22);border-radius:18px;padding:16px;color:#8a4b3b;font-weight:800}@media(max-width:900px){.hero-card,.grid.two{grid-template-columns:1fr;display:grid}.hero-card h1{font-size:32px}}