.hidden.svelte-1vjfc55{display:none}.clip.svelte-1vjfc55{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.pad.svelte-1vjfc55{padding-top:12px}.grid2.svelte-1vjfc55{grid-template-columns:1fr 1fr;gap:8px;display:grid}.swatch-wrap.svelte-1vjfc55{font-family:var(--mono);color:var(--dim);flex:1;align-items:center;gap:10px;font-size:12px;display:flex}.swatch.svelte-1vjfc55{border:1px solid var(--line);background:0 0;border-radius:4px;flex:none;width:32px;height:32px;padding:0}.stage.svelte-1vjfc55{height:100%;position:relative}.swatch-preview.svelte-1vjfc55{touch-action:none;position:absolute;inset:0}.swatch-preview.pannable.svelte-1vjfc55{cursor:grab}.swatch-preview.pannable.svelte-1vjfc55:active{cursor:grabbing}.code-wrap.svelte-1vjfc55{right:var(--gap);bottom:var(--gap);left:var(--gap);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(140%);background:#0b0b0c9e;border-radius:.5rem;max-height:40%;position:absolute;overflow:auto}.code.svelte-1vjfc55{font-family:var(--mono);color:var(--fg);white-space:pre-wrap;word-break:break-word;margin:0;padding:14px 16px;font-size:12px;line-height:1.6}@media (width<=900px){.stage.svelte-1vjfc55{height:60dvh}}