.contract-demo{color:#eceff5;background:#172031;border:1px solid #566277;border-radius:12px;margin:24px 0;padding:clamp(16px,4vw,24px);font:16px/1.55 system-ui,sans-serif}.contract-demo *,.contract-demo :before,.contract-demo :after{box-sizing:border-box}.contract-demo p{color:inherit;margin:12px 0}.contract-demo h3,.contract-demo h4{color:#fff;margin:0 0 12px;font:700 20px/1.3 system-ui,sans-serif}.contract-demo .demo-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.contract-demo button,.contract-demo select{font:inherit;color:#eceff5;cursor:pointer;background:#273449;border:1px solid #91a0b7;border-radius:6px;min-height:44px;padding:10px 14px}.contract-demo button:disabled{cursor:default;opacity:.6}.contract-demo button[aria-pressed=true]{background:#53334e;border-color:#f77fe2}.contract-demo :focus-visible{outline-offset:4px;outline:3px solid #ffe291}.contract-demo label{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.contract-demo input[type=checkbox]{accent-color:#f77fe2;width:20px;height:20px}.contract-demo .demo-stage{background:#202c40;border:1px solid #8190a8;border-radius:8px;padding:20px}.contract-demo .demo-primary{color:#172031;background:#f77fe2;border:2px solid #f77fe2;font-weight:700}.contract-demo .demo-readout{overflow-wrap:anywhere;background:#101824;border-radius:6px;margin-top:16px;padding:12px;display:block}.contract-demo .demo-note{color:#c7d1e1;font-size:14px}.contract-demo code{color:#ffb8ed;white-space:normal;overflow-wrap:anywhere;background:#101824;padding:2px 5px}.contract-demo pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#eceff5;background:#101824;padding:16px;font-size:14px}.contract-demo .demo-comparison{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px;display:grid}.contract-demo figure{min-width:0;margin:0}.contract-demo figcaption{color:inherit;margin-bottom:12px;font-weight:700}.click-lab[data-v-a89e17cd]{color:#e9ebf2;text-align:left;background:#181d29;border:1px solid #414858;border-radius:14px;margin:24px 0;font:14px/1.5 system-ui,sans-serif;overflow:hidden;container-type:inline-size}.click-lab[data-v-a89e17cd] *,.click-lab[data-v-a89e17cd] :before,.click-lab[data-v-a89e17cd] :after{box-sizing:border-box}.click-lab button[data-v-a89e17cd]{font:inherit;cursor:pointer}.click-lab button[data-v-a89e17cd]:focus-visible,.click-lab input[data-v-a89e17cd]:focus-visible,.click-lab summary[data-v-a89e17cd]:focus-visible{outline-offset:4px;outline:3px solid #ffe291}.click-lab .lab-bar[data-v-a89e17cd]{border-bottom:1px solid #343b4b;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.click-lab .lab-eyebrow[data-v-a89e17cd],.click-lab .step-label[data-v-a89e17cd]{letter-spacing:.1em;color:#a9b1c5;font:600 10px/1.5 ui-monospace,monospace}.click-lab .reset[data-v-a89e17cd]{color:#b9c1d3;background:0 0;border:0;padding:8px 0 8px 12px;font-size:12px}.click-lab .reset span[data-v-a89e17cd]{margin-left:7px;font-size:17px}.click-lab .lab-body[data-v-a89e17cd]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;padding:24px;display:grid}.click-lab .product-card[data-v-a89e17cd]{color:#282421;background:#f9f4eb;border:1px solid #484a53;border-radius:10px;overflow:hidden}.click-lab .product-art[data-v-a89e17cd]{aspect-ratio:1.12;background:#ffc298;position:relative;overflow:hidden}.click-lab .product-art img[data-v-a89e17cd]{-o-object-fit:cover;object-fit:cover;border-radius:0;width:100%;height:100%;margin:0;display:block}.click-lab .shop-brand[data-v-a89e17cd]{color:#4b3028;letter-spacing:.12em;font:700 9px/1.2 system-ui,sans-serif;position:absolute;top:12px;left:12px}.click-lab .product-details[data-v-a89e17cd]{padding:16px}.click-lab .product-title[data-v-a89e17cd]{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.click-lab .product-title h3[data-v-a89e17cd]{color:#282421;letter-spacing:-.02em;margin:0;font:700 16px/1.3 Georgia,serif}.click-lab .product-title>span[data-v-a89e17cd]{white-space:nowrap;font-size:13px}.click-lab .product-details p[data-v-a89e17cd]{color:#675f58;margin:7px 0 16px;font-size:11px;line-height:1.5}.click-lab .button-stack[data-v-a89e17cd]{position:relative}.click-lab .buy[data-v-a89e17cd]{color:#fff8ef;background:#332e2b;border:0;border-radius:5px;justify-content:space-between;width:100%;min-height:44px;padding:11px 14px;font-size:13px;font-weight:600;display:flex}.click-lab .buy>span[data-v-a89e17cd]{font-size:18px;line-height:20px}.click-lab .decoration[data-v-a89e17cd]{z-index:2;border-radius:5px;position:absolute;inset:0}.click-lab .decoration.revealed[data-v-a89e17cd]{background:repeating-linear-gradient(135deg,#f26f6940 0 7px,#f26f6980 7px 14px);border:2px dashed #ff7967}.click-lab output[data-v-a89e17cd]{text-align:center;color:#72675d;margin:10px 0 0;font-size:11px;display:block}.click-lab .experiment[data-v-a89e17cd]{min-width:0}.click-lab .experiment h4[data-v-a89e17cd]{color:#f2f1f6;letter-spacing:-.04em;margin:9px 0 12px;font:600 26px/1.12 system-ui,sans-serif}.click-lab .experiment p[data-v-a89e17cd]{color:#b9c1d3;margin:0 0 18px;font-size:13px;line-height:1.6}.click-lab .control-row[data-v-a89e17cd]{border-top:1px solid #3a4151;border-bottom:1px solid #3a4151;padding:4px 0 12px}.click-lab .defect-control[data-v-a89e17cd]{color:#edf0f6;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:5px 0;font-size:13px;display:flex}.click-lab .toggle[data-v-a89e17cd]{background:#626c7d;border-radius:12px;width:30px;height:18px;padding:3px}.click-lab .toggle>span[data-v-a89e17cd]{background:#fff;border-radius:50%;width:12px;height:12px;display:block}.click-lab .defect-control[aria-pressed=true] .toggle[data-v-a89e17cd]{background:#ed91d8}.click-lab .defect-control[aria-pressed=true] .toggle>span[data-v-a89e17cd]{background:#2b2230;transform:translate(12px)}.click-lab label[data-v-a89e17cd]{color:#bec6d6;cursor:pointer;align-items:center;gap:8px;min-height:30px;font-size:12px;display:flex}.click-lab input[data-v-a89e17cd]{accent-color:#ed91d8;width:14px;height:14px;margin:0}.click-lab .css-line[data-v-a89e17cd]{color:#9aa5ba;gap:4px;padding:12px 0;font:11px/1.6 ui-monospace,monospace;display:grid}.click-lab code[data-v-a89e17cd]{color:#ced3e0;font:inherit;white-space:normal;overflow-wrap:anywhere;background:0 0;padding:0}.click-lab code b[data-v-a89e17cd]{color:#ed91d8;font-weight:500}.click-lab .bypass[data-v-a89e17cd]{margin-top:12px}.click-lab .bypass p[data-v-a89e17cd]{margin:7px 0 8px;font-size:12px}.click-lab .direct[data-v-a89e17cd]{color:#edb8df;background:0 0;border:0;justify-content:space-between;width:100%;min-height:40px;padding:9px 0;font:12px/1.5 ui-monospace,monospace;display:flex}.click-lab .lab-feedback[data-v-a89e17cd]{background:#141925;border-top:1px solid #343b4b;align-items:baseline;gap:9px;padding:12px 20px;display:flex}.click-lab .status-dot[data-v-a89e17cd]{background:#ed91d8;border-radius:50%;flex:0 0 6px;height:6px}.click-lab .lab-feedback p[data-v-a89e17cd]{color:#c8cfdf;margin:0;font-size:12px;line-height:1.5}.click-lab .lab-note[data-v-a89e17cd]{background:#141925;padding:0 20px 12px}.click-lab summary[data-v-a89e17cd]{cursor:pointer;color:#a9b1c5;font-size:11px}.click-lab .lab-note p[data-v-a89e17cd]{color:#b9c1d3;margin:8px 0 0;font-size:12px}@container (width<=490px){.click-lab .lab-body[data-v-a89e17cd]{grid-template-columns:1fr;gap:22px;padding:18px}.click-lab .product-card[data-v-a89e17cd]{justify-self:center;width:100%;max-width:300px}.click-lab .product-art[data-v-a89e17cd]{aspect-ratio:1.6}.click-lab .experiment h4 br[data-v-a89e17cd]{display:none}.click-lab .experiment h4[data-v-a89e17cd]{font-size:23px}}.contract-demo[data-v-b45846ba]{background:#222735;border-color:#434b5d;padding:clamp(16px,3vw,28px);container-type:inline-size}.demo-heading[data-v-b45846ba]{margin-bottom:22px}.eyebrow[data-v-b45846ba]{letter-spacing:.15em;font-size:10px;font-weight:600}.demo-heading .eyebrow[data-v-b45846ba]{color:#e88ee4}.contract-demo h3[data-v-b45846ba]{letter-spacing:-.03em;margin:8px 0;font-size:clamp(22px,3vw,30px);font-weight:650}.demo-heading p[data-v-b45846ba]{color:#c6cad5;margin:0;font-size:14px}.toolbar[data-v-b45846ba]{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.contract-demo .defect-toggle[data-v-b45846ba]{background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:13px;display:inline-flex}.switch-track[data-v-b45846ba]{background:#747e90;border-radius:20px;width:36px;height:22px;padding:3px}.switch-track span[data-v-b45846ba]{background:#222735;border-radius:50%;width:16px;height:16px;transition:transform .18s;display:block}[aria-pressed=true] .switch-track[data-v-b45846ba]{background:#e97be4}[aria-pressed=true] .switch-track span[data-v-b45846ba]{transform:translate(14px)}.contract-demo .reset[data-v-b45846ba]{color:#c6cad5;text-underline-offset:4px;background:0 0;border:0;padding:4px 0 4px 12px;font-size:12px;text-decoration:underline}.comparison[data-v-b45846ba]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.shop[data-v-b45846ba]{color:#302d28;background:#f3eee4;border-radius:12px;overflow:hidden}.shop-header[data-v-b45846ba]{color:#6b675f;background:#fffbf3;border-bottom:1px solid #d7d0c3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:16px 20px;font-size:10px;display:flex}.brand[data-v-b45846ba]{letter-spacing:-.05em;color:#302d28;font:700 24px/1.2 Georgia,serif}.shop-body[data-v-b45846ba]{padding:22px 20px 24px}.account-heading[data-v-b45846ba]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.account-heading .eyebrow[data-v-b45846ba]{color:#7c6048;font-size:9px}.contract-demo .account-heading h4[data-v-b45846ba]{color:#302d28;letter-spacing:-.03em;margin:6px 0 0;font:700 30px/1.2 Georgia,serif}.account-heading img[data-v-b45846ba]{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:44px;height:44px;margin:0}[role=tablist][data-v-b45846ba]{border-bottom:1px solid #bdb3a2;gap:18px;display:flex}.contract-demo [role=tab][data-v-b45846ba]{color:#726c62;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;min-height:44px;padding:8px 2px;font-size:15px}.contract-demo [role=tab].active[data-v-b45846ba]{color:#302d28;border-bottom-color:#805c3c;font-weight:600}[role=tabpanel][data-v-b45846ba]{margin-top:18px}.contract-demo [role=tabpanel] h4[data-v-b45846ba]{color:#302d28;margin:0;font-size:20px;font-weight:600}.contract-demo [role=tabpanel] p[data-v-b45846ba]{color:#6b655c;min-height:40px;margin:6px 0 18px;font-size:13px}.shop[data-v-b45846ba] :focus-visible{outline-offset:2px;outline-color:#805c3c}.sample-field[data-v-b45846ba]{font-size:12px}.sample-field>div[data-v-b45846ba]{background:#fffbf3;border:1px solid #b9af9e;border-radius:5px;margin-top:5px;padding:10px}.inspector[data-v-b45846ba]{background:#202224;border:1px solid #55565a;border-radius:10px;font-size:11px;overflow:hidden}.inspector-tabs[data-v-b45846ba]{color:#b9bdc4;background:#282a2d;border-bottom:1px solid #505257;align-items:center;gap:20px;padding:0 12px;display:flex}.inspector-tabs>span[data-v-b45846ba]{padding:8px 0}.inspector-tabs .current[data-v-b45846ba]{color:#9ebcff;border-bottom:2px solid #9ebcff;font-weight:600}.inspector-tabs .dots[data-v-b45846ba]{margin-left:auto}.tree-heading[data-v-b45846ba]{flex-wrap:wrap;justify-content:space-between;gap:4px;padding:10px 12px;display:flex}.tree-heading>span[data-v-b45846ba]{color:#b9bdc4;font-size:9px}.tree-rows[data-v-b45846ba]{padding:0 0 12px;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.tree-row[data-v-b45846ba]{overflow-wrap:anywhere;align-items:baseline;gap:5px;padding:2px 10px;display:flex}.marker[data-v-b45846ba]{color:#bbc0ca;flex:0 0 8px}.child[data-v-b45846ba]{padding-left:22px}.token-role[data-v-b45846ba]{color:#abc5ff;margin-right:.5ch}.token-string[data-v-b45846ba]{color:#ecaaa2}.token-boolean[data-v-b45846ba]{color:#b096ff}.selected-badge[data-v-b45846ba]{color:#add8b3;margin-left:auto;font-size:10px}.panel-row[data-v-b45846ba]{background:#3d4d69}.properties-heading[data-v-b45846ba]{border-block:1px solid #4b4d52;padding:8px 12px;font-weight:600}.properties[data-v-b45846ba]{grid-template-columns:1fr 1.2fr;gap:4px 8px;margin:0;padding:12px;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.properties dt[data-v-b45846ba]{color:#bec1c8}.properties dd[data-v-b45846ba]{margin:0}.contract-demo .comparison-status[data-v-b45846ba]{color:#add8b3;margin:10px 0 0;font-size:12px;font-weight:600}.contract-demo .comparison-status.mismatch[data-v-b45846ba]{color:#f09cb0}.contract-demo .footnote[data-v-b45846ba]{color:#d5d8e0;margin:18px 0 6px;font-size:13px}.contract-demo .caption[data-v-b45846ba]{color:#aeb5c5;margin:0;font-size:11px}.changed[data-v-b45846ba]{animation:.7s ease-out highlight-b45846ba}@keyframes highlight-b45846ba{0%{background:#77643d}to{background:0 0}}@media (prefers-reduced-motion:reduce){.changed[data-v-b45846ba]{animation:none}.switch-track span[data-v-b45846ba]{transition:none}}@container (width<=560px){.comparison[data-v-b45846ba]{grid-template-columns:1fr}.tree-rows[data-v-b45846ba],.properties[data-v-b45846ba]{font-size:12px}}.gallery[data-v-48cd96f0]{gap:12px;display:grid}.reference-button[data-v-48cd96f0],.gallery button[data-v-48cd96f0]{color:#eceff5;text-align:center;background:#273449;border:2px solid #91a0b7;border-radius:6px;min-height:44px;padding:10px 14px;font:600 16px/1.55 system-ui,sans-serif;display:block}.gallery .primary[data-v-48cd96f0]{color:#172031;background:#f77fe2;border-color:#f77fe2}.gallery .outline[data-v-48cd96f0]{background:0 0;border-color:#f77fe2}.gallery .disabled[data-v-48cd96f0]{opacity:.6}.gallery.color .primary[data-v-48cd96f0]{background:#99e8d0;border-color:#99e8d0}.gallery.spacing[data-v-48cd96f0]{gap:28px}.playground-tools:where(.astro-sng73ogo){margin:-8px 0 32px;font-size:14px}.playground-tools:where(.astro-sng73ogo) a:where(.astro-sng73ogo){text-underline-offset:3px;text-decoration:underline}.playground-tools:where(.astro-sng73ogo) details:where(.astro-sng73ogo){margin:12px 0}.playground-tools:where(.astro-sng73ogo) summary:where(.astro-sng73ogo){cursor:pointer;padding:8px 0}.playground-tools:where(.astro-sng73ogo) pre{max-height:420px;overflow:auto}.playground-tools:where(.astro-sng73ogo) p:where(.astro-sng73ogo){opacity:.85}