:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--surface:#fff;--surface-sunk:#f1f1f4;--line:#e5e5ea;--line-strong:#d4d4da;--ink:#101014;--ink-muted:#6b6b76;--ink-faint:#9a9aa4;--brand:#533afd;--brand-ink:#fff;--brand-wash:#efecff;--radius:12px;--radius-lg:16px;--shadow:0 1px 2px #1010140d, 0 8px 24px -12px #1010141f;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0e;--surface:#16161a;--surface-sunk:#1d1d22;--line:#2a2a31;--line-strong:#3a3a43;--ink:#f4f4f6;--ink-muted:#9a9aa4;--ink-faint:#6b6b76;--brand:#7c66ff;--brand-wash:#1e1a3a;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0e;--surface:#16161a;--surface-sunk:#1d1d22;--line:#2a2a31;--line-strong:#3a3a43;--ink:#f4f4f6;--ink-muted:#9a9aa4;--ink-faint:#6b6b76;--brand:#7c66ff;--brand-wash:#1e1a3a;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.top{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:1rem;padding:.475rem 1.5rem;display:flex;position:sticky;top:0}.mark{letter-spacing:-.01em;color:inherit;align-items:center;gap:.625rem;font-weight:600;text-decoration:none;display:flex}.mark img{border-radius:7px;width:1.625rem;height:1.625rem;display:block}.mark small{color:var(--ink-faint);font-size:.8125rem;font-weight:500}.top-right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.tabs{background:var(--surface-sunk);border-radius:10px;gap:.25rem;padding:.25rem;display:flex}.tabs button{appearance:none;color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:.375rem .75rem;font-size:.875rem;font-weight:500}.tabs.icons button{place-items:center;padding:.3125rem;display:grid}.tabs.icons svg{width:1rem;height:1rem;display:block}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #10101414}.shell{grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-items:start;gap:1.25rem;max-width:84rem;margin:0 auto;padding:1.25rem 1.5rem 3rem;display:grid}.shell>.sidebar{max-height:var(--sidebar-max,calc(100dvh - 5.5rem));flex-direction:column;display:flex;position:sticky;top:4.25rem}.shell>.sidebar .panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;min-height:0;overflow-y:auto}@media (width<=60rem){.shell{grid-template-columns:minmax(0,1fr)}.shell>.sidebar{max-height:none;position:static}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.875rem 1.125rem;display:flex}.panel-head h2{margin:0;font-size:.875rem;font-weight:600}.panel-head p{color:var(--ink-faint);margin:0;font-size:.8125rem}.panel-body{padding:1.125rem}.group+.group{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1.25rem}.group>h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .75rem;font-size:.6875rem;font-weight:600}.field{gap:.3125rem;display:grid}.field+.field{margin-top:.75rem}.field>span{color:var(--ink-muted);font-size:.8125rem;font-weight:500}.field-label{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.field-drop{appearance:none;color:var(--ink-faint);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:.125rem .25rem;font-size:.9375rem;line-height:1}.field-drop:hover{color:var(--ink);background:var(--surface-sunk)}.chips{flex-wrap:wrap;gap:.3125rem;margin-top:.75rem;display:flex}.chip{appearance:none;background:var(--surface-sunk);color:var(--ink-muted);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;line-height:1.4;display:inline-flex}.chip:hover{color:var(--ink);border-color:var(--line-strong)}.chip-plus{color:var(--brand);font-size:.75rem;font-weight:600;line-height:1}.field>small{color:var(--ink-faint);font-size:.75rem}input[type=text],input[type=number],select{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;padding:.5rem .625rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent);outline:none}input::placeholder{color:var(--ink-faint)}.row{gap:.5rem;display:flex}.row>*{flex:1 1 0;min-width:0}.segmented{background:var(--surface-sunk);border-radius:9px;gap:.1875rem;padding:.1875rem;display:flex}.segmented button{appearance:none;color:var(--ink-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1;padding:.375rem .5rem;font-size:.8125rem;font-weight:500}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #10101414}.checks{gap:.5rem;display:grid}.check{color:var(--ink-muted);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.check input{accent-color:var(--brand);margin:0}.swatch{align-items:center;gap:.5rem;display:flex}.swatch input[type=color]{appearance:none;border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:9px;width:2.25rem;height:2.25rem;padding:0}.swatch input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.swatch input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}button.action{appearance:none;background:var(--brand);width:100%;color:var(--brand-ink);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:filter .15s}button.action:hover{filter:brightness(1.08)}button.action:disabled{opacity:.5;cursor:default;filter:none}button.ghost,a.ghost{appearance:none;background:var(--surface);border:1px solid var(--line-strong);color:var(--ink-muted);font:inherit;cursor:pointer;border-radius:9px;padding:.4375rem .75rem;font-size:.8125rem;font-weight:500}button.ghost:hover,a.ghost:hover{color:var(--ink);border-color:var(--ink-faint)}a.ghost.link{align-items:center;gap:.3125rem;text-decoration:none;display:inline-flex}a.ghost.link svg{width:.8125rem;height:.8125rem}.actions{gap:.5rem;margin-top:1.25rem;display:grid}.stage{background:radial-gradient(circle at 1px 1px, var(--line-strong) 1px, transparent 0) 0 0 / 16px 16px;align-content:start;justify-items:center;min-height:28rem;padding:1.5rem;display:grid}.stage>*{width:100%}.stage-empty{text-align:center;width:auto;max-width:22rem;color:var(--ink-faint);place-self:center;font-size:.875rem}.stage-empty strong{color:var(--ink-muted);margin-bottom:.25rem;font-size:.9375rem;display:block}.code-head{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;padding:.625rem 1.125rem;display:flex}.code-head .tabs{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.code-head .tabs::-webkit-scrollbar{display:none}.code-head .tabs button{white-space:nowrap}pre.code{font-family:var(--mono);tab-size:2;color:var(--ink);background:var(--surface-sunk);max-height:26rem;margin:0;padding:1.125rem;font-size:12.5px;line-height:1.7;overflow:auto}pre.code .k{color:#a855f7}pre.code .s{color:#16a34a}pre.code .c{color:var(--ink-faint);font-style:italic}pre.code .t{color:#0891b2}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) pre.code .k{color:#c084fc}:root:not([data-theme=light]) pre.code .s{color:#4ade80}:root:not([data-theme=light]) pre.code .t{color:#22d3ee}}:root[data-theme=dark] pre.code .k{color:#c084fc}:root[data-theme=dark] pre.code .s{color:#4ade80}:root[data-theme=dark] pre.code .t{color:#22d3ee}.log{max-height:10rem;font-family:var(--mono);color:var(--ink-muted);background:var(--surface-sunk);margin:0;padding:.875rem 1.125rem;font-size:12px;line-height:1.7;overflow:auto}.log-line{gap:.75rem;display:flex}.log-time{color:var(--ink-faint);flex:none}.log-empty{color:var(--ink-faint)}.stack{gap:1.25rem;display:grid}.dock{z-index:20;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(48rem,100% - 2rem);position:fixed;bottom:.5rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 1px 2px #1010140f,0 18px 40px -16px #10101447}.dock-head{appearance:none;width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.625rem;padding:.6875rem 1rem;display:flex}.dock-head strong{font-size:.8125rem;font-weight:600}.dock-dot{background:var(--line-strong);border-radius:50%;flex:none;width:.5rem;height:.5rem;transition:background .2s}.dock-dot[data-live=true]{background:#16a34a}.dock-last{min-width:0;font-family:var(--mono);color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11.5px;overflow:hidden}.dock-chevron{color:var(--ink-faint);font-size:.625rem;transition:transform .2s}.dock[data-open=true] .dock-chevron{transform:rotate(180deg)}.dock .log{border-top:1px solid var(--line);display:none}.dock[data-open=true] .log{display:block}.mark h1{font:inherit;letter-spacing:-.01em;margin:0;font-weight:600}.foot-lead{max-width:44rem;color:var(--ink-muted);grid-column:1/-1;margin:0 0 .5rem;font-size:.875rem}.foot{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem 3rem;max-width:84rem;margin:0 auto;padding:2.5rem 1.5rem 7rem;display:grid}.foot h2{margin:0 0 .375rem;font-size:.8125rem;font-weight:600}.foot p{color:var(--ink-muted);margin:0;font-size:.8125rem;line-height:1.6}.foot a{color:var(--brand);text-decoration:none}.foot a:hover{text-decoration:underline}.shell{padding-bottom:2rem}.note{color:var(--ink-faint);margin-top:.5rem;font-size:.75rem;display:block}.url{font-family:var(--mono);color:var(--ink-muted);background:var(--surface-sunk);word-break:break-all;border-radius:7px;padding:.25rem .5rem;font-size:11.5px}.trigger{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.trigger-primary{background:var(--brand);color:var(--brand-ink)}.trigger-outline{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.trigger-link{color:var(--brand);text-underline-offset:2px;background:0 0;padding:.25rem;text-decoration:underline}.badges{flex-wrap:wrap;gap:.3125rem;display:flex}.badge{appearance:none;background:var(--surface-sunk);color:var(--ink-muted);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.1875rem .5625rem;font-size:.6875rem;font-weight:500;line-height:1.4}.badge:hover{color:var(--ink)}.badge[aria-pressed=true]{background:var(--brand-wash);border-color:color-mix(in srgb, var(--brand) 35%, transparent);color:var(--brand)}