:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#f4f1ea;min-height:100%;margin:0;overflow:hidden}button{font:inherit}.blank-canvas{min-height:100svh;transition:background-color .32s cubic-bezier(.2,.8,.2,1);position:fixed;inset:0}.swatch-tray{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px)saturate(130%);background:#ffffff52;border:1px solid #ffffff61;border-radius:999px;gap:8px;padding:8px;display:flex;position:absolute;box-shadow:0 10px 30px #00000017}.color-swatch{cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #14141424;border-radius:50%;width:24px;height:24px;padding:0;transition:transform .15s,box-shadow .15s;box-shadow:inset 0 0 0 1px #ffffff3d}.color-swatch:hover{transform:translateY(-2px)}.color-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1px #ffffff47,0 0 0 2px #ffffffe6,0 0 0 3px #14141452}.color-swatch:focus-visible{outline-offset:3px;outline:2px solid #111}@media (width<=520px){.swatch-tray{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));gap:7px;padding:7px}.color-swatch{width:27px;height:27px}}@media (prefers-reduced-motion:reduce){.blank-canvas,.color-swatch{transition:none}}