.PTRMfa_paletteCard{border-radius:28px;width:100%;padding:16px 8px}.PTRMfa_paletteGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 4px;display:grid}@container (min-width:560px){.PTRMfa_paletteGrid{grid-template-columns:repeat(8,minmax(0,1fr))}}.PTRMfa_paletteItem{border-radius:16px;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:2px 0;display:flex}.PTRMfa_swatch{outline-offset:3px;width:44px;height:44px;transition:transform .6s var(--spring), outline-color var(--duration-fast) var(--ease-out);border-radius:50%;outline:2px solid #0000;display:block;box-shadow:inset 0 1px 2px #ffffff73,inset 0 -3px 6px #0000002e,0 6px 14px -6px #00000073}.PTRMfa_paletteItem:active .PTRMfa_swatch{transform:scale(.86)}.PTRMfa_paletteItem[aria-checked=true] .PTRMfa_swatch{outline-color:var(--fg-primary);transform:scale(1.08)}.PTRMfa_swatchName{color:var(--fg-secondary);font-size:11.5px;font-weight:500}.PTRMfa_paletteItem[aria-checked=true] .PTRMfa_swatchName{color:var(--fg-primary);font-weight:600}.PTRMfa_modeLabel{align-items:center;gap:6px;display:inline-flex}.PTRMfa_stack{text-align:center;container-type:inline-size}.PTRMfa_controls{flex-direction:column;gap:18px;display:flex}.PTRMfa_glassArea,.PTRMfa_colourArea{flex-direction:column;gap:10px;min-width:0;display:flex}@container (min-width:640px){.PTRMfa_controls{grid-template-columns:260px minmax(0,1fr);gap:18px 28px;display:grid}.PTRMfa_preview{grid-area:1/1;align-self:center}.PTRMfa_glassArea{grid-area:1/2}.PTRMfa_modeArea{grid-area:2/1;align-self:end}.PTRMfa_calmRow{grid-area:3/1;align-self:start}.PTRMfa_colourArea{grid-area:2/2/span 2}}.PTRMfa_preview{flex-direction:column;justify-content:center;align-items:center;gap:2px;height:116px;display:flex;position:relative}.PTRMfa_previewDrop{width:112px;height:112px;animation:5s ease-in-out infinite PTRMfa_previewBreathe;position:absolute;top:2px;left:calc(50% - 56px)}@keyframes PTRMfa_previewBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.PTRMfa_previewName{letter-spacing:-.015em;color:var(--fg-primary);font-size:19px;font-weight:600;position:relative}.PTRMfa_previewGlass{color:var(--fg-secondary);font-size:12.5px;font-weight:500;position:relative}.PTRMfa_calmRow{justify-content:center;align-items:center;gap:14px;min-height:44px;display:flex}.PTRMfa_calmText{letter-spacing:-.01em;color:var(--fg-primary);font-size:15px;font-weight:600}.PTRMfa_toggle{background:var(--surface-secondary);width:60px;height:34px;box-shadow:inset 0 0 0 1px var(--border-subtle);transition:background-color var(--duration-normal) var(--ease-out);border-radius:17px;flex-shrink:0;padding:0;position:relative}.PTRMfa_toggle[aria-checked=true]{background:var(--accent-500)}.PTRMfa_toggle:after{content:"";width:28px;height:28px;transition:transform .6s var(--spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000004d}.PTRMfa_toggle[aria-checked=true]:after{transform:translate(26px)}.PTRMfa_stackHint{text-align:center;color:var(--fg-tertiary);font-size:12.5px;line-height:1.4}.PTRMfa_stackLabel{letter-spacing:var(--tracking-wide);text-transform:uppercase;text-align:center;color:var(--fg-secondary);font-size:12px;font-weight:600}.PTRMfa_appearanceButton{background:var(--surface-card);border:1px solid var(--border-default);box-shadow:var(--shadow-xs,0 1px 2px #00000014);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.PTRMfa_appearanceDisc{border-radius:50%;position:absolute;inset:3px;box-shadow:inset 0 0 0 1px #ffffff38}.PTRMfa_appearanceGlyph{background:var(--surface-card);width:18px;height:18px;color:var(--fg-primary);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 1px 4px #00000040}@media (hover:hover) and (pointer:fine){.PTRMfa_appearanceButton:hover{border-color:var(--border-strong);box-shadow:0 0 0 4px var(--accent-ring)}}.PTRMfa_toggle:before{content:"";position:absolute;inset:-5px}