div.settings-panel[popover]{padding:0}.panel.svelte-1yhequo{flex-direction:column;inline-size:min(300px,100vw - 32px);display:flex}section.svelte-1yhequo{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}section.svelte-1yhequo+section:where(.svelte-1yhequo){border-block-start:1px solid var(--border)}.section-head.svelte-1yhequo{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}h2.svelte-1yhequo{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.02em;font-weight:650}.note.svelte-1yhequo{color:var(--text-muted);font-size:var(--text-xs);line-height:1.4}.styles.svelte-1yhequo{border:0;min-inline-size:0;margin:0;padding:0}legend.svelte-1yhequo{font-size:var(--text-md);margin-block-end:6px;padding:0;font-weight:550}.chips.svelte-1yhequo{gap:var(--space-1);grid-template-columns:repeat(3,1fr);display:grid}.chip.svelte-1yhequo{min-block-size:32px;padding-inline:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);place-items:center;font-weight:550;display:grid;position:relative}.chip.svelte-1yhequo:hover{background:var(--surface-2);color:var(--text)}.chip.svelte-1yhequo:has(input:where(.svelte-1yhequo):checked){border-color:color-mix(in oklab, var(--accent) 45%, transparent);background:var(--accent-soft);color:var(--accent)}.chip.svelte-1yhequo:has(input:where(.svelte-1yhequo):focus-visible){outline:2px solid var(--focus);outline-offset:2px}.chip.svelte-1yhequo input:where(.svelte-1yhequo){opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.hex-group.svelte-1yhequo{gap:var(--space-3);flex-direction:column;display:flex}.foot.svelte-1yhequo{padding:var(--space-2) var(--space-3);border-block-start:1px solid var(--border);justify-content:flex-end;display:flex}.toolbar.svelte-sejg5e{align-items:center;gap:var(--space-4);min-block-size:48px;padding-block:6px;padding-inline:max(var(--space-5), env(safe-area-inset-left)) max(var(--space-2), env(safe-area-inset-right));background:var(--bg);color:var(--text-muted);display:flex;container-type:inline-size}.hint.svelte-sejg5e{min-inline-size:0;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.hint.svelte-sejg5e .kbd{color:var(--text)}.actions.svelte-sejg5e{flex:none;justify-content:flex-end;align-items:center;gap:2px;margin-inline-start:auto;display:flex}.history.svelte-sejg5e{align-items:center;gap:2px;display:flex}.wide.svelte-sejg5e,.compact.svelte-sejg5e{display:contents}.compact.svelte-sejg5e{display:none}.divider.svelte-sejg5e{block-size:20px;inline-size:1px;margin-inline:var(--space-2);background:var(--border);flex:none;display:block}.actions.svelte-sejg5e .btn{margin-inline-start:var(--space-1)}.actions.svelte-sejg5e .btn.ghost{color:var(--text)}.actions.svelte-sejg5e .btn.generate{padding-inline:var(--space-4) calc(var(--space-4) + 2px);margin-inline-start:var(--space-2)}@media (hover:none) and (pointer:coarse){.hint.svelte-sejg5e,.after-history.svelte-sejg5e{display:none}.actions.svelte-sejg5e{flex:1}.history.svelte-sejg5e{margin-inline:calc(-1 * var(--space-2)) auto}}@container (width<=899px){.hint.svelte-sejg5e,.after-history.svelte-sejg5e{display:none}.actions.svelte-sejg5e{flex:1}.history.svelte-sejg5e{margin-inline:calc(-1 * var(--space-2)) auto}}@container (width<=639px){.wide.svelte-sejg5e,.actions.svelte-sejg5e .toolbar-wide{display:none}.compact.svelte-sejg5e{display:contents}}.add-zone.svelte-u4cia8{z-index:4;pointer-events:none;place-items:center;inline-size:28px;display:grid;position:absolute;inset-block:0;inset-inline-start:0;translate:-50%}.add-zone.svelte-u4cia8 .add-color{pointer-events:auto;border-radius:var(--radius-pill);opacity:0;transition:opacity var(--dur-fast) var(--ease), scale var(--dur) var(--ease-out), background-color var(--dur-fast) var(--ease);scale:.6}.add-zone.near.svelte-u4cia8 .add-color,.add-zone.svelte-u4cia8 .add-color:hover,.add-zone.svelte-u4cia8 .add-color:focus-visible{opacity:1;scale:1}.add-zone.svelte-u4cia8 .add-color:focus-visible{box-shadow:var(--shadow-1), 0 0 0 6px var(--surface)}@media (hover:none),(pointer:coarse){.add-zone.svelte-u4cia8 .add-color{opacity:1;scale:.86}}@media (width<=767px){.add-zone.svelte-u4cia8{block-size:28px;inline-size:auto;inset-block:0 auto;inset-inline:0;translate:0 -50%}}.rename.svelte-15sypvx{gap:var(--space-3);flex-direction:column;inline-size:min(280px,100vw - 48px);display:flex}.buttons.svelte-15sypvx{justify-content:flex-end;gap:var(--space-2);display:flex}.shades.svelte-tel87a{z-index:3;overscroll-behavior:contain;scrollbar-width:none;outline:none;flex-direction:column;display:flex;position:absolute;inset:0;overflow:auto}.shade.svelte-tel87a{background:var(--shade);min-block-size:24px;min-inline-size:0;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:scale var(--dur-slow) var(--ease-out), opacity var(--dur) var(--ease-out);transition-delay:calc(var(--d) * 14ms);flex:1 0 0;justify-content:center;align-items:center;display:flex;position:relative}@starting-style{.shade.svelte-tel87a{opacity:0;scale:1 .3}}.shade.svelte-tel87a:focus-visible{z-index:1;box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--counter-ink);outline:none}.code.svelte-tel87a{letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;transition:opacity var(--dur-fast) var(--ease);align-items:center;gap:6px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.shade.svelte-tel87a:hover .code:where(.svelte-tel87a),.shade.svelte-tel87a:focus-visible .code:where(.svelte-tel87a),.current.svelte-tel87a .code:where(.svelte-tel87a){opacity:1}.current.svelte-tel87a .code:where(.svelte-tel87a):before{content:"";border-radius:var(--radius-pill);background:currentColor;block-size:6px;inline-size:6px}@media (hover:hover) and (pointer:fine){.shade.svelte-tel87a:hover:not(:focus-visible){box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 45%, transparent)}}@media (width<=767px){.shades.svelte-tel87a{touch-action:pan-x;flex-direction:row}.shade.svelte-tel87a{min-block-size:0;min-inline-size:24px}@starting-style{.shade.svelte-tel87a{scale:.3 1}}.code.svelte-tel87a{writing-mode:vertical-rl;font-size:.6875rem;rotate:180deg}}@media (prefers-reduced-motion:reduce){.shade.svelte-tel87a{transition-delay:0s}}.actions.svelte-17kcoth{flex-direction:column;align-items:center;gap:2px;display:flex}.actions.svelte-17kcoth .icon-btn{transition:opacity var(--dur) var(--ease), translate var(--dur) var(--ease-out), background-color var(--dur-fast) var(--ease), scale var(--dur-fast) var(--ease)}.actions.svelte-17kcoth .icon-btn:hover:not(:disabled){background:color-mix(in srgb, currentColor 12%, transparent)}.actions.svelte-17kcoth .icon-btn[aria-pressed=true]{background:color-mix(in srgb, currentColor 14%, transparent)}.actions.svelte-17kcoth .handle{cursor:grab;touch-action:none}.actions.svelte-17kcoth .handle.grabbed{background:color-mix(in srgb, currentColor 18%, transparent);cursor:grabbing}.actions.svelte-17kcoth .grip-rows{display:none}@media (width<=767px){.actions.svelte-17kcoth{flex-direction:row}.actions.svelte-17kcoth .grip-columns{display:none}.actions.svelte-17kcoth .grip-rows{display:block}}@media (width<=374px){.compact.svelte-17kcoth .roomy{display:none}}.swatch.svelte-flvew6{min-block-size:0;min-inline-size:0;translate:var(--drag-translate,none);background:var(--swatch);color:var(--ink);-webkit-tap-highlight-color:transparent;transition:background-color var(--swatch-fade,var(--dur-fast)) var(--ease-out), scale var(--dur) var(--ease-out), border-radius var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);outline:none;flex:1;position:relative;overflow:hidden;container:swatch/size}.swatch.svelte-flvew6:focus-visible{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--counter-ink)}.swatch.svelte-flvew6 :focus-visible:not([popover] *){outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 2px var(--counter-ink)}.swatch.lifted.svelte-flvew6{border-radius:var(--radius-m);box-shadow:var(--shadow-3);scale:1.04 1.01}.body.svelte-flvew6{padding-inline:var(--space-2);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.tools.svelte-flvew6{min-block-size:0;flex:1;justify-content:center;align-items:center;padding-block-start:var(--space-4);display:flex}.info.svelte-flvew6{max-inline-size:100%;text-align:center;flex-direction:column;align-items:center;gap:2px;padding-block-end:clamp(var(--space-5), 9cqb, var(--space-16));display:flex}.value.svelte-flvew6{border-radius:var(--radius-s);max-inline-size:100%;color:inherit;font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease);background:0 0;border:0;padding:.14em .32em;font-size:clamp(.8125rem,16cqi,2rem);font-weight:650;line-height:1.1}.value.long.svelte-flvew6{white-space:normal;text-wrap:balance;font-size:clamp(.8125rem,7.5cqi,1.25rem)}.space.svelte-flvew6{color:var(--ink-soft);letter-spacing:.06em;font-size:.625em;font-weight:600;line-height:1.2;display:block}.value.svelte-flvew6:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.name.svelte-flvew6{min-block-size:1.4em;max-inline-size:100%;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;padding-inline:.4em;font-size:clamp(.75rem,5.5cqi,.875rem);font-weight:500;line-height:1.4;overflow:hidden}.name.custom.svelte-flvew6{color:var(--ink);font-weight:600}@container swatch (width<=119px){.body.svelte-flvew6{padding-inline:var(--space-1)}.name.svelte-flvew6{-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance;-webkit-box-orient:vertical;min-block-size:2.8em;padding-inline:0;display:-webkit-box}}@media (hover:hover) and (pointer:fine){.swatch.svelte-flvew6:not(:hover,:focus-within,.open,.grabbed) .tools:where(.svelte-flvew6) .icon-btn:not(.pinned){opacity:0;translate:0 3px}}@media (width>=768px){.swatch.svelte-flvew6:has([data-swatch-value][aria-expanded=true]) .tools:where(.svelte-flvew6){visibility:hidden}@container swatch (height<=400px){.tools.svelte-flvew6{padding-block-start:var(--space-2)}.tools.svelte-flvew6 .actions{grid-template-columns:repeat(2,auto);gap:2px;display:grid}}}@media (width<=767px){.body.svelte-flvew6{align-items:center;gap:var(--space-3);padding-inline:var(--space-5) var(--space-2);flex-direction:row}.tools.svelte-flvew6{flex:none;order:1;padding:0}.swatch.svelte-flvew6 .tools:where(.svelte-flvew6) .icon-btn{--size:32px}.swatch.svelte-flvew6 .tools:where(.svelte-flvew6) .icon-btn svg{block-size:18px;inline-size:18px}.info.svelte-flvew6{text-align:start;flex:1;align-items:flex-start;min-inline-size:0;padding:0}.value.svelte-flvew6{text-align:start;margin-inline-start:-.32em;font-size:min(clamp(1.125rem,5.4cqi,1.625rem),46cqb)}.value.long.svelte-flvew6{font-size:min(clamp(.875rem,3.6cqi,1.125rem),30cqb)}@container swatch (height<=60px){.name.svelte-flvew6{display:none}.space.svelte-flvew6{margin-inline-end:.4em;display:inline}}.name.svelte-flvew6{padding-inline:0;font-size:.8125rem}@container swatch (height>=96px){.name.svelte-flvew6{-webkit-line-clamp:2;line-clamp:2;white-space:normal;text-wrap:balance;-webkit-box-orient:vertical;display:-webkit-box}}.info.svelte-flvew6:has([data-swatch-value][aria-expanded=true]) .name:where(.svelte-flvew6){visibility:hidden}.swatch.lifted.svelte-flvew6{scale:1.01 1.06}@media (hover:hover) and (pointer:fine){.swatch.svelte-flvew6:not(:hover,:focus-within,.open,.grabbed) .tools:where(.svelte-flvew6) .icon-btn:not(.pinned){translate:3px}}}@media (width<=374px){.swatch.svelte-flvew6 .tools:where(.svelte-flvew6) .icon-btn{--size:30px}}.swatch-list.svelte-djh2iq{block-size:100%;min-block-size:280px;inline-size:100%;display:flex}.item.svelte-djh2iq{flex:1 1 0;min-block-size:0;min-inline-size:0;display:flex;position:relative}.item.lifted.svelte-djh2iq{z-index:5}.item.held.svelte-djh2iq:before{content:"";background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);position:absolute;inset:0}.dragging.svelte-djh2iq{cursor:grabbing;-webkit-user-select:none;user-select:none}.previewing.svelte-djh2iq{--swatch-fade:0s}@media (width<=767px){.swatch-list.svelte-djh2iq{flex-direction:column;min-block-size:0}.item.svelte-djh2iq{min-block-size:44px}}.generator.svelte-17xk3pt{block-size:calc(100dvh - var(--header-h));flex-direction:column;min-block-size:0;display:flex}.toolbar-slot.svelte-17xk3pt{display:contents}.palette.svelte-17xk3pt{border-block-start:1px solid var(--border);touch-action:pan-y pinch-zoom;flex:1;min-block-size:0;display:flex}