.builder{--bg:#f3f6f8;--surface:#fff;--surface-2:#eaf0f3;--ink:#15212b;--muted:#5a6875;--line:#d6dfe5;--accent:#1b6a86;--accent-ink:#fff;--ok:#2c7548;--warn:#9a5a00;--code-bg:#0f1a22;--code-ink:#d7e3ea;--font-ui:"Instrument Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--radius:8px;color:var(--ink);font:15px/1.5 var(--font-ui)}.builder *{box-sizing:border-box}.builder header{gap:6px;max-width:70ch;margin-bottom:24px;display:grid}.builder h1{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:1.75rem;font-weight:700;line-height:1.15}.builder header p{color:var(--muted);margin:0}.builder header p.private{color:var(--ink);font-weight:500}.builder .layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:24px;display:grid}@media (width<=900px){.builder .layout{grid-template-columns:minmax(0,1fr)}}.builder form{gap:16px;min-width:0;display:grid}.builder .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.builder .panel>.head{align-items:center;gap:12px;padding:14px 16px;display:flex}.builder .panel>.body{gap:14px;padding:4px 16px 16px;display:grid}.builder .head h2{margin:0;font-size:1rem;font-weight:700}.builder .head .sub{color:var(--muted);font-size:.85rem}.builder .head .titles{flex:1;gap:1px;min-width:0;display:grid}.builder .panel.off{background:0 0}.builder .panel.off .head h2{color:var(--muted)}.builder .switch{flex:none;width:40px;height:22px;position:relative}.builder .switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.builder .switch span{background:var(--line);border-radius:11px;transition:background .15s;position:absolute;inset:0}.builder .switch span:after{content:"";background:var(--surface);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.builder .switch input:checked+span{background:var(--accent)}.builder .switch input:checked+span:after{transform:translate(18px)}.builder .switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.builder .row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.builder .field{gap:4px;min-width:0;display:grid}.builder .field label{font-size:.85rem;font-weight:600}.builder .field .hint{color:var(--muted);font-size:.8rem}.builder .field .hint code{font-family:var(--font-mono);font-size:.78rem}.builder .field .hint a{color:inherit;text-decoration:underline}.builder input[type=text],.builder input[type=number],.builder input[type=time],.builder input[type=url],.builder textarea{width:100%;font:.9rem var(--font-ui);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px 10px}.builder textarea{resize:vertical;min-height:4.5em}.builder input.mono,.builder textarea.mono{font-family:var(--font-mono);font-size:.8rem}.builder input:focus,.builder textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.builder .field.bad input,.builder .field.bad textarea{border-color:var(--warn)}.builder .field .err{color:var(--warn);font-size:.8rem}.builder .preview{font-family:var(--font-mono);background:var(--surface-2);color:var(--muted);overflow-wrap:anywhere;border-radius:6px;padding:8px 10px;font-size:.78rem}.builder .preview b{color:var(--ink);font-weight:500}.builder .out{top:calc(env(safe-area-inset-top,0px) + 16px);gap:12px;min-width:0;display:grid;position:sticky}.builder .out .panel>.body{padding-top:0}.builder .status{flex-wrap:wrap;gap:6px;display:flex}.builder .chip{border:1px solid;border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:600}.builder .chip.ok{color:var(--ok)}.builder .chip.warn{color:var(--warn)}.builder .chip.idle{color:var(--muted)}.builder .actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.builder button.primary{font:600 .9rem var(--font-ui);background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:6px;padding:9px 16px}.builder button.primary:disabled{opacity:.45;cursor:not-allowed}.builder button.primary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.builder .copied{color:var(--ok);font-size:.85rem;font-weight:600}.builder .meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.builder pre.code{background:var(--code-bg);color:var(--code-ink);font:.74rem/1.55 var(--font-mono);tab-size:2;border-radius:6px;max-height:52vh;margin:0;padding:14px;overflow:auto}.builder .notice{border:1px solid var(--warn);color:var(--warn);border-radius:6px;padding:10px 12px;font-size:.85rem}.builder ol.steps{gap:6px;margin:0;padding-left:1.2em;font-size:.9rem;list-style:decimal;display:grid}.builder ol.steps code,.builder .fn{font-family:var(--font-mono);background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:.8rem}.builder a{color:var(--accent);text-decoration:underline}@media (prefers-reduced-motion:reduce){.builder *{transition:none!important}}.builder fieldset.colors{border:0;min-width:0;margin:0;padding:0}.builder fieldset.colors legend{margin-bottom:6px;padding:0;font-size:.85rem;font-weight:600}.builder .swatches{flex-wrap:wrap;gap:6px;display:flex}.builder .swatch{cursor:pointer;display:block;position:relative}.builder .swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.builder .swatch .dot{background:var(--swatch);outline-offset:2px;border-radius:50%;outline:2px solid #0000;width:22px;height:22px;display:block;box-shadow:inset 0 0 0 1px #0000001f}.builder .swatch .dot.none{background:linear-gradient(135deg, transparent 45%, var(--muted) 45% 55%, transparent 55%), var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.builder .swatch input:checked+.dot{outline-color:var(--ink)}.builder .swatch input:focus-visible+.dot{outline-color:var(--accent);outline-style:dashed}.builder .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.builder .callout{border:1px solid var(--warn);color:var(--ink);border-radius:6px;margin-top:6px;padding:8px 10px;font-size:.85rem}.builder .callout b:first-child{color:var(--warn);margin-bottom:2px;display:block}.builder fieldset.feed{border:1px solid var(--line);border-radius:6px;gap:12px;min-width:0;margin:0;padding:10px 12px 12px;display:grid}.builder fieldset.feed legend{padding:0 4px;font-size:.85rem;font-weight:600}.builder .panel>.body>.hint{color:var(--muted);font-size:.8rem}.dark .builder{--bg:#0f151a;--surface:#161f26;--surface-2:#1c2730;--ink:#e2eaef;--muted:#91a1ad;--line:#2a3843;--accent:#5ab3d0;--accent-ink:#0b1418;--ok:#6bc28b;--warn:#e2a54c;--code-bg:#0a1014;--code-ink:#d7e3ea}