.gallery.svelte-14uqs0w{gap:var(--space-4);display:grid}.example.svelte-14uqs0w{gap:var(--space-4);padding:0 var(--space-4) var(--space-4);background:var(--surface-default);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-default);flex-direction:column;flex:1;display:flex}.showcase.svelte-14uqs0w{grid-template-columns:repeat(3,33.33%);display:grid}.paint-box.svelte-14uqs0w{aspect-ratio:1;border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--border-default)}.paint-box.svelte-14uqs0w.checkerboard{background:paint(checkerboard)}.paint-box.svelte-14uqs0w.checkerboard:first-child{--checker-color-1:#e5e7eb;--checker-color-2:#fff;--checker-size:8}.paint-box.svelte-14uqs0w.checkerboard:nth-child(2){--checker-color-1:#fee2e2;--checker-color-2:#fecaca;--checker-size:20}.paint-box.svelte-14uqs0w.checkerboard:nth-child(3){--checker-color-1:#dbeafe;--checker-color-2:#bfdbfe;--checker-size:40}.paint-box.svelte-14uqs0w.punch-hole{background:paint(punch-hole)}.paint-box.svelte-14uqs0w.punch-hole:first-child{background-color:unset;--punch-hole-bg:#06b6d4;--punch-hole-size:16px}.paint-box.svelte-14uqs0w.punch-hole:nth-child(2){--punch-hole-bg:#ec4899;--punch-hole-size:32px;background-color:#fdf2f8}.paint-box.svelte-14uqs0w.punch-hole:nth-child(3){--punch-hole-bg:#f43f5e;--punch-hole-size:48px;background-color:#fff1f2}.paint-box.svelte-14uqs0w.circle{background:paint(circle)}.paint-box.svelte-14uqs0w.circle:first-child{--circle-color:#3b82f6;aspect-ratio:1}.paint-box.svelte-14uqs0w.circle:nth-child(2){--circle-color:#8b5cf6;aspect-ratio:16/9}.paint-box.svelte-14uqs0w.circle:nth-child(3){--circle-color:#10b981;aspect-ratio:2/3}.unsupported.svelte-14uqs0w{padding:var(--space-6);background:var(--status-error);border-radius:var(--radius-md);text-align:center}