:root{--bg: #f6f7f9;--surface: #ffffff;--text: #1d2330;--muted: #5d6677;--border: #dfe3ea;--accent: #1f6feb;--accent-text: #ffffff;--error: #b42318;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #12151b;--surface: #1a1e26;--text: #e6e9ef;--muted: #9aa3b2;--border: #2c323d;--accent: #4c8dff;--accent-text: #0b1220;--error: #ff8a80;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{font-weight:700;font-size:17px;color:var(--text);text-decoration:none}.tag{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.logins{color:var(--muted);font-size:13px}code{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;padding:1px 5px;border-radius:4px;background:var(--bg);border:1px solid var(--border);color:var(--text)}.spacer{flex:1}.button{font:inherit;font-size:13px;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;cursor:pointer}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button.warn{background:#facc15;border-color:#eab308;color:#1f1a05}.button.learn{background:#0369a1;border-color:#0369a1;color:#fff}.cloud-banner{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 18px;padding:10px 48px;background:linear-gradient(90deg,#0c4a6e,#0369a1 55%,#0c4a6e);color:#fff;font-size:15px;text-align:center}.cloud-badge{padding:2px 10px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.45);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.cloud-cta{padding:8px 18px;border-radius:6px;background:#fff;color:#0c4a6e;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 1px 3px #0000004d}.cloud-cta:hover{background:#e0f2fe}.cloud-close{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer}.cloud-close:hover{background:#ffffff2e}main{flex:1;display:flex;min-height:0}iframe{flex:1;width:100%;border:0;background:#fff}.loading{margin:auto;max-width:520px;padding:32px 16px}.loading h1{font-size:24px;margin:0 0 8px}.lead{color:var(--muted);margin:0 0 24px}.steps{list-style:none;padding:0;margin:0 0 24px}.steps li{padding:6px 0 6px 28px;position:relative;color:var(--muted)}.steps li:before{content:"";position:absolute;left:4px;top:12px;width:10px;height:10px;border-radius:50%;border:2px solid var(--border)}.steps li.active{color:var(--text);font-weight:600}.steps li.active:before{border-color:var(--accent)}.steps li.done{color:var(--text)}.steps li.done:before{background:var(--accent);border-color:var(--accent)}.error{color:var(--error);font-weight:600}.note{color:var(--muted);font-size:13px}[hidden]{display:none!important}