.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}.toys[data-size=large]{--toy-h:31rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr))}[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{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;align-items:center;gap:.6rem;display:flex;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.5rem;padding-inline:.8rem}.toy :is(.toy-pre,.toy-canvas):focus-visible,.toy .toy-sw:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.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;display:flex;position:relative}.toy-tip{color:#d9d4ec;font:var(--step--1) var(--font-mono);text-align:center;pointer-events:none;margin:0;position:absolute;inset:auto 0 .6rem}.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;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)}