.color-theme-control-module__T20ttW__content{gap:20px;padding:24px;display:grid}.color-theme-control-module__T20ttW__intro,.color-theme-control-module__T20ttW__note{color:var(--color-text-muted);margin:0;line-height:1.5}.color-theme-control-module__T20ttW__intro{font-size:15px}.color-theme-control-module__T20ttW__note{font-size:12px}.color-theme-control-module__T20ttW__modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-theme-control-module__T20ttW__modes button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);min-height:44px;color:var(--color-text);text-align:left;font:inherit;gap:6px;padding:14px;display:grid}.color-theme-control-module__T20ttW__modes button span{color:var(--color-text-muted);font-size:12px;line-height:1.45}.color-theme-control-module__T20ttW__modes button[aria-pressed=true]{border-color:var(--color-action);background:var(--color-action-soft)}.color-theme-control-module__T20ttW__modes button[aria-pressed=true] strong{color:var(--color-action)}.color-theme-control-module__T20ttW__tones{border:1px solid var(--color-border);border-radius:var(--radius-control);height:42px;display:flex;overflow:hidden}.color-theme-control-module__T20ttW__tones i{background:var(--color-canvas);flex:1}.color-theme-control-module__T20ttW__tones i:nth-child(2){background:var(--color-surface)}.color-theme-control-module__T20ttW__tones i:nth-child(3){background:var(--color-surface-raised)}.color-theme-control-module__T20ttW__tones i:nth-child(4){background:var(--color-border-strong)}.color-theme-control-module__T20ttW__tones i:nth-child(5){background:var(--color-action)}.color-theme-control-module__T20ttW__tones i:nth-child(6){background:var(--color-text)}.color-theme-control-module__T20ttW__picker{gap:12px;display:grid}.color-theme-control-module__T20ttW__picker label{font-size:14px;font-weight:650}.color-theme-control-module__T20ttW__presets{grid-template-columns:repeat(6,minmax(44px,1fr));gap:8px;display:grid}.color-theme-control-module__T20ttW__presets button{border-radius:var(--radius-control);background:var(--swatch);min-height:44px;box-shadow:inset 0 0 0 4px var(--color-surface);border:2px solid #0000}.color-theme-control-module__T20ttW__presets button[aria-pressed=true]{border-color:var(--color-text)}.color-theme-control-module__T20ttW__picker input{width:100%;min-height:44px;accent-color:var(--color-action);cursor:pointer;margin:0}.color-theme-control-module__T20ttW__content button:focus-visible,.color-theme-control-module__T20ttW__picker input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (max-width:380px){.color-theme-control-module__T20ttW__content{padding:20px}.color-theme-control-module__T20ttW__presets{grid-template-columns:repeat(3,minmax(44px,1fr))}}