@media (min-width: 880px){article.svelte-s8f681 .playground{grid-template-columns:minmax(0,1.6fr) minmax(16rem,.8fr);align-items:start}}article.svelte-s8f681 .plot{position:relative;border-radius:.4rem;overflow:hidden;background:color-mix(in srgb,var(--paper) 92%,var(--ink))}article.svelte-s8f681 .plot canvas{display:block;width:100%;height:auto;cursor:grab;touch-action:none}article.svelte-s8f681 .plot canvas:active{cursor:grabbing}article.svelte-s8f681 .plot .hint{position:absolute;left:.6rem;top:.5rem;font-size:.72rem;opacity:.55;pointer-events:none}article.svelte-s8f681 .readout output{font-variant-numeric:tabular-nums}article.svelte-s8f681 .readout output[data-mood=hit]{color:#16a34a}article.svelte-s8f681 .readout output[data-mood=miss]{color:#dc2626}article.svelte-s8f681 .axis-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}article.svelte-s8f681 .axis-list li{display:contents}article.svelte-s8f681 .axis-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.3rem .5rem;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:.35rem;cursor:pointer;font-size:.85rem;background:transparent;color:var(--ink);text-align:left;width:100%}article.svelte-s8f681 .axis-list button:hover{background:color-mix(in srgb,currentColor 6%,transparent)}article.svelte-s8f681 .axis-list button[aria-current=true]{outline:2px solid color-mix(in srgb,var(--link) 60%,transparent);font-weight:600}article.svelte-s8f681 .axis-list .swatch{width:.8rem;height:.8rem;border-radius:.2rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent)}article.svelte-s8f681 .axis-list output{font-variant-numeric:tabular-nums;font-weight:600}article.svelte-s8f681 .axis-list button.is-min .swatch{box-shadow:0 0 0 2px color-mix(in srgb,#16a34a 70%,transparent)}article.svelte-s8f681 .axis-list button.is-sep .swatch{box-shadow:0 0 0 2px color-mix(in srgb,#dc2626 70%,transparent)}article.svelte-s8f681 .legend{display:grid;gap:.3rem;font-size:.82rem}article.svelte-s8f681 .legend span{display:inline-flex;align-items:center;gap:.45rem}article.svelte-s8f681 .legend i{width:.9rem;height:.9rem;border-radius:.2rem;flex:none;display:inline-block}article.svelte-s8f681 .controls menu button{padding:.3rem .75rem;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);border-radius:.35rem;background:var(--paper);color:var(--link);cursor:pointer;font-weight:600;font-size:.85rem}article.svelte-s8f681 .controls menu button:hover{background:color-mix(in srgb,var(--link) 12%,var(--paper));border-color:color-mix(in srgb,var(--link) 45%,transparent)}article.svelte-s8f681 .controls menu button:disabled{opacity:.4;cursor:default}details.code.svelte-s8f681{border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:.5rem;overflow:hidden;background:color-mix(in srgb,var(--paper) 40%,transparent)}details.code.svelte-s8f681>summary:where(.svelte-s8f681){padding:.6rem .9rem;cursor:pointer;font-weight:600;font-size:.9rem;list-style:none;-webkit-user-select:none;user-select:none;background:color-mix(in srgb,var(--ink) 4%,transparent)}details.code.svelte-s8f681>summary:where(.svelte-s8f681)::-webkit-details-marker{display:none}details.code.svelte-s8f681>summary:where(.svelte-s8f681):before{content:"▸";display:inline-block;margin-right:.5rem;transition:transform .12s ease;color:var(--link)}details.code[open].svelte-s8f681>summary:where(.svelte-s8f681):before{transform:rotate(90deg)}details.code.svelte-s8f681>summary:where(.svelte-s8f681):hover{background:color-mix(in srgb,var(--link) 10%,transparent)}details.code.svelte-s8f681 pre:where(.svelte-s8f681){margin:0;padding:.9rem 1rem;overflow-x:auto;font-size:.8rem;line-height:1.5}details.code.svelte-s8f681 code:where(.svelte-s8f681){font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,monospace}.steps.svelte-s8f681{margin:0;padding-left:1.4rem;max-width:52rem;display:grid;gap:.4rem}.primitives.svelte-s8f681{margin:0;padding-left:1.4rem;max-width:52rem;display:grid;gap:.3rem}@media (prefers-color-scheme: dark){article.svelte-s8f681 .readout output[data-mood=hit]{color:#4ade80}article.svelte-s8f681 .readout output[data-mood=miss]{color:#f87171}}