:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background-color:#f8fafc}body{margin:0;background:linear-gradient(180deg,#e0f2fe,#f8fafc 40%);min-height:100vh}*{box-sizing:border-box}a{color:inherit}.app-shell{max-width:1100px;margin:0 auto;padding:32px 20px 48px}.hero{text-align:center;margin-bottom:24px}.hero h1{margin:0 0 8px;font-size:28px;font-weight:800}.hero p{margin:0;color:#475569}.grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.grid{grid-template-columns:320px 1fr;align-items:start}}.card{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 10px 30px #0f172a14;border:1px solid #e2e8f0}.card h2{margin:0 0 12px;font-size:16px;color:#0f172a}.controls label{display:block;margin-bottom:8px;font-weight:600;color:#0f172a}.select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;font-size:14px}.button-primary{width:100%;padding:18px;font-size:18px;font-weight:700;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;transition:transform .1s ease,box-shadow .2s ease;box-shadow:0 12px 25px #2563eb4d}.button-primary:active{transform:scale(.99);box-shadow:0 6px 18px #2563eb42}.button-primary[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none}.status-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.status-chip{padding:10px 12px;border-radius:12px;background:#e2e8f0;color:#0f172a;font-weight:600;text-align:center}.status-chip.active{background:#dbeafe;color:#1d4ed8}.panel{margin-top:8px}.panel textarea{width:100%;min-height:120px;padding:12px;border-radius:12px;border:1px solid #cbd5e1;background:#f8fafc;font-size:14px;resize:vertical}.logs{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:12px;font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;max-height:160px;overflow-y:auto}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:#e2e8f0;color:#0f172a;font-weight:600;font-size:12px}.alert{padding:12px;border-radius:12px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;margin-bottom:12px}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.small-label{font-size:12px;color:#64748b}.footer-note{margin-top:14px;color:#475569;font-size:13px}