h1.sm{font-size:clamp(2rem,5vw,3rem);margin-top:48px}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 18px}
[role=tab]{padding:10px 20px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font:inherit}
[role=tab][aria-selected=true]{color:var(--text);border-color:var(--a);background:color-mix(in srgb,var(--a) 16%,transparent)}
.panel{padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,rgba(127,127,160,.12),rgba(127,127,160,.03))}
.panel[hidden]{display:none}
.row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px}
label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.88rem;flex:1 1 200px}
input,select,textarea{font:inherit;color:var(--text);background:rgba(127,127,160,.1);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
textarea{width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;margin-bottom:12px}
.go{padding:12px 24px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--a),var(--b));color:#fff;font:inherit;font-weight:600;cursor:pointer}
.go.alt{background:transparent;color:var(--text);border:1px solid var(--line)}
.go:disabled{opacity:.5;cursor:wait}
progress{display:block;width:100%;margin-top:14px;accent-color:var(--a)}
.msg{min-height:1.4em;margin:14px 0 0}.msg[data-bad="1"]{color:#ff6b6b}
.note{color:var(--muted);font-size:.85rem;margin:6px 0 0}