:root{--bg: #0b1120;--bg-soft: #020617;--card-bg: #0f172a;--border-subtle: #1e293b;--accent: #38bdf8;--accent-soft: rgba(56,189,248,.12);--accent-strong: #0ea5e9;--text-main: #e5e7eb;--text-muted: #9ca3af;--danger: #f97373;--warn: #facc15;--good: #22c55e}body{margin:0;font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1e293b 0,#020617 55%,#000);color:var(--text-main);overflow-y:scroll}.app{max-width:1200px;margin:0 auto;padding:32px 20px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card{background:linear-gradient(135deg,#0f172af5,#0f172afa);border-radius:18px;padding:22px 22px 20px;box-shadow:0 18px 40px #0f172abf,0 0 0 1px #94a3b82e;border:1px solid rgba(148,163,184,.22)}.grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:840px){.grid{grid-template-columns:minmax(0,1fr)}}h1{margin:0 0 6px;font-size:26px;letter-spacing:.02em}h2{margin:0 0 6px;font-size:18px}p{margin:0 0 10px;color:var(--text-muted);font-size:14px}label{font-weight:600;display:block;margin:10px 0 4px;font-size:14px;color:var(--text-main)}input,textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--border-subtle);color:#000;font-size:15px;box-sizing:border-box}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent-strong);box-shadow:0 0 0 1px #38bdf866}textarea{resize:vertical;min-height:72px}button{padding:11px 14px;border:0;border-radius:999px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.01em;transition:background .16s ease,transform .08s ease,box-shadow .16s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}button:active{transform:translateY(1px);box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.primary{background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:#0b1120;box-shadow:0 8px 18px #38bdf859}.primary:hover{background:linear-gradient(135deg,#38bdf8,#7dd3fc)}.good{background:linear-gradient(135deg,#22c55e,#4ade80);color:#052e16;box-shadow:0 8px 18px #22c55e59}.warn{background:linear-gradient(135deg,#facc15,#f97316);color:#111827;box-shadow:0 8px 18px #facc1559}.ghost{background:#0f172ae6;color:var(--text-main);border-radius:999px;border:1px solid rgba(148,163,184,.35)}.ghost:hover{background:#0f172a;border-color:#94a3b8b3}.status{margin-top:10px;font-weight:600;font-size:13px;color:var(--text-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.hidden{display:none!important}.wizardTop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.pill{background:var(--accent-soft);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--accent-strong);border:1px solid rgba(56,189,248,.4)}.stepTitle{font-size:20px;margin:0 0 8px;color:#020617}.stepBody{color:#111827;line-height:1.6;font-size:15px}.stepBox{border:1px solid rgba(148,163,184,.7);border-radius:16px;padding:18px 18px 16px;background:#f9fafb;box-shadow:0 14px 30px #0f172a40,0 0 0 1px #f8fafce6;min-height:450px;display:flex;flex-direction:column}.nav{margin-top:18px;display:flex;gap:10px}.nav button{flex:1}.serialHelp-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center}.serialHelp-popup{position:absolute;top:120%;right:0;z-index:20;background:#0b1120;padding:8px;border-radius:10px;border:1px solid rgba(148,163,184,.8);box-shadow:0 14px 30px #0f172ab3;min-width:200px;max-width:460px;display:none}.serialHelp-trigger:hover .serialHelp-popup{display:block}.serialHelp-popup img{display:block;max-width:450px;border-radius:6px;border:1px solid #cbd5e1;background:#f9fafb}#image-zoom-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:20px}#image-zoom-modal.active{display:flex}#image-zoom-modal img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 50px #00000080}