@media (width>=880px){article.svelte-s8f681 .playground{grid-template-columns:minmax(0,1.6fr) minmax(16rem,.8fr);align-items:start}}article.svelte-s8f681 .plot{background:color-mix(in srgb, var(--paper) 92%, var(--ink));border-radius:.4rem;position:relative;overflow:hidden}article.svelte-s8f681 .plot canvas{cursor:grab;touch-action:none;width:100%;height:auto;display:block}article.svelte-s8f681 .plot canvas:active{cursor:grabbing}article.svelte-s8f681 .plot .hint{opacity:.55;pointer-events:none;font-size:.72rem;position:absolute;top:.5rem;left:.6rem}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{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}article.svelte-s8f681 .axis-list li{display:contents}article.svelte-s8f681 .axis-list button{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);cursor:pointer;color:var(--ink);text-align:left;background:0 0;border-radius:.35rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;width:100%;padding:.3rem .5rem;font-size:.85rem;display:grid}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{border:1px solid color-mix(in srgb, currentColor 30%, transparent);border-radius:.2rem;width:.8rem;height:.8rem}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 #16a34ab3}article.svelte-s8f681 .axis-list button.is-sep .swatch{box-shadow:0 0 0 2px #dc2626b3}article.svelte-s8f681 .legend{gap:.3rem;font-size:.82rem;display:grid}article.svelte-s8f681 .legend span{align-items:center;gap:.45rem;display:inline-flex}article.svelte-s8f681 .legend i{border-radius:.2rem;flex:none;width:.9rem;height:.9rem;display:inline-block}article.svelte-s8f681 .controls menu button{border:1px solid color-mix(in srgb, var(--ink) 22%, transparent);background:var(--paper);color:var(--link);cursor:pointer;border-radius:.35rem;padding:.3rem .75rem;font-size:.85rem;font-weight:600}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);background:color-mix(in srgb, var(--paper) 40%, transparent);border-radius:.5rem;overflow:hidden}details.code.svelte-s8f681>summary:where(.svelte-s8f681){cursor:pointer;-webkit-user-select:none;user-select:none;background:color-mix(in srgb, var(--ink) 4%, transparent);padding:.6rem .9rem;font-size:.9rem;font-weight:600;list-style:none}details.code.svelte-s8f681>summary:where(.svelte-s8f681)::-webkit-details-marker{display:none}details.code.svelte-s8f681>summary:where(.svelte-s8f681):before{content:"▸";color:var(--link);margin-right:.5rem;transition:transform .12s;display:inline-block}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;font-size:.8rem;line-height:1.5;overflow-x:auto}details.code.svelte-s8f681 code:where(.svelte-s8f681){font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,monospace}.steps.svelte-s8f681{gap:.4rem;max-width:52rem;margin:0;padding-left:1.4rem;display:grid}.primitives.svelte-s8f681{gap:.3rem;max-width:52rem;margin:0;padding-left:1.4rem;display:grid}@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}}