.FeSLVG_root{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.FeSLVG_surface{flex-direction:column;align-items:center;gap:24px;display:flex}@media (prefers-reduced-motion:no-preference){.FeSLVG_surface{opacity:0}}.FeSLVG_content{align-items:center;gap:24px;display:flex}.FeSLVG_swatch-panel{background:var(--color-mono-100);border-radius:var(--radius-large);box-shadow:var(--shadow-2);padding:16px}.FeSLVG_swatch-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.FeSLVG_swatch{touch-action:manipulation;cursor:pointer;border-radius:var(--radius-base);will-change:transform;border:none;width:40px;height:40px;padding:0;transition:transform .1s ease-out}.FeSLVG_swatch:active{transform:scale(.97)}@media (prefers-reduced-motion:no-preference){.FeSLVG_swatch{opacity:0;transform:scale(.72)}}.FeSLVG_swatch:focus-visible,.FeSLVG_swatch[data-selected=true]{outline:2px dashed var(--swatch-color);outline-offset:4px}.FeSLVG_preview-panel{background:var(--surface);border-radius:var(--radius-large);width:155px;height:200px;box-shadow:var(--shadow-2);flex-direction:column;align-items:center;display:flex;overflow:hidden}.FeSLVG_preview-header{background:var(--color-mono-100);border-bottom:1px solid var(--border);justify-content:center;align-items:center;width:100%;padding:10px;display:flex}.FeSLVG_preview-title{color:var(--fg);text-wrap:balance;font-size:18px;font-weight:600}.FeSLVG_preview-body{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.FeSLVG_preview-color{border-radius:var(--radius-base);width:64px;height:64px;transition:background-color .1s}.FeSLVG_actions{align-self:stretch;gap:24px;display:flex}.FeSLVG_cancel-button,.FeSLVG_save-button{cursor:pointer;border-radius:var(--radius-large);box-shadow:var(--shadow-2);border:none;flex:1;padding:12px 48px;font-size:18px;font-weight:500;transition:background-color .15s,color .15s,opacity .15s,box-shadow .15s,transform .1s ease-out}.FeSLVG_cancel-button{background:var(--color-mono-100);box-shadow:var(--shadow-2)}.FeSLVG_save-button{color:oklch(from var(--swatch-color,#0b0b0b) clamp(0, (.75 - l) * 10000, 1) 0 0deg);background:var(--swatch-color,var(--fg))}@supports (color:lab(0% 0 0)){.FeSLVG_save-button{color:oklch(from var(--swatch-color,lab(3.04863% 0 0)) clamp(0, (.75 - l) * 10000, 1) 0 0deg)}}.FeSLVG_cancel-button:active,.FeSLVG_save-button:not(:disabled):active{transform:scale(.98)}.FeSLVG_save-button:disabled{cursor:not-allowed;opacity:.35}.FeSLVG_cancel-button:focus-visible,.FeSLVG_save-button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.FeSLVG_toast-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:-1px}.FeSLVG_toast-backdrop{pointer-events:none;background:#0000000d;position:absolute;inset:-1px}.dark .FeSLVG_toast-backdrop{background:#00000040}.FeSLVG_toast{color:var(--fg);background:var(--color-mono-100);border-radius:var(--radius-large);box-shadow:var(--shadow-card);align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:500;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.FeSLVG_swatch{will-change:auto;transition:none}.FeSLVG_swatch:active{transform:none}.FeSLVG_preview-color,.FeSLVG_cancel-button,.FeSLVG_save-button{transition:none}}.FeSLVG_content[data-narrow]{flex-direction:column;align-items:stretch;gap:16px;width:100%}.FeSLVG_mobile-header{align-items:center;display:flex}.FeSLVG_content[data-narrow] .FeSLVG_swatch-panel{width:100%;padding:16px}.FeSLVG_mobile-header .FeSLVG_preview-title{font-size:15px}.FeSLVG_content[data-narrow] .FeSLVG_swatch{width:32px;height:32px;position:relative}.FeSLVG_content[data-narrow] .FeSLVG_swatch:before{content:"";position:absolute;inset:-6px}.FeSLVG_content[data-narrow] .FeSLVG_swatch-grid{grid-template-columns:repeat(4,32px);justify-content:center;gap:28px}.FeSLVG_surface:has(.FeSLVG_content[data-narrow]){width:100%;max-width:320px}.FeSLVG_root:has(.FeSLVG_content[data-narrow]) .FeSLVG_toast{font-size:15px}.FeSLVG_content[data-narrow]~.FeSLVG_actions{gap:16px}.FeSLVG_content[data-narrow]~.FeSLVG_actions .FeSLVG_cancel-button,.FeSLVG_content[data-narrow]~.FeSLVG_actions .FeSLVG_save-button{padding:10px 16px;font-size:15px}