.colors-workspace{flex-direction:column;gap:1rem;display:flex}.colors-preview{border:1px solid var(--hf-tool-border);border-radius:var(--hf-radius-lg);background:var(--hf-tool-preview-bg);margin:0;overflow:hidden}.colors-preview__image{object-fit:contain;background:repeating-conic-gradient(#e8e8ec 0% 25%,#fff 0% 50%) 50%/16px 16px;width:100%;max-height:280px;display:block}.colors-preview__name{color:var(--hf-text-muted);border-top:1px solid var(--hf-tool-border);background:var(--hf-bg-elevated);text-overflow:ellipsis;white-space:nowrap;padding:.625rem .875rem;font-size:.8125rem;overflow:hidden}.colors-status{color:var(--hf-text-muted);margin:0;font-size:.875rem}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--hf-bg:#f7f7f8;--hf-bg-elevated:#fff;--hf-surface:#f0f0f2;--hf-border:#e8e8ec;--hf-border-strong:#d8d8de;--hf-text:#09090b;--hf-muted:#6b6b76;--hf-accent:#09090b;--hf-accent-hover:#27272a;--hf-row-hover:#f4f4f5;--hf-radius:14px;--hf-radius-lg:18px;--hf-radius-xl:22px;--hf-font:"DM Sans", system-ui, -apple-system, sans-serif;--hf-shadow-sm:0 1px 2px #09090b0a;--hf-shadow:0 4px 16px #09090b0f, 0 1px 3px #09090b0a;--hf-shadow-lg:0 12px 40px #09090b14, 0 2px 8px #09090b0a;--hf-tool-head-bg:#f4f4f5;--hf-tool-icon-bg:#e4e4e7;--hf-tool-icon-fg:#09090b;--hf-tool-border:#e4e4e7;--hf-tool-preview-bg:#ececee;--hf-tool-preview-accent:#71717a}*,:before,:after{box-sizing:border-box}body{font-family:var(--hf-font);background:var(--hf-bg);color:var(--hf-text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}.hf-btn{font:inherit;cursor:pointer;border:none;border-radius:999px;padding:.6875rem 1.375rem;font-size:.875rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s,background .15s,border-color .15s}.hf-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.hf-btn--primary{background:var(--hf-accent);color:#fff;box-shadow:var(--hf-shadow-sm)}.hf-btn--primary:hover:not(:disabled){background:var(--hf-accent-hover);box-shadow:var(--hf-shadow);transform:translateY(-1px)}.hf-btn--secondary{background:var(--hf-bg-elevated);color:var(--hf-text);border:1px solid var(--hf-border-strong);box-shadow:var(--hf-shadow-sm)}.hf-btn--secondary:hover:not(:disabled){background:var(--hf-row-hover);border-color:color-mix(in srgb, var(--hf-text) 18%, var(--hf-border));transform:translateY(-1px)}.hf-btn:focus-visible{outline:2px solid var(--hf-text);outline-offset:2px}