:root{--bg: #0b1020;--panel: #121a2b;--panel-soft: #17223a;--text: #e8edff;--muted: #9aa7c7;--brand: #6ea8fe;--brand-2: #7af2c8;--danger: #ff7b8a;--border: #263253}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#23335f 0%,var(--bg) 45%),var(--bg)}.app-shell{max-width:1200px;margin:0 auto;padding:28px 16px 60px}.hero{background:linear-gradient(135deg,#1a2850,#111b32);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px}.hero h1{margin:0 0 8px;font-size:26px}.hero p{margin:0;color:var(--muted)}.steps{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.step-chip{padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:#121b30;font-size:12px}.step-chip.active{color:#081224;background:linear-gradient(120deg,var(--brand),var(--brand-2));border-color:transparent;font-weight:600}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}@media (max-width: 980px){.grid-2{grid-template-columns:1fr}}.tabs{display:flex;gap:8px;margin-bottom:10px}.tab-btn{background:#111a2f;color:var(--muted);border:1px solid var(--border)}.tab-btn.active{background:linear-gradient(120deg,#5b8cff,#35c3ff);color:#081224;border-color:transparent;font-weight:700}.card{background:#121a2be0;border:1px solid var(--border);border-radius:14px;padding:14px}.card h3{margin:0 0 12px;font-size:16px}.card h4{margin:8px 0;font-size:14px;color:var(--muted)}.muted{color:var(--muted)}.status-line{margin:10px 0;color:#83ffc8;font-size:14px}.error{margin-top:12px;color:#ffd0d5;background:#3b1e2a;border:1px solid #6d2f45;border-radius:10px;padding:10px;white-space:pre-wrap}button{border:1px solid var(--border);background:#1f2f54;color:var(--text);border-radius:10px;padding:8px 12px;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(120deg,#4a86ff,#2a64e8);border-color:transparent}.btn-danger{background:#4c2131;border-color:#7a3550}input,textarea,select{width:100%;padding:9px 10px;border-radius:10px;border:1px solid var(--border);background:#0f1729;color:var(--text)}label{font-size:12px;color:var(--muted);display:grid;gap:6px}.kv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 780px){.kv-grid{grid-template-columns:1fr}}.character-list{margin:0;padding-left:0;list-style:none;display:grid;gap:8px;max-height:280px;overflow:auto}.character-item{border:1px solid var(--border);background:var(--panel-soft);border-radius:10px;padding:10px}.character-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:13px}.panel-grid{display:grid;gap:10px}.comic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.comic-card{border:1px solid var(--border);background:var(--panel-soft);border-radius:12px;padding:8px}.comic-card img{width:100%;border-radius:8px;display:block}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.history-item{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--panel-soft)}