:root{--red:#b91c1c;--red-dark:#991b1b;--red-soft:#fef2f2;--page:#f5f5f5;--surface:#fff;--text:#1f2937;--muted:#6b7280;--border:#dedede}*{box-sizing:border-box}body{background:var(--page);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}.workflow{width:100%;max-width:600px;margin:0 auto;padding:24px 16px 40px}.workflow-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}h1,h2{color:#1f2937;margin:0}h1{letter-spacing:-.5px;font-size:32px}h2{font-size:20px}.workflow>section{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-top:20px;padding:20px}.workflow>section>*+*{margin-top:16px}.statusOnline,.statusOffline,.statusChecking{align-items:center;gap:7px;font-weight:700;display:inline-flex}.statusOnline{color:#15803d}.statusOffline{color:var(--red-dark)}.statusChecking{color:var(--muted)}.statusOnline:before,.statusOffline:before,.statusChecking:before{content:"•";font-size:24px;line-height:12px}button{background:var(--red);color:#fff;cursor:pointer;min-height:48px;font:inherit;border:0;border-radius:10px;padding:0 18px;font-weight:600;transition:background-color .15s,transform .15s}button:hover:not(:disabled){background:var(--red-dark)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}.is-loading:before{content:"";vertical-align:-2px;border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:9px;animation:.7s linear infinite button-spin;display:inline-block}@keyframes button-spin{to{transform:rotate(360deg)}}.workflow>section>button,fieldset button{width:100%}.secondary-button{background:#343434}.secondary-button:hover:not(:disabled){background:#1f1f1f}.install-button{margin-bottom:2px}label{font-weight:700;display:block}select,textarea{width:100%;color:var(--text);font:inherit;background:#fff;border:1px solid #cfcfcf;border-radius:10px;margin-top:9px;padding:13px 14px;display:block}select{min-height:52px}textarea{resize:vertical;min-height:116px}select:focus,textarea:focus{border-color:var(--red);outline:0;box-shadow:0 0 0 3px #b91c1c1f}.summary,.status-message{color:var(--muted);margin:0}.qr-video{aspect-ratio:4/3;object-fit:cover;background:#202020;border-radius:12px;width:100%;max-width:100%;display:block}.flash{border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;padding:12px 14px;font-weight:600;display:flex}.flash-success{color:#166534;background:#dcfce7;border-color:#bbf7d0}.flash-error{background:var(--red-soft);color:var(--red-dark);border-color:#fecaca}.flash-info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.flash-close{color:currentColor;background:0 0;border-radius:7px;flex:none;width:32px;min-height:32px;padding:0;font-size:24px;line-height:1}.flash-close:hover:not(:disabled){background:#00000014}.validation-grid{background:#f8f8f8;border-radius:10px;grid-template-columns:max-content 1fr;gap:9px 18px;margin:0;padding:16px;display:grid}.validation-grid dt{color:var(--muted);font-weight:700}.validation-grid dd{margin:0;font-weight:700}.alert{border-radius:10px;margin:0;padding:13px 15px}.alert-error{background:var(--red-soft);color:var(--red-dark)}fieldset{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}fieldset label{align-items:center;gap:10px;font-weight:400;display:flex}fieldset label input{width:18px;height:18px;accent-color:var(--red)}.outbox{gap:8px;margin:0;padding:0;list-style:none;display:grid}.outbox li{background:#f6f6f6;border-radius:8px;padding:10px 12px;font-size:14px}@media (max-width:480px){.workflow{padding:20px 14px 32px}.workflow>section{padding:18px}.qr-video{aspect-ratio:1;border-radius:14px}.workflow-header{flex-direction:column;align-items:flex-start}}