.tool{grid-template-columns:minmax(0,1fr) minmax(0,24rem);align-items:start;gap:clamp(20px,3vw,40px);margin:0 0 2rem;display:grid}.tool>*{min-width:0}@media (width<=960px){.tool{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.panel+.panel{margin-top:16px}.panel h3{margin-top:0;font-size:1.05rem}.sticky{top:calc(var(--banner-h,0px) + 84px);position:sticky}@media (width<=960px){.sticky{position:static}}.field{gap:6px;min-width:0;margin:0 0 14px;display:grid}.field>label,fieldset.field>legend{color:var(--text);padding:0;font-size:.85rem;font-weight:650}fieldset.field{border:0;margin:0 0 14px;padding:0}.field select,.field input[type=text],.field input[type=number],.field input[type=password]{width:100%;font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:.6em .8em;font-size:.95rem}.field input.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem}.field .hint{color:var(--text-3);margin:0;font-size:.8rem}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}:where(.tool,.panel) :where(button,select,input,summary,a):focus-visible{outline:3px solid var(--accent);outline-offset:2px}.segr{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;justify-self:start;gap:2px;padding:3px;display:inline-flex}.segr label{cursor:pointer;position:relative}.segr input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segr span{color:var(--text-2);border-radius:999px;padding:.4em 1em;font-size:.86rem;font-weight:700;display:block}.segr input:checked+span{background:var(--accent);color:#1a1300}.segr input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.qpick .qop{margin:.6em 0 1em}.qpick .qop-h{color:var(--text);margin-bottom:8px;font-size:.86rem}.qpick .qgrid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;display:grid}.qpick .qgrid.dense{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px}.qpick .q{--c:var(--unknown);font:800 .82rem/1 var(--font-head);font-variant-numeric:tabular-nums;color:var(--text);cursor:pointer;border:1px solid color-mix(in srgb, var(--c) 55%, transparent);background:color-mix(in srgb, var(--c) 14%, var(--surface));border-radius:10px;min-height:40px;padding:12px 0}.qpick .q:hover{background:color-mix(in srgb, var(--c) 30%, var(--surface))}.qpick .q.t-on{--c:var(--on)}.qpick .q.t-off{--c:var(--off);background:color-mix(in srgb, var(--c) 34%, var(--surface))}.qpick .q.t-maybe,.qpick .q.t-partial{--c:var(--maybe)}.qpick .q.t-emergency{--c:var(--emergency);background:color-mix(in srgb, var(--c) 34%, var(--surface))}.qpick .q.t-unknown{background:repeating-linear-gradient(45deg, var(--bg-2) 0 4px, color-mix(in srgb, var(--unknown) 45%, var(--bg-2)) 4px 5px);color:var(--text-2)}.qpick .q[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.qpick .fine,.tool .fine{color:var(--text-3);margin:.35em 0;font-size:.8rem}.qpick .fine.warn,.fine.warn{color:var(--maybe-t)}.qpick .skel{background:linear-gradient(100deg, var(--surface) 30%, var(--surface-2) 50%, var(--surface) 70%);background-size:200% 100%;border-radius:12px;height:54px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.chosen{background:var(--bg-2);border:1px dashed var(--line);color:var(--text);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:.6em .8em;font-size:.9rem;display:flex}.chosen:empty{display:none}.pv{gap:14px;display:grid}.pv-stage{border:1px solid var(--line);border-radius:14px;justify-items:start;gap:14px;min-height:120px;padding:16px;display:grid}.pv-stage[data-theme=dark]{background:#0a0f1f}.pv-stage[data-theme=light]{background:#f6f8ff}.pv-stage img{max-width:100%;height:auto;min-height:20px;display:block}.pv-stage iframe{color-scheme:normal;background:0 0;border:0;border-radius:12px;max-width:100%}.pv-empty{color:var(--text-3);margin:0;font-size:.9rem}.pv h4{font:700 .8rem var(--font-head);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 6px}.codeblock{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;margin:0 0 14px;overflow:hidden}.codeblock figcaption{border-bottom:1px solid var(--line);color:var(--text-2);background:var(--surface-2);justify-content:space-between;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:.8rem;font-weight:700;display:flex}.codeblock pre{white-space:pre;tab-size:2;padding:12px 14px;font:500 .82rem/1.55 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow-x:auto;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important}.codeblock pre:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.cp{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;min-height:30px;padding:.3em .85em;font-size:.78rem;font-weight:700;display:none}.js .cp{align-items:center;display:inline-flex}.cp:hover{border-color:var(--accent)}.codeblock.secret pre{color:var(--text)}.cta-inline{align-items:center;gap:8px;display:inline-flex}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn.danger{color:var(--off-t);border-color:color-mix(in srgb, var(--off) 55%, transparent);background:0 0}.btn.danger:hover{box-shadow:none;background:color-mix(in srgb, var(--off) 12%, transparent)}.token-box{border:2px solid var(--maybe);background:color-mix(in srgb, var(--maybe) 10%, var(--surface));border-radius:14px;padding:16px 18px}.token-box h3{color:var(--text);margin-top:0}.token-box .tok{background:var(--bg-2);border:1px solid var(--line);color:var(--text);overflow-wrap:anywhere;user-select:all;border-radius:10px;margin:.5em 0;padding:.7em .9em;font:600 .95rem ui-monospace,SF Mono,Menlo,Consolas,monospace;display:block}.token-box label.ack{color:var(--text);cursor:pointer;align-items:flex-start;gap:.6em;margin-top:12px;font-size:.9rem;display:flex}.token-box label.ack input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:.15em}.msg-line{color:var(--text-2);min-height:1.4em;margin:.6em 0 0;font-size:.9rem}.msg-line.warn{color:var(--maybe-t)}.msg-line.err{color:var(--off-t)}.msg-line.ok{color:var(--on-t)}.tabs [role=tablist]{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.tabs [role=tab]{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;min-height:38px;padding:.45em 1em;font-size:.86rem;font-weight:700}.tabs [role=tab][aria-selected=true]{background:var(--accent);color:#1a1300;border-color:var(--accent)}.tabs [role=tabpanel][hidden]{display:none}.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 1.2rem;display:grid}@media (width<=860px){.plans{grid-template-columns:minmax(0,1fr)}}.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:6px;padding:18px 20px;display:flex}.plan.hl{border-color:color-mix(in srgb, var(--accent-2) 60%, var(--line));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-2) 30%, transparent)}.plan h3{margin:0;font-size:1.2rem}.plan .big{font:800 1.6rem var(--font-head);color:var(--text);font-variant-numeric:tabular-nums}.plan ul{margin:.4em 0 0;padding-left:1.2em}.plan li{color:var(--text-2);font-size:.92rem}.tag-ind{border:1px dashed var(--maybe);color:var(--maybe-t);border-radius:999px;padding:.1em .6em;font-size:.72rem;font-weight:700;display:inline-block}.steps-list{counter-reset:st;gap:12px;list-style:none;display:grid;padding:0!important}.steps-list>li{counter-increment:st;padding-left:44px;position:relative}.steps-list>li:before{content:counter(st);width:30px;height:30px;font:800 .9rem var(--font-head);background:var(--accent);color:#1a1300;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.placeholder-warn{background:color-mix(in srgb, var(--maybe) 18%, transparent);border-radius:4px;padding:0 .35em}.segr{flex-wrap:nowrap}@media (width<=480px){.row2{grid-template-columns:minmax(0,1fr);gap:0}.segr span{padding:.45em .9em}}
