.toys{--toy-h:24rem;--toy-radius:var(--radius);--toy-border:1px solid var(--border-strong);--toy-shadow:none;--toy-paper:#0d1209;--toy-night:#0d1209;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}:root[data-side=professional]:is([data-theme=green],[data-theme=mint]) .toys{--toy-paper:#f3f7ec}.toys[data-size=large]{--toy-h:27rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr))}@media (width>=75rem){.toys[data-size=large]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=40rem){.toys[data-size=large]{--toy-h:24rem}}[data-side=personal] .toys{--toy-radius:0;--toy-border:2px solid var(--fg);--toy-shadow:4px 4px 0 0 var(--fx-2);--toy-paper:#fbf8f1;--toy-night:#211f30}.toy{--toy-dots:radial-gradient(circle, color-mix(in srgb, var(--fg) 22%, transparent) 1px, transparent 1.5px) 0 0 / 14px 14px;accent-color:var(--accent);border:var(--toy-border);border-radius:var(--toy-radius);background:var(--bg-elev);min-width:0;box-shadow:var(--toy-shadow);padding:1rem 1.1rem 1.1rem}.toy .l-item-title{margin-bottom:.15rem}.toy-hint{color:var(--fg-muted);font-size:var(--step--1);margin:0 0 .75rem}.toy-stage{height:var(--toy-h);flex-direction:column;justify-content:safe center;align-items:center;gap:.6rem;display:flex;position:relative;overflow:hidden}.toy-nojs{color:var(--fg-muted);margin:0}.toy-row{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.toy-row .btn{min-height:2.75rem;padding-inline:.8rem}.toy :where(input:not([type=range],[type=checkbox],[type=radio],[type=color]),textarea,select){box-sizing:border-box;border:var(--toy-border);border-radius:var(--toy-radius);background:var(--bg);max-width:100%;color:var(--fg);font:var(--step--1) / 1.4 var(--font-mono);padding:.4rem .6rem}.toy textarea{resize:none;width:100%}.toy label:has(>input[type=range]){align-items:center;gap:.6rem;display:inline-flex}.toy label:has(>input[type=range]),.toy-row:has(>input[type=range])>:is(label,output){font:var(--step--1) var(--font-mono)}.toy-row:has(>input[type=range])>output{min-width:4ch}.toy .btn:not(.btn-primary,.btn-secondary,[aria-pressed=true]){color:var(--fg);border-color:var(--border-strong);background:0 0}.toy :is(button,input,textarea,select):disabled{opacity:.5;cursor:not-allowed}.toy :is(input,textarea,select):focus-visible,.toy :is(.toy-pre,.toy-canvas):focus-visible,.toy .toy-sw:focus-visible,.toy .toy-ball:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.toy .toy-ball{pointer-events:none;background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:0;position:absolute}.toy-pre{border:2px dashed var(--border-strong);border-radius:var(--toy-radius);background:var(--bg);width:100%;min-height:0;font:1rem/1.1 var(--font-mono);white-space:pre;text-align:left;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;flex:1;justify-content:center;align-items:center;margin:0;display:flex}.toys[data-size=large] .toy-pre{font-size:1.3rem}.toy-cap,.toy-tally{text-align:center;margin:0}.toy-tally{min-height:1.4em;color:var(--fg-muted);font:var(--step--1) var(--font-mono)}.toy-canvas{border:2px solid var(--border-strong);border-radius:var(--toy-radius);max-width:100%;min-height:0;image-rendering:pixelated;touch-action:none;cursor:crosshair;flex:1}.toy-sketch{aspect-ratio:1;background:var(--toy-paper)}.toy-sparkle{background:var(--toy-night);width:100%}.toy-wrap{flex:1;justify-content:center;width:100%;min-height:0;max-height:20rem;display:flex;position:relative}.toy-tip{border-radius:var(--toy-radius);background:var(--toy-dots), color-mix(in srgb, var(--bg) 88%, transparent);color:var(--fg-muted);font:var(--step--1) var(--font-mono);text-align:center;pointer-events:none;place-items:center;margin:0;padding:1rem;display:grid;position:absolute;inset:2px}.toy-tip[hidden]{display:none}.toy-sand{background:color-mix(in srgb, #d8c39a 35%, var(--bg));color:color-mix(in srgb, #d8c39a 35%, color-mix(in srgb, var(--bg) 40%, var(--fg)))}.toy-swatches{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.toy-sw{border:2px solid var(--border-strong);border-radius:var(--toy-radius);cursor:pointer;width:2rem;height:2rem;padding:0}.toy-sw[aria-pressed=true]{border-color:var(--fg);box-shadow:0 0 0 2px var(--bg-elev), 0 0 0 4px var(--fg)}.toy-row .btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.toy-board{aspect-ratio:1;flex:1;max-width:100%;min-height:0;max-height:20rem;position:relative}.toy-board .toy-canvas{box-sizing:border-box;width:100%;height:100%;display:block}.toy-cur{outline:2px solid var(--accent);outline-offset:-1px;mix-blend-mode:difference;pointer-events:none;width:3.125%;height:3.125%;display:none;position:absolute}[data-side=professional] .toy-hint{font-family:var(--font-mono)}[data-side=professional] .toy-pre{color:var(--accent);border-color:var(--accent)}[data-side=professional] .toy:is(:hover,:focus-within){border-color:var(--accent)}.pg-toys[data-astro-cid-6bgtawcg] .toy-scroller{--cs-w:min(19rem, 82vw);--toy-h:24rem;--toy-radius:var(--radius);--toy-border:1px solid var(--border-strong);--toy-shadow:none;--toy-paper:#0d1209;--toy-night:#0d1209}:root[data-side=professional]:is([data-theme=green],[data-theme=mint]) .pg-toys[data-astro-cid-6bgtawcg] .toy-scroller{--toy-paper:#f3f7ec}.pg-toys[data-astro-cid-6bgtawcg] section[data-astro-cid-6bgtawcg]+section[data-astro-cid-6bgtawcg]{margin-top:2.5rem}