.builder[data-astro-cid-lwzoyjbb]{width:min(1180px,100% - 48px);margin:auto;padding:26px 0 100px}.layout[data-astro-cid-lwzoyjbb]{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}aside[data-astro-cid-lwzoyjbb]{gap:16px;display:grid}.card[data-astro-cid-lwzoyjbb]{border:1px solid var(--border);background:#111110d9;border-radius:16px;padding:clamp(22px,3vw,34px)}.compose[data-astro-cid-lwzoyjbb]{gap:20px;display:grid}.mode-row[data-astro-cid-lwzoyjbb]{align-items:center;gap:14px;display:flex}.mode-seg[data-astro-cid-lwzoyjbb]{border:1px solid var(--border);background:#0d0d0c;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.mode-seg[data-astro-cid-lwzoyjbb] button[data-astro-cid-lwzoyjbb]{color:var(--muted);font:700 13px var(--font-display);border-radius:9px;align-items:center;gap:8px;padding:9px 16px;transition:color .2s,background .2s;display:inline-flex}.mode-seg[data-astro-cid-lwzoyjbb] button[data-astro-cid-lwzoyjbb] i[data-astro-cid-lwzoyjbb]{width:20px;height:20px;color:var(--tan-light);font:normal 10px var(--font-mono);background:#ffffff08;border-radius:6px;place-items:center;font-style:normal;display:grid}.mode-seg[data-astro-cid-lwzoyjbb] button[data-astro-cid-lwzoyjbb].active{color:#07120d;background:var(--green-glow)}.mode-seg[data-astro-cid-lwzoyjbb] button[data-astro-cid-lwzoyjbb].active i[data-astro-cid-lwzoyjbb]{color:#07120d;background:#07120d22}label[data-astro-cid-lwzoyjbb]{color:var(--tan-light);font:12px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;display:block}label[data-astro-cid-lwzoyjbb]>small[data-astro-cid-lwzoyjbb],.hint[data-astro-cid-lwzoyjbb]{color:var(--muted);font:12px var(--font-body);letter-spacing:0;text-transform:none;margin-top:7px;display:block}.module-pick[data-astro-cid-lwzoyjbb]{background:#ffffff05;border-radius:10px;padding:14px 16px}.f-name[data-astro-cid-lwzoyjbb]{max-width:380px}.f-wrap[data-astro-cid-lwzoyjbb]{display:block;position:relative}.prefix[data-astro-cid-lwzoyjbb]{color:var(--green-glow);position:absolute;top:50%;left:12px;translate:0 -50%}.f-wrap[data-astro-cid-lwzoyjbb] input[data-astro-cid-lwzoyjbb]{padding-left:30px}input[data-astro-cid-lwzoyjbb],select[data-astro-cid-lwzoyjbb],textarea[data-astro-cid-lwzoyjbb]{width:100%;color:var(--white);background:#0d0d0c;border:1px solid #c9a87c33;border-radius:8px;outline:0;margin-top:8px}input[data-astro-cid-lwzoyjbb],select[data-astro-cid-lwzoyjbb]{height:44px;padding:0 12px}textarea[data-astro-cid-lwzoyjbb]{resize:vertical;padding:15px;line-height:1.6}input[data-astro-cid-lwzoyjbb]:focus,select[data-astro-cid-lwzoyjbb]:focus,textarea[data-astro-cid-lwzoyjbb]:focus{border-color:#52b78899;box-shadow:0 0 0 3px #52b78818}.f-wrap[data-astro-cid-lwzoyjbb] input[data-astro-cid-lwzoyjbb]{margin-top:0}.f-name[data-astro-cid-lwzoyjbb] .f-wrap[data-astro-cid-lwzoyjbb]{margin-top:8px}.response[data-astro-cid-lwzoyjbb]{margin-top:2px;position:relative}.response[data-astro-cid-lwzoyjbb]>small[data-astro-cid-lwzoyjbb]{position:absolute;top:2px;right:0}.recipes[data-astro-cid-lwzoyjbb]{flex-wrap:wrap;align-items:center;gap:7px;margin-top:-8px;display:flex}.recipes[data-astro-cid-lwzoyjbb] span[data-astro-cid-lwzoyjbb]{color:var(--muted);font:11px var(--font-mono);text-transform:uppercase}.recipes[data-astro-cid-lwzoyjbb] button{color:#bbb2a9;border:1px solid var(--border);border-radius:99px;padding:7px 12px;font-size:12px;transition:border-color .2s,color .2s}.recipes[data-astro-cid-lwzoyjbb] button:hover{color:var(--white);border-color:#52b78877}.palette[data-astro-cid-lwzoyjbb]{border-top:1px solid var(--border);padding-top:18px}.palette[data-astro-cid-lwzoyjbb] header[data-astro-cid-lwzoyjbb]{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.palette[data-astro-cid-lwzoyjbb] header[data-astro-cid-lwzoyjbb] b[data-astro-cid-lwzoyjbb]{color:var(--white);font:700 1.05rem var(--font-display)}.scope[data-astro-cid-lwzoyjbb]{color:var(--green-glow);font:10.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-align:right}.palette-sub[data-astro-cid-lwzoyjbb]{color:#a39c92;margin:6px 0 14px;font-size:13px}.vars[data-astro-cid-lwzoyjbb]{grid-template-columns:1fr 1fr;gap:8px;display:grid}.palette[data-astro-cid-lwzoyjbb] details[data-astro-cid-lwzoyjbb]{color:#a39c92;margin-top:14px;font-size:12.5px}.palette[data-astro-cid-lwzoyjbb] details[data-astro-cid-lwzoyjbb] summary[data-astro-cid-lwzoyjbb]{color:var(--tan-light);cursor:pointer}.palette[data-astro-cid-lwzoyjbb] details[data-astro-cid-lwzoyjbb] p[data-astro-cid-lwzoyjbb]{margin-top:8px;line-height:1.55}.more[data-astro-cid-lwzoyjbb]{border-top:1px solid var(--border);padding-top:16px}.more[data-astro-cid-lwzoyjbb] summary[data-astro-cid-lwzoyjbb]{cursor:pointer;color:var(--tan-light);font:12px var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.more[data-astro-cid-lwzoyjbb] summary[data-astro-cid-lwzoyjbb]:hover{color:var(--tan-pale)}.more-grid[data-astro-cid-lwzoyjbb]{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.more-grid[data-astro-cid-lwzoyjbb] .span2[data-astro-cid-lwzoyjbb]{grid-column:1/-1}.learn[data-astro-cid-lwzoyjbb]{color:#a39c92;margin-top:26px;font-size:13.5px}.learn[data-astro-cid-lwzoyjbb] a[data-astro-cid-lwzoyjbb]{color:var(--tan)}.learn[data-astro-cid-lwzoyjbb] a[data-astro-cid-lwzoyjbb]:hover{color:var(--tan-light)}aside[data-astro-cid-lwzoyjbb]{top:calc(var(--nav-offset) + 18px);position:sticky}.preview[data-astro-cid-lwzoyjbb] header[data-astro-cid-lwzoyjbb],.action[data-astro-cid-lwzoyjbb] header[data-astro-cid-lwzoyjbb]{color:var(--muted);font:11px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.preview[data-astro-cid-lwzoyjbb] header[data-astro-cid-lwzoyjbb] b[data-astro-cid-lwzoyjbb]{color:var(--white)}.preview[data-astro-cid-lwzoyjbb] header[data-astro-cid-lwzoyjbb] i[data-astro-cid-lwzoyjbb]{background:#e06262;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.preview[data-astro-cid-lwzoyjbb]>small[data-astro-cid-lwzoyjbb]{color:#a39c92;margin-top:11px;font-size:12px;line-height:1.5;display:block}.action[data-astro-cid-lwzoyjbb] header[data-astro-cid-lwzoyjbb] b[data-astro-cid-lwzoyjbb]{color:#e08585;letter-spacing:0;text-transform:none;font-weight:400}.send__cta[data-astro-cid-lwzoyjbb]{color:#07120d;background:var(--green-glow);width:100%;font:700 14px var(--font-display);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:14px;transition:filter .2s,transform .2s;display:flex}.send__cta[data-astro-cid-lwzoyjbb]:hover{filter:brightness(1.08);transform:translateY(-1px)}.send__cta[data-astro-cid-lwzoyjbb].is-disabled{opacity:.45;pointer-events:none}.send__help[data-astro-cid-lwzoyjbb]{color:var(--muted);text-align:center;margin-top:10px;font-size:12px;line-height:1.5}.copyw[data-astro-cid-lwzoyjbb]{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}[data-astro-cid-lwzoyjbb][data-send-wrap][hidden]+.copyw[data-astro-cid-lwzoyjbb]{border-top:0;margin-top:0;padding-top:0}.copyw__label[data-astro-cid-lwzoyjbb]{color:var(--muted);font:11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.copyw[data-astro-cid-lwzoyjbb] pre[data-astro-cid-lwzoyjbb]{max-height:150px;color:var(--tan-pale);white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 var(--font-mono);background:#0b0b0a;border-radius:8px;padding:12px 14px;overflow:auto}.copyw[data-astro-cid-lwzoyjbb]>button[data-astro-cid-lwzoyjbb]{width:100%;color:var(--tan-pale);font:700 13px var(--font-display);background:#c9a87c14;border:1px solid #c9a87c44;border-radius:8px;justify-content:center;gap:10px;margin-top:10px;padding:11px;transition:background .2s,border-color .2s;display:flex}.copyw[data-astro-cid-lwzoyjbb]>button[data-astro-cid-lwzoyjbb]:hover{background:#c9a87c22;border-color:#c9a87c77}.copyw[data-astro-cid-lwzoyjbb]>button[data-astro-cid-lwzoyjbb]:disabled{opacity:.45;pointer-events:none}.copyw__module-link[data-astro-cid-lwzoyjbb]{color:var(--tan);font:12px var(--font-mono);text-align:center;margin-top:11px;display:block}.copyw__module-link[data-astro-cid-lwzoyjbb]:hover{color:var(--tan-light)}[data-astro-cid-lwzoyjbb][hidden]{display:none!important}@media (width<=1000px){.layout[data-astro-cid-lwzoyjbb]{grid-template-columns:1fr}aside[data-astro-cid-lwzoyjbb]{position:static}}@media (width<=700px){.builder[data-astro-cid-lwzoyjbb]{width:calc(100% - 28px);padding-top:16px}.card[data-astro-cid-lwzoyjbb]{padding:20px 16px}.vars[data-astro-cid-lwzoyjbb],.more-grid[data-astro-cid-lwzoyjbb]{grid-template-columns:1fr}.f-name[data-astro-cid-lwzoyjbb]{max-width:none}.mode-seg[data-astro-cid-lwzoyjbb]{width:100%}.mode-seg[data-astro-cid-lwzoyjbb] button[data-astro-cid-lwzoyjbb]{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.mode-seg[data-astro-cid-lwzoyjbb] button[data-astro-cid-lwzoyjbb],.send__cta[data-astro-cid-lwzoyjbb],.copyw[data-astro-cid-lwzoyjbb]>button[data-astro-cid-lwzoyjbb]{transition:none}}[data-chat].chat{background:#0000004d;border:1px solid #f0ece41a;border-radius:8px;flex-direction:column;gap:8px;min-height:96px;padding:14px 14px 12px;display:flex;position:relative}[data-chat] .chat-tag{font-family:var(--font-display,"Syne", sans-serif);letter-spacing:.02em;color:var(--green-glow,#52b788);text-overflow:ellipsis;white-space:nowrap;background:#111110;max-width:calc(100% - 20px);padding:0 6px;font-size:10px;font-weight:700;position:absolute;top:-8px;left:10px;overflow:hidden}[data-chat] .line{align-items:baseline;gap:8px;min-width:0;display:flex}[data-chat] .line.bot.special{flex-direction:column;align-items:flex-start;gap:6px}[data-chat] .who{font-family:var(--font-body,"DM Sans", sans-serif);flex:none;align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:inline-flex}[data-chat] .viewer-name{color:var(--tan-light,#e0c49a)}[data-chat] .viewer-name:after,[data-chat] .bot-name:after{content:":";color:var(--muted,#888077);font-weight:400}[data-chat] .line.bot.me .bot-name:after,[data-chat] .line.bot.special .bot-name:after{content:none}[data-chat] .bot-name{color:var(--green-glow,#52b788)}[data-chat] .bot-avatar{border-radius:8px;width:14px;height:14px}[data-chat] .msg{font-family:var(--font-body,"DM Sans", sans-serif);color:var(--white,#f0ece4);overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.5}[data-chat] .line.viewer .msg{font-family:var(--font-mono,"DM Mono", monospace);color:var(--tan-light,#e0c49a);font-size:12.5px}[data-chat] .line.viewer .msg.plain{font-family:var(--font-body,"DM Sans", sans-serif);color:var(--white,#f0ece4);font-size:13px}[data-chat] .reply{animation:bb-reply-in .24s var(--ease-out-back,ease-out) both;animation-delay:var(--reply-delay,0s)}@keyframes bb-reply-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-chat] .msg mark{color:var(--green-glow,#52b788);background:#52b78824;border-radius:8px;padding:0 3px}[data-chat] .msg mark.unknown{color:#cf8a78;font-family:var(--font-mono,"DM Mono", monospace);background:#b05a4629;font-size:12px}[data-chat] .msg.empty{color:var(--muted,#888077);font-style:italic}[data-chat] .via{font-family:var(--font-mono,"DM Mono", monospace);letter-spacing:.02em;color:var(--acc,var(--green-glow,#52b788));background:color-mix(in srgb, var(--acc,var(--green-glow,#52b788)) 14%, transparent);border:1px solid color-mix(in srgb, var(--acc,var(--green-glow,#52b788)) 40%, transparent);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}[data-chat] .via.inline{margin-right:2px}[data-chat] .announce{box-sizing:border-box;background:color-mix(in srgb, var(--acc) 10%, #00000040);width:100%;animation:bb-reply-in .24s var(--ease-out-back,ease-out) both;animation-delay:var(--reply-delay,0s);border-radius:8px;flex-direction:column;gap:5px;padding:9px 11px;display:flex}[data-chat] .announce-head{font-family:var(--font-display,"Syne", sans-serif);letter-spacing:.03em;text-transform:uppercase;color:var(--acc);align-items:center;gap:7px;font-size:10.5px;font-weight:700;display:inline-flex}[data-chat] .shoutout{animation:bb-reply-in .24s var(--ease-out-back,ease-out) both;animation-delay:var(--reply-delay,0s);background:#52b7880f;border:1px dashed #52b78866;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 11px;display:inline-flex}[data-chat] .shoutout .reply strong{color:var(--green-glow,#52b788)}[data-chat] .pin{box-sizing:border-box;width:100%;animation:bb-reply-in .24s var(--ease-out-back,ease-out) both;animation-delay:var(--reply-delay,0s);background:#c77dff12;border:1px solid #c77dff59;border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}[data-chat] .pin-head{color:var(--muted,#888077);font-family:var(--font-display,"Syne", sans-serif);align-items:center;gap:8px;font-size:10.5px;display:flex}[data-chat] .msg.action{color:var(--green-glow,#52b788);font-style:italic}[data-chat] .typing{align-items:center;gap:4px;padding:4px 0;display:inline-flex}[data-chat] .tdot{background:var(--muted,#888077);border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite bb-tbounce}[data-chat] .tdot:nth-child(2){animation-delay:.15s}[data-chat] .tdot:nth-child(3){animation-delay:.3s}@keyframes bb-tbounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){[data-chat] .reply,[data-chat] .announce,[data-chat] .shoutout,[data-chat] .pin,[data-chat] .tdot{animation:none}}[data-vars] .var{text-align:left;min-height:68px;color:var(--white,#f0ece4);border:1px solid var(--border,#c9a87c26);background:linear-gradient(135deg,#ffffff06,#ffffff03);border-radius:10px;grid-template-columns:minmax(104px,auto) 1fr 25px;align-items:center;gap:12px;padding:12px 13px;transition:border-color .2s,background .2s,transform .2s;display:grid;box-shadow:inset 0 1px #ffffff06}[data-vars] .var:hover{background:linear-gradient(135deg,#52b78812,#52b78806);border-color:#52b78878;transform:translateY(-1px)}[data-vars] .var code{text-overflow:ellipsis;max-width:170px;color:var(--tan-light,#e0c49a);font:11px var(--font-mono,monospace);white-space:nowrap;background:#c9a87c12;border:1px solid #c9a87c1f;border-radius:6px;padding:7px 9px;overflow:hidden}[data-vars] .var span{gap:4px;min-width:0;display:grid}[data-vars] .var b{font:700 13px var(--font-display,sans-serif)}[data-vars] .var small{color:#a39c92;font:400 11.5px/1.45 var(--font-body,sans-serif)}[data-vars] .var i{width:25px;height:25px;color:var(--green-glow,#52b788);border:1px solid #52b78854;border-radius:50%;place-items:center;font-style:normal;transition:background .2s,color .2s;display:grid}[data-vars] .var:hover i{color:#07120d;background:var(--green-glow,#52b788)}[data-vars] .var--counter{cursor:default;grid-column:1/-1;grid-template-columns:1fr;gap:10px}[data-vars] .var--counter:hover{border-color:var(--border,#c9a87c26);background:linear-gradient(135deg,#ffffff06,#ffffff03);transform:none}[data-vars] .ctr-head{gap:4px;display:grid}[data-vars] .ctr-head small{color:#a39c92;font:400 11.5px/1.45 var(--font-body,sans-serif)}[data-vars] .ctr-row{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:center;gap:8px;display:grid}[data-vars] .ctr-name,[data-vars] .ctr-scope{height:38px;color:var(--white,#f0ece4);font:12.5px var(--font-body,sans-serif);background:#0000004d;border:1px solid #c9a87c33;border-radius:8px;padding:0 10px}[data-vars] .ctr-name:focus,[data-vars] .ctr-scope:focus{border-color:#52b78899;outline:0;box-shadow:0 0 0 3px #52b7881f}[data-vars] .ctr-insert{height:38px;color:var(--white,#f0ece4);white-space:nowrap;background:linear-gradient(135deg,#ffffff06,#ffffff03);border:1px solid #52b78854;border-radius:8px;align-items:center;gap:8px;padding:0 12px;transition:border-color .2s,background .2s;display:inline-flex}[data-vars] .ctr-insert:hover{background:#52b78814;border-color:#52b78899}[data-vars] .ctr-insert code{color:var(--tan-light,#e0c49a);font:11px var(--font-mono,monospace);background:0 0;border:0;padding:0}[data-vars] .ctr-insert i{color:var(--green-glow,#52b788);font-style:normal}[data-vars] .ctr-hint{color:var(--muted,#888077);font:11.5px/1.5 var(--font-body,sans-serif);display:block}@media (width<=700px){[data-vars] .var{grid-template-columns:1fr 25px}[data-vars] .var code{grid-column:1/-1;width:max-content;max-width:100%}[data-vars] .var--counter{grid-template-columns:1fr}[data-vars] .var--counter code{grid-column:auto;width:auto;max-width:none}[data-vars] .ctr-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){[data-vars] .var,[data-vars] .var i,[data-vars] .ctr-insert{transition:none}}