.palette-spectrum-module__0OUSEa__spectrum{touch-action:none;width:100%;min-width:0;position:relative}.palette-spectrum-module__0OUSEa__spectrum .react-colorful{gap:32px;width:100%;height:auto}.palette-spectrum-module__0OUSEa__spectrum .react-colorful__saturation{aspect-ratio:4/3;border:1px solid var(--border);border-radius:10px;flex:none;max-height:min(320px,42dvh);box-shadow:inset 0 0 0 1px #00000014}.palette-spectrum-module__0OUSEa__spectrum .react-colorful__hue{border-radius:999px;height:14px}.palette-spectrum-module__0OUSEa__spectrum .react-colorful__pointer{border:2px solid #fff;width:18px;height:18px;box-shadow:0 0 0 1px #00000040}.palette-spectrum-module__0OUSEa__spectrum .react-colorful__interactive:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px;border-radius:inherit}.palette-spectrum-module__0OUSEa__hueLabel{font-size:12px;font-weight:500;line-height:16px;position:absolute;bottom:26px;left:0}
.paint-workbench-module__54JJKa__container{container:paint-workbench/inline-size}.paint-workbench-module__54JJKa__frame{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}@container paint-workbench (min-width:60rem){.paint-workbench-module__54JJKa__frame{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.paint-workbench-module__54JJKa__controls{border-top-width:0;border-left-width:1px;padding:1.5rem}}
.paint-preview-module__NkRjNW__actions{opacity:1;transition:opacity .15s}@media (hover:hover) and (pointer:fine){.paint-preview-module__NkRjNW__actions{opacity:0}.paint-preview-module__NkRjNW__canvas:hover .paint-preview-module__NkRjNW__actions,.paint-preview-module__NkRjNW__canvas:focus-within .paint-preview-module__NkRjNW__actions{opacity:1}}@media (prefers-reduced-motion:reduce){.paint-preview-module__NkRjNW__actions{transition:none}}