.notebook[data-astro-cid-hjvnw3wu]{position:relative;width:100%;height:40vh;border-radius:.75rem;overflow:hidden;background-color:#fff;background-image:linear-gradient(rgba(32,45,133,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(32,45,133,.06) 1px,transparent 1px);background-size:16px 16px;border:1px solid rgba(32,45,133,.1)}.notebook[data-astro-cid-hjvnw3wu].drawing-mode #pixel-canvas[data-astro-cid-hjvnw3wu]{pointer-events:auto;cursor:crosshair}.notebook[data-astro-cid-hjvnw3wu].eraser-mode #pixel-canvas[data-astro-cid-hjvnw3wu]{pointer-events:auto;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Crect x='2' y='2' width='16' height='16' rx='2' fill='white' stroke='%23999' stroke-width='1'/%3E%3C/svg%3E") 10 10,crosshair}.pixel-ui[data-astro-cid-hjvnw3wu]{position:absolute;z-index:3;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.pixel-ui[data-astro-cid-hjvnw3wu] .tool-row[data-astro-cid-hjvnw3wu]{display:flex;gap:.5rem;align-items:center}.swatch[data-astro-cid-hjvnw3wu]{width:1.25rem;height:1.25rem;border-radius:.25rem;border:2px solid rgba(0,0,0,.08);cursor:pointer;padding:0;transition:border-color .1s ease,transform .1s ease;touch-action:manipulation}.swatch[data-astro-cid-hjvnw3wu]:hover{transform:scale(1.15)}.swatch[data-astro-cid-hjvnw3wu]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.swatch[data-astro-cid-hjvnw3wu].active{border-color:var(--color-text);transform:scale(1.15)}.tool-btn[data-astro-cid-hjvnw3wu]{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#fff;border:1px solid rgba(32,45,133,.15);border-radius:.5rem;cursor:pointer;color:var(--color-text);transition:border-color .15s ease,color .15s ease,background .15s ease;touch-action:manipulation}.tool-btn[data-astro-cid-hjvnw3wu]:hover{border-color:var(--color-muted);color:var(--color-muted)}.tool-btn[data-astro-cid-hjvnw3wu]:active{opacity:.6}.tool-btn[data-astro-cid-hjvnw3wu]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tool-btn[data-astro-cid-hjvnw3wu].active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tooltip-wrapper[data-astro-cid-hjvnw3wu]{position:relative}.tooltip[data-astro-cid-hjvnw3wu]{display:none;position:absolute;bottom:calc(100% + .5rem);right:0;width:max-content;max-width:13rem;padding:.5rem .75rem;background:var(--color-text);color:#fff;font-size:.75rem;line-height:1.4;border-radius:.375rem;pointer-events:none}.tooltip[data-astro-cid-hjvnw3wu].visible{display:block}@media(min-width:768px){.pixel-ui[data-astro-cid-hjvnw3wu]{flex-direction:row;left:auto;right:1rem;bottom:1rem;transform:none;gap:.5rem}.swatch[data-astro-cid-hjvnw3wu]{width:1.5rem;height:1.5rem}.tool-btn[data-astro-cid-hjvnw3wu]{width:2rem;height:2rem}}@media(prefers-reduced-motion:reduce){.swatch[data-astro-cid-hjvnw3wu],.tool-btn[data-astro-cid-hjvnw3wu]{transition:none}.swatch[data-astro-cid-hjvnw3wu]:hover,.swatch[data-astro-cid-hjvnw3wu].active{transform:none}}.filter-pill[data-astro-cid-pdhyakzw]{cursor:pointer;touch-action:manipulation;color:var(--color-muted);background:transparent;border:1px solid rgba(32,45,133,.18);transition:color .15s ease,background-color .15s ease,border-color .15s ease,opacity .1s ease}.filter-pill[data-astro-cid-pdhyakzw]:hover{color:var(--color-text);border-color:#202d8566}.filter-pill[data-astro-cid-pdhyakzw]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.filter-pill[data-astro-cid-pdhyakzw]:active{opacity:.7}.filter-pill[data-astro-cid-pdhyakzw][aria-checked=true]{color:#fff;background-color:var(--color-primary);border-color:var(--color-primary)}.filter-pill-count[data-astro-cid-pdhyakzw]{color:var(--color-faint);background-color:#202d850f;transition:color .15s ease,background-color .15s ease}.filter-pill[data-astro-cid-pdhyakzw]:hover .filter-pill-count[data-astro-cid-pdhyakzw]{color:var(--color-muted)}.filter-pill[data-astro-cid-pdhyakzw][aria-checked=true] .filter-pill-count[data-astro-cid-pdhyakzw]{color:#fff;background-color:#ffffff2e}[data-astro-cid-pdhyakzw][data-category]{transition:opacity .2s ease,transform .2s ease}[data-astro-cid-pdhyakzw][data-category][hidden]{display:none}@media(prefers-reduced-motion:reduce){.filter-pill[data-astro-cid-pdhyakzw],.filter-pill-count[data-astro-cid-pdhyakzw],[data-astro-cid-pdhyakzw][data-category]{transition:none}}