/* Selectores tactiles: sin gestos ocultos ni interaccion dependiente de hover. */
.choose{gap:2.2cqw}.choose .selection-preview{flex:1;min-height:120px;max-height:none}.choose-hint{font-size:3.7cqw;margin:0 1cqw;color:var(--muted)}
.look-selectors{display:grid;gap:2cqw;flex-shrink:0}.look-selector{display:grid;grid-template-columns:10cqw 1fr auto 5cqw;gap:3cqw;align-items:center;min-height:max(54px,16cqw);width:100%;padding:2.5cqw 3.5cqw;border-radius:5.8cqw;text-align:left;font-size:4.5cqw;font-weight:450;touch-action:manipulation}.look-selector strong{font-size:4.1cqw;font-weight:500;color:var(--accent)}.selector-symbol,#selected-swatch{display:grid;place-items:center;width:9cqw;height:9cqw;border-radius:50%;background:#a0b3a521;color:var(--accent);font-size:7cqw;font-weight:300}.texture-symbol{font-size:9cqw}#selected-swatch{border:2px solid #ffffffb8;box-shadow:inset 0 2px 5px #fff5}.chevron{font-size:6cqw;font-weight:300;line-height:1}.choose .demo-detail{margin:0;font-size:2.65cqw}.choose .actions{margin-top:0}
#look-picker{position:fixed;top:auto;right:auto;margin:0;padding:16px 20px 22px;max-width:none;box-sizing:border-box;border-radius:30px;overflow:hidden;container-type:inline-size;background:linear-gradient(135deg,#ffffffbb,#e6eff2e8 55%,#dce8e5e8);color:var(--ink);box-shadow:inset 0 2px 5px #fff,inset -2px -3px 7px #c9dce999,0 -12px 60px #18352e26;backdrop-filter:blur(28px) saturate(.85);display:none;flex-direction:column;gap:12px}
#look-picker[open]{display:flex;animation:sheet-enter 180ms cubic-bezier(.2,.8,.2,1)}#look-picker::backdrop{background:#10232d66;backdrop-filter:blur(3px)}
.sheet-handle{width:36px;height:4px;border-radius:5px;background:var(--ink);opacity:.16;margin:0 auto 4px;flex-shrink:0}.picker-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.picker-header h2{font-family:var(--heading);font-size:clamp(22px,6.2cqw,38px);font-weight:500;margin:0;letter-spacing:-.04em;line-height:1.1}#close-picker{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 12px;border:1px solid #ffffffb5;border-radius:30px;background:#ffffff59;font-size:clamp(14px,3.5cqw,23px)}#close-picker span{font-size:25px;font-weight:300}#picker-hint{font-size:clamp(14px,3.6cqw,23px);margin:0;color:var(--muted);flex-shrink:0}
.picker-content{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:3px;scrollbar-width:thin}.color-families{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex-shrink:0}.color-families button{min-height:48px;padding:6px 2px;font-size:clamp(12px,3.3cqw,21px);border:1px solid #ffffffb5;border-radius:20px;background:#ffffff45;font-weight:450}.color-families button[aria-pressed=true]{background:var(--accent);color:var(--ground);border-color:var(--accent)}
#look-picker .length-options,#look-picker .texture-options,#look-picker .color-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;gap:12px;padding:3px}
#look-picker .option{min-height:90px;font-size:clamp(15px,4cqw,25px);border-radius:20px;padding:10px 5px}#look-picker .length-option svg{width:44px;height:44px}#look-picker .texture-option .photo{height:24cqw;border-radius:14px;margin-bottom:8px}#look-picker .color-option{position:relative;min-height:104px;padding:10px 4px;font-size:clamp(14px,3.8cqw,24px);border-radius:20px}#look-picker .color-option i{width:18cqw;height:18cqw;max-width:130px;max-height:130px;margin-bottom:10px}#look-picker .color-option[aria-pressed=true]:after{content:'✓';position:absolute;top:12px;right:12px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--panel);color:var(--ink);font-size:17px;box-shadow:0 2px 5px #0002}
[data-theme=nocturno] #look-picker{background:linear-gradient(135deg,#1c3e50ef,#0b2131ed);box-shadow:inset 0 2px 5px #b7e9ff55,0 -12px 60px #0005}[data-theme=editorial] #look-picker{background:linear-gradient(135deg,#fff7e6ed,#e2d1b7ed)}
@keyframes sheet-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#look-picker[open]{animation:none}}
[data-effects=light] #look-picker{backdrop-filter:none;background:var(--panel)}[data-effects=light] #look-picker::backdrop{backdrop-filter:none}