:root{--brand:#2f6fed;--brand-dark:#2158c9;--brand-glow:#2f6fed59;--bg:#eef1f7;--card:#fff;--text:#14161a;--text-muted:#5b6270;--border:#e1e5ee;--amber-bg:#fff8e6;--amber-border:#f2d98a;--amber-fg:#8a6600;--blue-bg:#eef4ff;--blue-border:#c3d8fb;--blue-fg:#2f5fc7;--green:#16995f;--red:#d6435a;--radius:16px;--shadow:0 1px 2px #14161a0d, 0 12px 32px #14161a12;--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--bg:#0a0c11;--card:#12151c;--text:#eef1f6;--text-muted:#939bab;--border:#232735;--amber-bg:#241d0c;--amber-border:#4d3f14;--amber-fg:#f0c766;--blue-bg:#0e1b32;--blue-border:#1d3a63;--blue-fg:#7eaaff;--green:#3ecf83;--red:#ff6b81;--shadow:0 1px 2px #00000059, 0 16px 40px #00000080}}*{box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--bg);color:var(--text);margin:0;padding:52px 24px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.wrap{max-width:920px;margin:0 auto}.brand{align-items:center;gap:14px;margin-bottom:10px;display:flex}.brand img{width:46px;height:46px;box-shadow:var(--shadow);border-radius:12px}.brand h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:700}.tagline{color:var(--text-muted);max-width:62ch;margin:0 0 26px;font-size:.95rem}.notice-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:14px;margin-bottom:20px;display:grid}.notice-row .notice{margin-bottom:0}@media (width<=760px){.notice-row{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 26px 28px}.notice{border:1px solid;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px 16px;font-size:.87rem;animation:.4s both rise;display:flex}.notice-icon{flex-shrink:0;margin-top:2px}.notice.amber{background:var(--amber-bg);border-color:var(--amber-border);color:var(--amber-fg)}.notice.amber .notice-icon{color:var(--amber-fg)}.notice.blue{background:var(--blue-bg);border-color:var(--blue-border);color:var(--blue-fg)}.notice.blue .notice-icon{color:var(--blue-fg)}.notice strong{color:var(--text);font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:4px;font-weight:600;display:block}.notice p{color:var(--text-muted);margin:0}.notice ul{color:var(--text-muted);margin:6px 0 0;padding-left:18px}.notice ul li+li{margin-top:4px}.notice code{font-size:.85em;font-family:var(--font-mono);color:var(--text);background:#7f7f7f2e;border-radius:5px;padding:1px 6px}label{font-size:.9rem;font-weight:600;font-family:var(--font-display);margin:0 0 8px;display:block}.field{margin-bottom:18px}.field:last-child{margin-bottom:0}.hint{color:var(--text-muted);margin-top:6px;font-size:.8rem}.token-row{align-items:center;display:flex;position:relative}.token-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}input[type=password],input[type=text],select{border:1px solid var(--border);background:var(--card);width:100%;color:var(--text);border-radius:11px;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.token-row input[type=password],.token-row input[type=text]{padding-left:40px}input[type=password],input[type=text]{padding-right:44px}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-glow);outline:none}.toggle-visibility{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;margin:0;padding:8px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.toggle-visibility:hover{color:var(--text);background:#7f7f7f24}.token-field-footer{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:10px;display:flex}.link-btn{color:var(--brand);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin:0;padding:4px 0;font-size:.83rem;font-weight:600;display:inline-flex}.link-btn:hover:not(:disabled){text-decoration:underline}.link-btn:disabled{opacity:.55;cursor:default}details.advanced{border:1px solid var(--border);background:#7f7f7f08;border-radius:11px;margin-top:14px;padding:0;overflow:hidden}details.advanced summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted);align-items:center;gap:8px;padding:12px 14px;font-size:.85rem;font-weight:600;list-style:none;display:flex}details.advanced summary:hover{color:var(--text)}details.advanced summary::-webkit-details-marker{display:none}.chev{color:var(--text-muted);flex-shrink:0;transition:transform .18s}details.advanced[open] .chev{transform:rotate(90deg)}details.advanced .inner{padding:2px 14px 16px}details.advanced+details.advanced{margin-top:10px}.steps{color:var(--text-muted);margin:4px 0 0;padding-left:20px;font-size:.87rem}.steps li+li{margin-top:8px}.steps code{color:var(--text);font-size:.9em;font-family:var(--font-mono);background:#7f7f7f2e;border-radius:5px;padding:1px 6px}.steps a{color:var(--brand)}.steps strong{color:var(--text)}.actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}button,.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:.92rem;font-weight:600;transition:transform .1s,box-shadow .15s,opacity .15s,background .15s;display:inline-flex}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 1px 2px #0000001a, 0 6px 16px var(--brand-glow)}.btn-primary:hover:not(:disabled){background:var(--brand-dark);box-shadow:0 2px 4px #0000001f, 0 10px 24px var(--brand-glow);transform:translateY(-1px)}.btn-secondary{color:var(--text);background:#7f7f7f1f}.btn-secondary:hover:not(:disabled){background:#7f7f7f33}.btn-block{width:100%;padding:14px 20px;font-size:.95rem}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status{align-items:center;gap:7px;margin-top:0;font-size:.85rem;display:none}.status.show{animation:.25s both rise;display:flex}.status-icon{flex-shrink:0}.status.ok{color:var(--green)}.status.err{color:var(--red)}.status.pending{color:var(--brand)}.status span:last-child{color:var(--text)}.result{border-top:1px dashed var(--border);margin-top:20px;padding-top:20px;animation:.3s both rise}.result-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700;font-family:var(--font-display);margin-bottom:8px}.url-row{align-items:stretch;gap:8px;display:flex}.url-box{background:var(--bg);border:1px solid var(--border);min-width:0;font-family:var(--font-mono);white-space:nowrap;color:var(--text);border-radius:11px;flex:1;padding:12px 14px;font-size:.8rem;overflow-x:auto}.copy-btn.copied{background:var(--green);color:#fff}.install-link{width:100%;margin-top:14px;text-decoration:none}.mode-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=820px){.mode-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.mode-grid{grid-template-columns:1fr}}.mode-card{border:1px solid var(--border);cursor:pointer;background:var(--card);border-radius:13px;flex-direction:column;height:100%;padding:14px 14px 12px;transition:border-color .12s,box-shadow .12s,background .12s,transform .12s;display:flex;position:relative}.mode-card:hover{border-color:var(--brand);transform:translateY(-1px)}.mode-card.selected{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-glow);background:var(--blue-bg)}.mode-card input[type=radio]{width:16px;height:16px;accent-color:var(--brand);box-shadow:none;outline:none;margin:0;position:absolute;top:14px;right:14px}.mode-card input[type=radio]:focus,.mode-card input[type=radio]:focus-visible{box-shadow:none;outline:none}.mode-card-head{align-items:center;gap:8px;padding-right:24px;display:flex}.mode-card-label{font-size:.95rem;font-weight:700;font-family:var(--font-display)}.mode-card-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--brand);background:var(--brand-glow);border-radius:6px;padding:2px 7px;font-size:.65rem;font-weight:700}.mode-card-blurb{color:var(--text-muted);flex:1;margin:6px 0 10px;font-size:.8rem;line-height:1.4}.mode-preview{background:var(--bg);border:1px solid var(--border);font-family:var(--font-mono);border-radius:9px;margin-top:auto;padding:9px 11px}.mode-preview-name{font-family:inherit;font-size:.85rem;font-weight:700}.mode-preview-title{color:var(--text-muted);margin-top:3px;font-size:.74rem;line-height:1.4}.stepper{flex-direction:column;margin-top:6px;display:flex}.step{animation:.4s both rise}.step-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;margin-bottom:20px;padding:22px 24px 26px}.step-head{margin-bottom:18px}.step-head h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 3px;font-size:1.05rem}.card-sub{color:var(--text-muted);margin:0;font-size:.82rem}.step-last .step-card{margin-bottom:0}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}footer{text-align:center;color:var(--text-muted);margin-top:16px;font-size:.8rem}footer a{color:var(--brand);text-decoration:none}footer a:hover{text-decoration:underline}@media (width<=520px){body{padding:28px 14px 56px}.brand img{width:38px;height:38px}.brand h1{font-size:1.3rem}.step-card{border-radius:13px;padding:18px 16px 20px}.step-head{margin-bottom:14px}.step-head h2{font-size:1rem}.notice{padding:12px 14px;font-size:.83rem}input[type=password],input[type=text],select{padding:11px 13px;font-size:1rem}input[type=password],input[type=text]{padding-right:42px}.url-row{flex-direction:column}.url-box{padding:11px 12px;font-size:.76rem}.copy-btn{width:100%}}