/* Capa de color completa. La geometría permanece en los estilos de pantalla. */
:root{color-scheme:var(--scheme)}
:root .shell{margin:10px auto 92px;width:min(calc((100svh - 102px)*.52173913),calc(100vw - 24px));background:var(--glass);border-color:var(--surface-edge);box-shadow:var(--surface-shadow)}
:root .shell:after{border-color:var(--rim);box-shadow:inset 0 2px 6px var(--edge),inset 0 -3px 8px var(--halo)}
:root .choose{background:linear-gradient(145deg,var(--stage-top),var(--stage-bottom));color:var(--stage-ink)}
:root .choose .selection-preview{background:linear-gradient(145deg,var(--stage-top),var(--stage-bottom))!important;background-image:none!important;overflow:hidden}
:root .choose .selection-preview:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 52%,color-mix(in srgb,var(--stage-bottom) 35%,transparent) 76%,var(--stage-bottom))}
.selection-person{position:absolute;top:19%;left:0;width:100%;height:49%;object-fit:contain;object-position:center top}
:root .choose:after{background:linear-gradient(130deg,#ffffff0c,transparent 45%,var(--halo));opacity:.65}
:root .choose>h1,:root .choose .choose-hint{color:var(--stage-ink)}
:root .choose>h1{font-size:9.8cqw;line-height:1.07}
:root .look-selector{background:var(--surface);border-color:var(--surface-edge);box-shadow:var(--surface-shadow);color:var(--ink)}
:root .look-selector strong,:root .chevron{color:var(--ink)}
:root .look-selector strong{border-left-color:color-mix(in srgb,var(--accent) 28%,transparent)}
:root .selector-symbol,:root #selected-swatch{background:var(--badge)!important;color:var(--badge-ink)}
:root .choose #surprise{background:var(--surface);border-color:color-mix(in srgb,var(--accent) 48%,transparent);color:var(--ink);box-shadow:var(--surface-shadow)}
:root .choose #generate{background:var(--cta);color:var(--cta-ink);border-color:var(--surface-edge);box-shadow:var(--surface-shadow)}
:root .choose .demo-detail{color:var(--ink)}
:root .capture .count-panel{background:var(--surface);border-color:var(--surface-edge);box-shadow:var(--surface-shadow)}
:root .capture #cancel,:root .capture .capture-indicator{background:var(--surface);color:var(--ink);border-color:var(--surface-edge);box-shadow:var(--surface-shadow)}
:root .capture .capture-indicator [data-icon]{background:var(--accent);color:var(--ground)}
:root .capture .count{color:var(--ink);border-top-color:var(--accent);border-right-color:var(--accent);border-left-color:var(--surface-edge);border-bottom-color:var(--surface-edge);outline-color:var(--edge)}
:root #look-picker,:root #settings,:root #download{background:var(--surface-strong);color:var(--ink);border-color:var(--surface-edge);box-shadow:var(--surface-shadow)}
:root #look-picker .picker-header h2{color:var(--ink)}
:root #close-picker,:root dialog .close{background:var(--surface);color:var(--ink);border-color:var(--surface-edge)}
:root .color-families button{background:var(--surface);border-color:var(--surface-edge);color:var(--ink);box-shadow:var(--surface-shadow)}
:root .color-families button[aria-pressed=true]{background:var(--cta);color:var(--cta-ink);border:2px solid var(--accent);font-weight:600}
:root #look-picker .option{background:var(--surface);color:var(--ink);border-color:var(--surface-edge);box-shadow:var(--surface-shadow)}
:root #look-picker .option[aria-pressed=true]{background:var(--selection);box-shadow:inset 0 0 0 1px var(--accent),var(--surface-shadow)}
:root #look-picker .color-option{color:var(--ink)}
:root #look-picker .color-option[aria-pressed=true]{background:none}
:root #look-picker .color-option[aria-pressed=true] i{box-shadow:0 0 0 3px var(--panel),0 0 0 5px var(--picker-check),inset 0 1px 4px #fff4}
:root #look-picker .color-option[aria-pressed=true]:after{background:var(--panel);color:var(--ink)}
.business-tools{position:fixed;bottom:6px;left:50%;transform:translateX(-50%);width:min(calc((100svh - 102px)*.52173913),calc(100vw - 24px));display:flex;justify-content:flex-end;z-index:8}
:root #open-settings{position:static;display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 15px;border:1px solid var(--surface-edge);border-radius:25px;background:var(--surface-strong);color:var(--ink);font:450 14px 'Segoe UI',sans-serif;box-shadow:var(--surface-shadow)}
#open-settings svg{width:20px;height:20px}#active-theme{font-weight:600}
:root .demo-footer{bottom:65px;font-size:11px;color:var(--muted)}
:root #settings{width:min(calc(100vw - 24px),580px);padding:28px 22px 22px;max-height:calc(100svh - 30px);overflow:auto;overscroll-behavior:contain}
#settings h2{font-size:30px;line-height:1.1;margin:22px 0 12px;max-width:85%}#settings .settings-intro{font-size:16px;line-height:1.4;margin:0 0 18px;color:var(--muted)}
:root .theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
:root .theme-choice{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;min-height:44px;padding:5px 5px 12px;border:1px solid var(--tile-edge);border-radius:18px;background:var(--tile-ground);color:var(--tile-ink);text-align:left;box-shadow:0 3px 10px #18303812}
.theme-choice img{display:block;width:100%;aspect-ratio:540/960;object-fit:cover;border-radius:14px}.theme-choice b{font:500 16px 'Segoe UI',sans-serif;padding:0 6px}.theme-choice span{font:400 12px/1.35 'Segoe UI',sans-serif;margin:0;padding:0 6px}
:root .theme-choice[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:3px}
.settings-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:16px}.settings-actions .button{font-size:17px;min-height:52px;border-radius:28px}
:root #save-settings{background:var(--cta);color:var(--cta-ink);border-color:var(--surface-edge)}
:root #cancel-settings{background:var(--surface);color:var(--ink);border-color:var(--surface-edge)}
#settings .effects-control{font-size:16px;min-height:52px;line-height:1.3}#settings .dialog-note{font-size:12px!important}
:root[data-effects=light] #look-picker,:root[data-effects=light] #settings,:root[data-effects=light] #download,:root[data-effects=light] .look-selector{background:var(--panel);backdrop-filter:none}