.atelier-appearance{gap:8px;display:grid}.atelier-palette-control{position:relative}.atelier-palette-btn svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;fill:none!important}.atelier-appearance-panel{z-index:70;border:1px solid var(--at-line);background:color-mix(in srgb, var(--at-surface) 96%, var(--at-bg));width:min(264px,100vw - 86px);max-height:min(570px,100dvh - 28px);color:var(--at-ink);overscroll-behavior:contain;scrollbar-color:var(--at-line) transparent;border-radius:14px;gap:9px;padding:14px;display:grid;position:absolute;bottom:0;right:calc(100% + 10px);overflow-y:auto;box-shadow:0 16px 42px #0a162333}.atelier-appearance-panel[hidden]{display:none}.atelier-appearance-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.atelier-appearance-heading strong{font-size:13px;font-weight:720}.atelier-appearance-heading span{color:var(--at-muted);white-space:nowrap;font-size:10px}.atelier-mode-options{background:var(--at-soft);border-radius:9px;grid-template-columns:1.3fr repeat(2,minmax(0,1fr));gap:4px;padding:3px;display:grid}.atelier-mode-options button{min-width:0;min-height:32px;color:var(--at-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:4px;font-size:12px}.atelier-mode-options button[aria-pressed=true]{border-color:color-mix(in srgb, var(--at-accent) 26%, var(--at-line));background:var(--at-surface);color:var(--at-accent-strong);box-shadow:0 1px 3px #0a162314}.atelier-mode-options button:focus-visible,.atelier-palette-option:focus-visible{outline:2px solid var(--at-accent);outline-offset:2px}.atelier-palette-heading{padding-top:3px}.atelier-palette-options{gap:2px;display:grid}.atelier-palette-option{min-height:32px;color:var(--at-ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:4px 7px;font-size:12px;display:grid}.atelier-palette-option:hover{background:var(--at-soft)}.atelier-palette-option[aria-pressed=true]{border-color:color-mix(in srgb, var(--at-accent) 20%, var(--at-line));background:color-mix(in srgb, var(--at-soft) 70%, var(--at-surface))}.atelier-palette-option>svg{fill:none;width:16px;height:16px;stroke:var(--at-accent-strong);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.atelier-palette-option[aria-pressed=true]>svg{opacity:1}.atelier-palette-swatch{border:1px solid color-mix(in srgb, var(--at-ink) 14%, transparent);background:var(--swatch-color);border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 2px #ffffffc7}.swatch-original{--swatch-color:#1f6feb}.swatch-clay{--swatch-color:#b9584d}.swatch-pearl{--swatch-color:#108db5}.swatch-amber{--swatch-color:#916626}.swatch-tech{--swatch-color:#2469c9}.swatch-orange{--swatch-color:#c85622}.swatch-lavender{--swatch-color:#7652ba}.swatch-blue{--swatch-color:#436f9f}.swatch-coral{--swatch-color:#bd4e5d}html:not([data-theme=dark])[data-palette=clay]{--at-bg:#faf3f0;--at-header:#faf3f0e6;--at-accent:#b9584d;--at-accent-2:#ce8b6d;--at-accent-strong:#914037;--at-accent-2-ink:#3e211d;--at-soft:#f3e3dc}html[data-theme=dark][data-palette=clay]{--at-bg:#130f10;--at-surface:#1c1718;--at-header:#130f10e0;--at-accent:#f08e81;--at-accent-2:#d99a7e;--at-accent-strong:#f7b2a4;--at-accent-2-ink:#321a16;--at-soft:#33201f}html:not([data-theme=dark])[data-palette=pearl]{--at-bg:#f1f8fa;--at-header:#f1f8fae6;--at-accent:#087c9f;--at-accent-2:#2a9bb4;--at-accent-strong:#0a6c90;--at-accent-2-ink:#041e27;--at-soft:#dff1f5}html[data-theme=dark][data-palette=pearl]{--at-bg:#0b1418;--at-surface:#121e23;--at-header:#0b1418e0;--at-accent:#66c8e8;--at-accent-2:#55bbcd;--at-accent-strong:#8bdcf2;--at-accent-2-ink:#082630;--at-soft:#173039}html:not([data-theme=dark])[data-palette=amber]{--at-bg:#f8f5ee;--at-header:#f8f5eee6;--at-accent:#916626;--at-accent-2:#b98a4d;--at-accent-strong:#79501b;--at-accent-2-ink:#39270f;--at-soft:#eee4d1}html[data-theme=dark][data-palette=amber]{--at-bg:#17140e;--at-surface:#211c13;--at-header:#17140ee0;--at-accent:#e3b766;--at-accent-2:#c89e5d;--at-accent-strong:#f0cb7e;--at-accent-2-ink:#38250d;--at-soft:#33291a}html:not([data-theme=dark])[data-palette=tech]{--at-bg:#f1f6fd;--at-header:#f1f6fde6;--at-accent:#2469c9;--at-accent-2:#338aa7;--at-accent-strong:#194f9b;--at-accent-2-ink:#051821;--at-soft:#dfebfb}html[data-theme=dark][data-palette=tech]{--at-bg:#0b1220;--at-surface:#121b2d;--at-header:#0b1220e0;--at-accent:#7cb3ff;--at-accent-2:#55b6d3;--at-accent-strong:#a8ceff;--at-accent-2-ink:#092c38;--at-soft:#182941}html:not([data-theme=dark])[data-palette=orange]{--at-bg:#fbf3ed;--at-header:#fbf3ede6;--at-accent:#bd4d1e;--at-accent-2:#d17a41;--at-accent-strong:#9c4017;--at-accent-2-ink:#341a08;--at-soft:#f5e3d4}html[data-theme=dark][data-palette=orange]{--at-bg:#18110d;--at-surface:#241a14;--at-header:#18110de0;--at-accent:#f19560;--at-accent-2:#df9058;--at-accent-strong:#ffb082;--at-accent-2-ink:#351b0b;--at-soft:#39251a}html:not([data-theme=dark])[data-palette=lavender]{--at-bg:#f6f2fa;--at-header:#f6f2fae6;--at-accent:#7652ba;--at-accent-2:#966fc4;--at-accent-strong:#5a3d92;--at-accent-2-ink:#170d28;--at-soft:#ece4f7}html[data-theme=dark][data-palette=lavender]{--at-bg:#120f19;--at-surface:#1c1725;--at-header:#120f19e0;--at-accent:#b69aef;--at-accent-2:#b18ad8;--at-accent-strong:#d1baff;--at-accent-2-ink:#28193d;--at-soft:#2c233b}html:not([data-theme=dark])[data-palette=blue]{--at-bg:#f2f5f9;--at-header:#f2f5f9e6;--at-accent:#436f9f;--at-accent-2:#578ba9;--at-accent-strong:#35577f;--at-accent-2-ink:#081a30;--at-soft:#e2eaf3}html[data-theme=dark][data-palette=blue]{--at-bg:#0d131b;--at-surface:#151e29;--at-header:#0d131be0;--at-accent:#8fb8e2;--at-accent-2:#76abc0;--at-accent-strong:#b5d2ef;--at-accent-2-ink:#102b3a;--at-soft:#202d3b}html:not([data-theme=dark])[data-palette=coral]{--at-bg:#fbf2f2;--at-header:#fbf2f2e6;--at-accent:#bd4e5d;--at-accent-2:#d06f7b;--at-accent-strong:#963944;--at-accent-2-ink:#40131a;--at-soft:#f4e1e3}html[data-theme=dark][data-palette=coral]{--at-bg:#180f12;--at-surface:#23171b;--at-header:#180f12e0;--at-accent:#f08c9a;--at-accent-2:#df8290;--at-accent-strong:#ffb0b9;--at-accent-2-ink:#3d141b;--at-soft:#382127}body.atelier-body{transition:background-color .22s,color .22s}@media (width<=480px){.atelier-appearance-panel{width:min(248px,100vw - 74px);padding:12px}}@media (prefers-reduced-motion:reduce){body.atelier-body{transition:none}}