.styles-module__tZezmW__root{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:relative}.styles-module__tZezmW__narrow-message{color:var(--muted);text-align:center;margin:0;font-size:1rem;font-weight:500}.styles-module__tZezmW__surface{flex-direction:column;align-items:center;gap:24px;display:flex}@media (prefers-reduced-motion:no-preference){.styles-module__tZezmW__surface{opacity:0}}.styles-module__tZezmW__content{align-items:center;gap:24px;display:flex}.styles-module__tZezmW__swatch-panel{background:var(--gray-2);border-radius:var(--radius-large);box-shadow:var(--shadow-2);padding:16px}.styles-module__tZezmW__swatch-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.styles-module__tZezmW__swatch{touch-action:manipulation;cursor:pointer;border-radius:var(--radius-base);will-change:transform;border:none;width:40px;height:40px;padding:0}@media (prefers-reduced-motion:no-preference){.styles-module__tZezmW__swatch{opacity:0;transform:scale(.72)}}.styles-module__tZezmW__swatch:focus-visible,.styles-module__tZezmW__swatch[data-selected=true]{outline:2px dashed var(--swatch-color);outline-offset:4px}.styles-module__tZezmW__preview-panel{background:var(--bg);border-radius:var(--radius-large);width:155px;height:200px;box-shadow:var(--shadow-2);flex-direction:column;align-items:center;display:flex;overflow:hidden}.styles-module__tZezmW__preview-header{background:var(--gray-2);border-bottom:1px solid var(--border);justify-content:center;align-items:center;width:100%;padding:10px;display:flex}.styles-module__tZezmW__preview-title{color:var(--fg);text-wrap:balance;font-size:18px;font-weight:600}.styles-module__tZezmW__preview-body{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.styles-module__tZezmW__preview-color{border-radius:var(--radius-base);width:64px;height:64px;transition:background-color .1s}.styles-module__tZezmW__actions{align-self:stretch;gap:24px;display:flex}.styles-module__tZezmW__cancel-button,.styles-module__tZezmW__save-button{cursor:pointer;box-shadow:var(--shadow-2);border:none;border-radius:9999px;flex:1;padding:12px 48px;font-size:18px;font-weight:600;transition:box-shadow .15s,transform .1s ease-out}.styles-module__tZezmW__cancel-button{background:var(--gray-2);box-shadow:var(--shadow-2)}.styles-module__tZezmW__save-button{color:var(--bg);background:var(--fg)}.styles-module__tZezmW__cancel-button:active,.styles-module__tZezmW__save-button:active{transform:scale(.97)}.styles-module__tZezmW__cancel-button:focus-visible,.styles-module__tZezmW__save-button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.styles-module__tZezmW__toast-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:-1px}.styles-module__tZezmW__toast-backdrop{pointer-events:none;background:#0000000d;position:absolute;inset:-1px}.dark .styles-module__tZezmW__toast-backdrop{background:#00000040}.styles-module__tZezmW__toast{color:var(--fg);background:var(--gray-2);box-shadow:var(--shadow-card);border-radius:9999px;align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:500;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.styles-module__tZezmW__swatch{will-change:auto}.styles-module__tZezmW__preview-color,.styles-module__tZezmW__cancel-button,.styles-module__tZezmW__save-button{transition:none}}