.spread-btn.svelte-2v09np{background:#1a2327;border:1px solid #37474f;color:#cfd8dc;border-radius:6px;padding:6px 11px;font-size:.82rem;cursor:pointer;transition:background .13s,border-color .13s;display:flex;align-items:center;gap:6px}.spread-btn.svelte-2v09np:hover{background:#2e3c43;border-color:#546e7a;color:#eceff1}@media (max-width: 480px){.spread-btn.svelte-2v09np{padding:8px 10px;min-width:44px;justify-content:center}.spread-btn-text.svelte-2v09np{display:none}}.spread-btn.svelte-1t3bb0e{background:#1a2327;border:1px solid #37474f;color:#cfd8dc;border-radius:6px;padding:6px 11px;font-size:.82rem;cursor:pointer;transition:background .13s,border-color .13s;display:flex;align-items:center;gap:6px}.spread-btn.svelte-1t3bb0e:hover{background:#2e3c43;border-color:#546e7a;color:#eceff1}@media (max-width: 480px){.spread-btn.svelte-1t3bb0e{padding:8px 10px;min-width:44px;justify-content:center}.spread-btn-text.svelte-1t3bb0e{display:none}}.actions.svelte-z393zm{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.actions.svelte-z393zm button:where(.svelte-z393zm){background:#1e272c;border:1px solid #37474f;color:#eceff1;border-radius:6px;padding:5px 12px;font-size:.8rem;cursor:pointer;transition:background .15s}.actions.svelte-z393zm button:where(.svelte-z393zm):hover{background:#37474f}.scroll-wrap.svelte-z393zm{overflow-x:auto}.matrix.svelte-z393zm{display:grid;gap:4px;min-width:300px}.matrix.compact.svelte-z393zm{gap:2px;min-width:0;max-width:400px}.matrix.compact.svelte-z393zm .corner:where(.svelte-z393zm){width:6px}.matrix.compact.svelte-z393zm .swatch:where(.svelte-z393zm){height:auto;padding:2px 0;font-size:.7rem;border-radius:2px;cursor:default}.corner.svelte-z393zm{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:6px;padding-right:6px}.corner-label.svelte-z393zm{font-size:.6rem;color:#546e7a;line-height:1.4}.col-header.svelte-z393zm{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 2px}.row-header.svelte-z393zm{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:6px}.color-bar-h.svelte-z393zm{width:100%;height:3px;border-radius:2px;flex-shrink:0}.color-bar-v.svelte-z393zm{width:3px;align-self:stretch;border-radius:2px;flex-shrink:0}.matrix.compact.svelte-z393zm .row-header:where(.svelte-z393zm){padding-right:2px}.col-label.svelte-z393zm{font-size:.62rem;color:#90a4ae;text-transform:capitalize}@media (max-width: 640px){.col-label.svelte-z393zm{display:none}}.swatch.svelte-z393zm{border:none;border-radius:4px;height:34px;min-height:10px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.6);transition:filter .12s}.swatch.interactive.svelte-z393zm{cursor:ew-resize;touch-action:none;user-select:none}.swatch.interactive.svelte-z393zm:hover,.swatch.dragging.svelte-z393zm{filter:brightness(1.25)}