/* Style Lab (pictures), Volt Mist light glass. Logical properties only. */
.lp-lab{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);min-inline-size:0;max-inline-size:100%}.lp-lab>*,.lp-slot,.lp-rail,.lp-looks,.lp-stage{min-inline-size:0;max-inline-size:100%}
.lp-stage{margin:0;position:relative}
.lp-pic{position:relative;aspect-ratio:4/5;max-height:620px;width:100%;border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#fff,#e9edf5);border:1px solid rgba(11,13,18,.08);box-shadow:0 20px 50px rgba(11,13,18,.12);display:grid}
.lp-pic>img{width:100%;height:100%;object-fit:cover;display:block}
.lp-pic.is-collage{grid-template-columns:repeat(var(--c,1),minmax(0,1fr));gap:2px;background:#fff}
.lp-pic.is-collage .lp-c{overflow:hidden;background:#fff}.lp-pic.is-collage img{width:100%;height:100%;object-fit:cover;display:block}
.lp-pic.is-empty{place-items:center;text-align:center;padding:24px;color:#5b6270;font-weight:600}
.lp-stage figcaption{position:absolute;inset-inline-start:12px;inset-block-end:12px;max-inline-size:calc(100% - 24px);padding:6px 12px;border-radius:999px;background:rgba(11,13,18,.78);color:#fff;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lp-stage figcaption:empty{display:none}
.lp-looks{display:flex;gap:8px;overflow-x:auto;padding-block:2px}
.lp-look{flex:0 0 64px;aspect-ratio:4/5;border:2px solid transparent;border-radius:14px;overflow:hidden;padding:0;background:#fff;cursor:pointer}
.lp-look img{width:100%;height:100%;object-fit:cover;display:block}
.lp-look[aria-pressed="true"]{border-color:var(--volt,#c8ff2e);box-shadow:0 0 0 2px #0b0d12}
.lp-slots{display:grid;gap:12px}
.lp-slot h3{margin:0 0 6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#0b0d12}
.lp-rail{display:flex;gap:8px;overflow-x:auto;padding-block:2px}
.lp-opt{flex:0 0 64px;height:64px;padding:0;border:2px solid rgba(11,13,18,.12);border-radius:14px;background:#fff;overflow:hidden;cursor:pointer;font:700 11px inherit;color:#0b0d12}
.lp-opt img{width:100%;height:100%;object-fit:cover;display:block}
.lp-opt[aria-pressed="true"]{border-color:#0b0d12;box-shadow:0 0 0 3px var(--volt,#c8ff2e)}
.lp-n{margin:6px 0 0;font-weight:700;font-size:14px}
.lp-sizes{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.lp-sz{min-width:42px;height:38px;padding:0 10px;border:1px solid rgba(11,13,18,.25);border-radius:10px;background:#fff;color:#0b0d12;font:700 12px inherit;cursor:pointer}
.lp-sz[aria-pressed="true"]{background:#0b0d12;color:#fff;border-color:#0b0d12}
.lp-sz:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.lp-bar{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}
.lp-total{margin:0;display:grid;line-height:1.1}.lp-total span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#5b6270}.lp-total strong{font-size:26px}
.lp-btns{display:flex;gap:8px;flex-wrap:wrap}
.lp-add,.lp-share{min-height:50px;padding:0 22px;border-radius:999px;font:800 13px inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:2px solid #0b0d12}
.lp-add{background:var(--volt,#c8ff2e);color:#0b0d12}.lp-share{background:none;color:#0b0d12}
.lp-add:disabled{opacity:.45;cursor:not-allowed}
.lp-lab button:focus-visible,.lp-lab a:focus-visible{outline:3px solid var(--ion,#7b6cff);outline-offset:3px}
.lp-msg{margin:0;min-height:1.3em;font-weight:600}.lp-msg.is-bad{color:#b3261e}.lp-msg a{text-decoration:underline}
@media(min-width:861px){.lp-lab{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.lp-stage,.lp-looks{grid-column:1}.lp-stage{grid-row:1/span 2}.lp-slots,.lp-bar,.lp-msg{grid-column:2}.lp-looks{grid-row:3}}