/* Shared Family Atlas portrait layer selector, styled like the Estate floor picker. */
.atlas-layer-control.estate-levels{z-index:9}
.atlas-layer-control.estate-levels .layer-icon{display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border:1px solid #53616b55;border-radius:7px;background:#142330;color:#93a4b4;box-shadow:none;touch-action:manipulation}
.atlas-layer-control.estate-levels .layer-icon:hover,.atlas-layer-control.estate-levels .layer-icon[aria-expanded=true]{background:#b69b6940;border-color:#d4b77b;color:#f7e4ba}
.atlas-layer-control.estate-levels .layer-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.layer-picker{position:absolute;top:calc(100% + 8px);right:0;left:auto;z-index:30;width:246px;padding:15px 16px 13px;transform:none;border:1px solid #b99e6b80;border-radius:11px;background:#14232ff5;color:#e9dfc8;box-shadow:0 15px 40px #0009;backdrop-filter:blur(12px)}
.layer-picker[hidden]{display:none}
.layer-picker-title{display:block;margin-bottom:5px;color:#bea879;font-size:9px;letter-spacing:1.8px}
.layer-picker-note{margin:0 0 14px;color:#d0d4d2;font-size:11px;line-height:1.45}
.layer-track{position:relative;height:26px;margin:0 10px;touch-action:none}
.layer-rail{position:absolute;left:0;right:0;top:12px;height:2px;border-radius:2px;background:#93825f}
.layer-stop{position:absolute;top:4px;z-index:1;width:20px;height:20px;padding:4px;transform:translateX(-50%);border:0;border-radius:50%;background:transparent}
.atlas-layer-control .layer-stop{width:20px;height:20px;min-width:0;min-height:0;padding:4px;border:0;border-radius:50%;background:transparent;color:transparent;box-shadow:none;font-size:0;font-weight:400;line-height:1}
.layer-stop[data-layer="3"]{left:0}.layer-stop[data-layer="2"]{left:50%}.layer-stop[data-layer="1"]{left:100%}
.layer-stop i{display:block;width:10px;height:10px;border:1px solid #d8c28c;background:#1b2a35;border-radius:50%}
.layer-stop[aria-pressed=true] i{background:#e2c889;box-shadow:0 0 0 3px #d3b87530}
.layer-thumb{position:absolute;top:3px;left:0;z-index:2;width:20px;height:20px;transform:translateX(-50%);border:2px solid #f2dfb5;border-radius:50%;background:#b79a64;box-shadow:0 2px 8px #0008;touch-action:none;cursor:grab}
.layer-thumb:active{cursor:grabbing}.layer-thumb:focus-visible{outline:2px solid white;outline-offset:3px}
.layer-track-labels,.layer-blend-labels{display:flex;justify-content:space-between;align-items:center;color:#b5b2a8}
.layer-track-labels{margin:5px 10px 0}
.layer-blend-labels{margin:0 10px 6px}
.layer-end-icon{display:inline-grid;place-items:center;width:16px;height:16px;color:#b5b2a8}
.layer-end-icon svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.layered-card-media{position:relative;display:block;width:100%;aspect-ratio:3/4;overflow:hidden;background:#243746}
.layer-stack{position:relative;display:block;isolation:isolate;overflow:hidden}
.card-layer-stack{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
#viewport .node .card-layer-stack .layer-image,#gallery .node .card-layer-stack .layer-image,#familyListView .family-list-photo .card-layer-stack .layer-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:center top;filter:saturate(.8);margin:0;pointer-events:none}
.card-layer-stack .layer-image{transition:opacity .42s cubic-bezier(.22,.7,.15,1)}
#gallery .node .layered-card-media{flex:none}
#familyListView .family-list-photo{position:relative}
#familyListView .family-list-photo .card-layer-stack{width:100%;height:100%}
.dossier-photo.layered-photo{display:flex;flex-direction:column;gap:11px;width:270px;height:auto;aspect-ratio:auto;overflow:visible;align-self:center;background:transparent;border:0;box-shadow:none}
.dossier-photo.layered-photo .dossier-photo-zoom{position:relative;flex:none;width:100%;height:auto;aspect-ratio:9/16;overflow:hidden;border-radius:8px;cursor:zoom-in}
.dossier-layer-stack{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.floating-card .dossier-layer-stack .layer-image,.portrait-lightbox .zoom-layer-stack .layer-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:center top;filter:none;margin:0;pointer-events:none}
.floating-card .dossier-layer-stack .layer-image{transition:none!important}
.layer-blend-control{display:block;width:100%;padding:0 4px;color:#d7c59e}
.layer-blend-range{display:block;width:100%;height:20px;margin:0;accent-color:#c9a96d;cursor:ew-resize;touch-action:pan-y}
.portrait-lightbox .zoom-layer-stack{width:auto;height:min(calc(100dvh - 125px),900px);max-width:90vw;aspect-ratio:9/16;border:1px solid #b79c6950;box-shadow:0 25px 80px #000a}
.portrait-lightbox .zoom-layer-stack .layer-image{object-fit:contain;transition:none!important}
@media(max-width:900px){.atlas-layer-control.estate-levels{top:58px;right:10px;padding:5px}.atlas-layer-control.estate-levels .layer-icon{width:34px;height:34px;min-width:34px;min-height:34px}}
@media(max-width:760px){.atlas-layer-control .layer-picker{right:0;left:auto;transform:none}.floating-card.float-open .dossier-photo.layered-photo{width:min(220px,57vw)!important;height:auto!important;aspect-ratio:auto!important;min-width:0!important;overflow:visible!important;margin:22px auto 8px!important;background:transparent!important;border:0!important;box-shadow:none!important}.floating-card.float-open .dossier-photo.layered-photo .dossier-photo-zoom{height:auto!important;aspect-ratio:9/16!important;flex:none!important}}
@media(max-width:390px){.floating-card.float-open .dossier-photo.layered-photo{width:min(180px,52vw)!important}}
@media(prefers-reduced-motion:reduce){.card-layer-stack .layer-image{transition:none}}
