@media (orientation:landscape) and (height<=500px){.cb-root.svelte-1j81dn5{grid-template-columns:auto minmax(0,1fr);grid-auto-rows:min-content;align-content:start;column-gap:1rem;display:grid;max-width:none!important}.cb-head.svelte-1j81dn5,.cb-status.svelte-1j81dn5,.cb-palette.svelte-1j81dn5,.cb-actions.svelte-1j81dn5{grid-column:2}.cb-canvas.svelte-1j81dn5{grid-area:1/1/span 4;margin:0;width:max(11rem,100dvh - 6rem)!important}.cb-actions.svelte-1j81dn5{min-height:0}}.cb-swatch.svelte-1j81dn5{cursor:pointer;border:3px solid #0000;border-radius:9999px;width:44px;min-width:44px;height:44px;min-height:44px;transition:border-color .15s,transform .15s;display:block;box-shadow:0 1px 3px #00000026}.cb-swatch.svelte-1j81dn5:hover{transform:scale(1.1)}.cb-swatch.svelte-1j81dn5:focus-visible{outline:2px solid var(--learn-focus,#4a86c7);outline-offset:2px}.cb-swatch-selected.svelte-1j81dn5{border-color:var(--learn-ink,#333);transform:scale(1.15);box-shadow:0 2px 6px #00000040}.cb-region.svelte-1j81dn5{transition:opacity .15s}.cb-region.svelte-1j81dn5:hover{opacity:.85}.cb-region.svelte-1j81dn5:focus-visible{stroke:var(--learn-focus,#4a86c7);stroke-width:3px;outline:none}.cb-region-unfilled.svelte-1j81dn5{fill-opacity:.6}.cb-region.svelte-1j81dn5:not(.cb-region-unfilled){animation:.3s ease-out svelte-1j81dn5-cb-fill-pop}@keyframes svelte-1j81dn5-cb-fill-pop{0%{fill-opacity:.3}50%{fill-opacity:1}to{fill-opacity:1}}@media (prefers-reduced-motion:reduce){.cb-swatch.svelte-1j81dn5,.cb-region.svelte-1j81dn5{transition:none}.cb-region.svelte-1j81dn5:not(.cb-region-unfilled){animation:none}}:root[data-reduced-motion] .cb-swatch.svelte-1j81dn5,:root[data-reduced-motion] .cb-region.svelte-1j81dn5{transition:none}:root[data-reduced-motion] .cb-region.svelte-1j81dn5:not(.cb-region-unfilled){animation:none}