.mirroria-page{background:var(--mm-paper);color:var(--mm-ink)}.mirroria-page main{width:min(1240px,calc(100% - 64px));margin:auto;padding:54px 0 96px}.mirroria-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:64px;align-items:end;padding:30px 0 56px;border-bottom:1px solid var(--mm-line)}.mirroria-name{margin:0 0 18px;color:var(--mm-wine);font-family:var(--mm-serif);font-size:18px;letter-spacing:.22em}.mirroria-name span{margin-left:10px;color:var(--mm-muted);font-family:var(--mm-sans);font-size:11px;letter-spacing:.08em}.mirroria-hero h1{margin:0;font-size:clamp(42px,5vw,68px);font-weight:500;line-height:1.38;letter-spacing:.02em}.mirroria-hero h1 em{color:var(--mm-wine);font-style:normal}.mirroria-hero>div>p:last-child{max-width:700px;margin:20px 0 0;color:var(--mm-muted);font-size:14px}.mirroria-hero ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--mm-line)}.mirroria-hero li{display:grid;grid-template-columns:50px 1fr;padding:14px 0;border-bottom:1px solid var(--mm-line);font-family:var(--mm-serif)}.mirroria-hero li b{color:var(--mm-wine);font-family:var(--mm-sans);font-size:11px}.mirroria-workspace,.mirroria-result{padding:50px 0}.mirroria-workspace>header,.mirroria-result>header{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start}.mirroria-workspace>header>span,.mirroria-result>header>span,.mirroria-section-title span{color:var(--mm-wine);font-size:12px;font-weight:700}.mirroria-workspace h2,.mirroria-result h2,.mirroria-section-title h2{margin:0;font-size:29px;font-weight:520}.mirroria-workspace header p,.mirroria-result header p{margin:7px 0 0;color:var(--mm-muted);font-size:13px}.mirroria-modes{margin:26px 0 42px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--mm-line)}.mirroria-modes label{min-width:0}.mirroria-modes input{position:absolute;opacity:0}.mirroria-modes span{min-height:58px;padding:8px;display:grid;place-items:center;border-right:1px solid var(--mm-line);background:#fff;font-size:12px;text-align:center;cursor:pointer}.mirroria-modes label:last-child span{border-right:0}.mirroria-modes input:checked+span{background:var(--mm-wine);color:#fff}.mirroria-modes input:focus-visible+span{box-shadow:var(--mm-focus)}.mirroria-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mirroria-upload-grid>section{min-width:0;padding:28px;border:1px solid var(--mm-line);background:#fff}.mirroria-section-title{display:flex;gap:14px;align-items:baseline;margin-bottom:20px}.mirroria-drop{min-height:260px;padding:28px;display:grid;place-items:center;align-content:center;gap:7px;border:1px dashed #b7aaa5;background:var(--mm-soft);text-align:center;cursor:pointer}.mirroria-drop strong{font-family:var(--mm-serif);font-size:20px}.mirroria-drop small{color:var(--mm-muted)}.mirroria-drop input{position:absolute;width:1px;height:1px;opacity:0}.mirroria-upload-grid figure{margin:0;position:relative;background:var(--mm-soft)}.mirroria-upload-grid figure img{width:100%;height:320px;display:block;object-fit:contain}.mirroria-upload-grid figure button{position:absolute;right:12px;bottom:12px;min-height:44px;padding:0 18px;border:1px solid var(--mm-line);background:#fff}.mirroria-item-tray{min-height:98px;margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mirroria-item-tray>p{grid-column:1/-1;margin:0;padding:22px;color:var(--mm-muted);border:1px solid var(--mm-line);font-size:12px}.mirroria-item{position:relative;margin:0;background:var(--mm-soft)}.mirroria-item img{width:100%;aspect-ratio:1;object-fit:contain}.mirroria-item button{width:32px;height:32px;position:absolute;right:5px;top:5px;border:0;border-radius:50%;background:rgba(33,29,29,.82);color:#fff}.mirroria-consent{margin-top:28px;padding:20px 24px;display:grid;grid-template-columns:auto 1fr;gap:14px;border-top:1px solid var(--mm-line);border-bottom:1px solid var(--mm-line);font-size:12px}.mirroria-consent input{width:20px;height:20px}.mirroria-consent strong{display:block;font-size:13px}.mirroria-action{margin-top:24px;display:flex;align-items:center;gap:24px}.mirroria-action button,.mirroria-result-actions :where(a,button){min-height:58px;padding:0 26px;border:1px solid var(--mm-wine);background:var(--mm-wine);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:34px;text-decoration:none}.mirroria-action button:disabled{opacity:.45}.mirroria-action p{margin:0;color:var(--mm-muted);font-size:12px}.mirroria-result{border-top:1px solid var(--mm-line)}.mirroria-compare{--split:50%;max-width:760px;margin:28px auto 0;aspect-ratio:4/5;position:relative;overflow:hidden;background:var(--mm-soft)}.mirroria-compare>img,.mirroria-compare>div,.mirroria-compare>div img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mirroria-compare>div{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.mirroria-compare i{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff}.mirroria-compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.mirroria-result-actions{max-width:760px;margin:14px auto 0;display:flex;gap:10px}.mirroria-result-actions button{background:#fff;color:var(--mm-wine)}
@media(max-width:1024px){.mirroria-page main{width:calc(100% - 48px)}.mirroria-hero{grid-template-columns:1fr;gap:32px}.mirroria-hero ol{display:grid;grid-template-columns:repeat(4,1fr)}.mirroria-hero li{grid-template-columns:1fr;gap:4px}.mirroria-modes{grid-template-columns:repeat(3,1fr)}.mirroria-modes span{border-bottom:1px solid var(--mm-line)}.mirroria-upload-grid{grid-template-columns:1fr}}
@media(max-width:768px){.mirroria-page main{width:calc(100% - 32px);padding:24px 0 64px}.mirroria-hero{padding:18px 0 36px}.mirroria-hero h1{font-size:clamp(29px,8.1vw,34px);line-height:1.5;letter-spacing:0}.mirroria-hero h1 em span{white-space:nowrap}.mirroria-hero ol{grid-template-columns:repeat(2,1fr)}.mirroria-workspace,.mirroria-result{padding:38px 0}.mirroria-modes{grid-template-columns:repeat(2,1fr);margin-bottom:28px}.mirroria-upload-grid>section{padding:18px}.mirroria-drop{min-height:190px}.mirroria-action{align-items:stretch;flex-direction:column}.mirroria-action button{width:100%}.mirroria-result-actions{flex-direction:column}.mirroria-result-actions :where(a,button){width:100%}.mirroria-compare{aspect-ratio:3/4}}
.mirroria-access{margin-top:28px;padding:26px 28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;border:1px solid var(--mm-line);background:linear-gradient(135deg,#fff 0%,var(--mm-soft) 100%)}.mirroria-access-kicker{margin:0 0 7px;color:var(--mm-wine);font-size:10px;font-weight:700;letter-spacing:.16em}.mirroria-access h2{margin:0;font-family:var(--mm-serif);font-size:20px;font-weight:520}.mirroria-access-status{margin:8px 0 0;color:var(--mm-muted);font-size:12px}.mirroria-access-actions{min-width:210px;display:grid;gap:8px;justify-items:stretch}.mirroria-access-actions :where(a,button){min-height:44px;padding:0 16px;border:1px solid var(--mm-wine);background:#fff;color:var(--mm-wine);display:flex;align-items:center;justify-content:center;font:inherit;font-size:12px;text-decoration:none}.mirroria-access-actions button{background:var(--mm-wine);color:#fff}.mirroria-access-actions span{color:var(--mm-muted);font-size:11px;text-align:center}.mirroria-turnstile{min-height:65px;margin-top:20px;display:flex;justify-content:center}.mirroria-turnstile[hidden]{display:none}.mirroria-action button:focus-visible,.mirroria-result-actions :where(a,button):focus-visible,.mirroria-access-actions :where(a,button):focus-visible,.mirroria-upload-grid figure button:focus-visible,.mirroria-item button:focus-visible{outline:3px solid color-mix(in srgb,var(--mm-wine),transparent 55%);outline-offset:3px}
@media(max-width:768px){.mirroria-access{padding:20px;grid-template-columns:1fr}.mirroria-access-actions{min-width:0}}

/* Mobile density: show the six scopes and the first upload action promptly. */
@media(max-width:600px){
  .mirroria-page main{width:calc(100% - 28px);padding:16px 0 68px}
  .mirroria-hero{gap:16px;padding:4px 0 20px}
  .mirroria-name{margin-bottom:8px;font-size:14px}
  .mirroria-hero h1{font-size:29px;line-height:1.4}
  .mirroria-hero>div>p:last-child{margin-top:10px;font-size:12px;line-height:1.65}
  .mirroria-hero ol{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mirroria-hero li{padding:8px 4px;font-size:10px}
  .mirroria-workspace,.mirroria-result{padding:22px 0}
  .mirroria-workspace>header,.mirroria-result>header{grid-template-columns:30px 1fr;gap:7px}
  .mirroria-workspace h2,.mirroria-result h2,.mirroria-section-title h2{font-size:22px}
  .mirroria-workspace header p,.mirroria-result header p{font-size:11px;line-height:1.55}
  .mirroria-modes{margin:14px 0 18px}
  .mirroria-modes span{min-height:48px;padding:5px;font-size:10px}
  .mirroria-upload-grid{gap:12px}
  .mirroria-upload-grid>section{padding:14px}
  .mirroria-section-title{margin-bottom:11px}
  .mirroria-drop{min-height:150px;padding:16px}
  .mirroria-drop strong{font-size:18px}
  .mirroria-access{margin-top:16px;padding:15px;gap:14px}
  .mirroria-consent{margin-top:18px;padding:15px 8px;gap:10px}
  .mirroria-action{margin-top:16px;gap:10px}
}

@media(max-width:767px){
  .mirroria-hero>div>p:not(.mirroria-kicker),.mirroria-step p,.mirroria-guidance,.mirroria-drop small,.mirroria-item-tray p,.mirroria-access p,.mirroria-consent,.mirroria-action p,.mirroria-result-heading p{font-size:14px;line-height:1.65}
  .mirroria-mode span,.mirroria-section-title span,.mirroria-access-kicker{font-size:12px}
  .mirroria-drop strong{font-size:16px}
  .mirroria-main{padding-top:12px}
  .mirroria-hero{padding-block:14px 18px}
  .mirroria-upload-grid{gap:14px}
  .mirroria-access{margin-top:16px;padding:16px 0}
  .mirroria-consent{margin-top:14px;padding:13px 10px}
  .mirroria-consent input{width:22px;height:22px;flex:0 0 22px}
}

.mirroria-item button{width:44px;height:44px;cursor:pointer}

@media(max-width:600px){
  .mirroria-page main{width:calc(100% - 24px);padding:11px 0 58px}
  .mirroria-hero{gap:11px;padding:2px 0 15px}
  .mirroria-name{margin-bottom:5px;font-size:13px}
  .mirroria-hero h1{font-size:27px;line-height:1.34}
  .mirroria-hero>div>p:last-child{margin-top:7px;font-size:11px;line-height:1.55}
  .mirroria-hero li{padding:6px 3px;font-size:9px}
  .mirroria-workspace,.mirroria-result{padding:17px 0}
  .mirroria-workspace h2,.mirroria-result h2,.mirroria-section-title h2{font-size:20px}
  .mirroria-modes{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 14px}
  .mirroria-modes span{min-height:46px;padding:4px;font-size:9px}
  .mirroria-upload-grid>section{padding:11px}
  .mirroria-drop{min-height:132px;padding:12px}
  .mirroria-drop strong{font-size:16px}
}

/* Brand QA refinement: six try-on modes remain in one tool, presented as an
   editorial mode rail instead of six generic app buttons. */
.mirroria-name{font-size:16px;letter-spacing:.19em}
.mirroria-hero h1{max-width:820px;font-size:clamp(44px,4.7vw,64px);line-height:1.45}
.mirroria-hero li{transition:color 160ms ease,background-color 160ms ease}
.mirroria-modes{gap:0;border-width:1px 0;background:var(--mm-paper)}
.mirroria-modes span{position:relative;border-right:0;background:transparent;font-family:var(--mm-serif);font-size:13px;transition:background-color 160ms ease,color 160ms ease}
.mirroria-modes label+label span{border-left:1px solid var(--mm-line)}
.mirroria-modes input:checked+span{background:var(--mm-wine-faint,#fff6f7);color:var(--mm-wine);box-shadow:inset 0 -2px 0 var(--mm-wine)}
.mirroria-upload-grid{gap:1px;background:var(--mm-line)}
.mirroria-upload-grid>section{border:0;background:var(--mm-paper)}
.mirroria-drop{border-color:#bcaeaa;background:linear-gradient(135deg,#fbf6f3,#fff)}
.mirroria-item-tray>p{border-width:1px 0;background:#fffaf8}
.mirroria-consent{background:linear-gradient(90deg,#fff8f7,transparent)}
.mirroria-action button,.mirroria-result-actions :where(a,button){border-radius:2px;font-family:var(--mm-serif);font-size:14px;letter-spacing:.03em}
.mirroria-access{border-width:1px 0;background:linear-gradient(135deg,#fff 0%,var(--mm-soft) 100%)}
.mirroria-access-price{max-width:62ch;color:var(--mm-muted)}
.mirroria-compare{border:1px solid var(--mm-line)}

@media(max-width:768px){
  .mirroria-name{font-size:13px}
  .mirroria-hero h1{font-size:27px;line-height:1.38}
  .mirroria-hero ol{border-bottom:1px solid var(--mm-line)}
  .mirroria-hero li{padding:7px 3px;border-bottom:0}
  .mirroria-modes{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:0}
  .mirroria-modes span{min-height:48px;padding:5px 3px;border-bottom:1px solid var(--mm-line);font-family:var(--mm-sans);font-size:9px}
  .mirroria-modes label+label span{border-left:1px solid var(--mm-line)}
  .mirroria-upload-grid{display:block;background:transparent}
  .mirroria-upload-grid>section{padding:15px 0;border-top:1px solid var(--mm-line)}
  .mirroria-upload-grid>section+section{margin-top:10px}
  .mirroria-drop{min-height:140px}
  .mirroria-consent{padding-inline:7px}
}

/* Match the actual phone shell breakpoint. The photo picker must be visible
   in the opening viewport, not after a poster-sized introduction. */
@media(max-width:767px){
  .mirroria-page main{width:calc(100% - 24px);padding:7px 0 58px}
  .mirroria-hero{gap:8px;padding:0 0 10px}
  .mirroria-name{margin-bottom:3px;font-size:12px}
  .mirroria-name span{font-size:9px}
  .mirroria-hero h1{font-size:24px;line-height:1.28}
  .mirroria-hero h1 br{display:none}
  .mirroria-hero>div>p:last-child{margin-top:5px;font-size:10.5px;line-height:1.5}
  .mirroria-hero ol{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mirroria-hero li{display:block;padding:5px 2px;font-size:9px;line-height:1.35}
  .mirroria-hero li b{display:block;font-size:9px}
  .mirroria-workspace,.mirroria-result{padding:12px 0}
  .mirroria-workspace>header,.mirroria-result>header{grid-template-columns:24px 1fr;gap:5px}
  .mirroria-workspace h2,.mirroria-result h2,.mirroria-section-title h2{font-size:19px;line-height:1.35}
  .mirroria-workspace header p,.mirroria-result header p{margin-top:3px;font-size:10px;line-height:1.45}
  .mirroria-modes{grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 10px}
  .mirroria-modes span{min-height:44px;padding:3px;font-size:9px;line-height:1.3}
  .mirroria-upload-grid>section{padding:10px 0}
  .mirroria-section-title{margin-bottom:7px}
  .mirroria-drop{min-height:112px;padding:10px}
  .mirroria-drop strong{font-size:16px}
  .mirroria-drop small{font-size:9px}
  .mirroria-access{margin-top:11px;padding:12px;gap:9px}
  .mirroria-consent{margin-top:12px;padding-block:11px}
  .mirroria-action{margin-top:12px;gap:8px}
}

@media(min-width:1600px){
  .mirroria-page main{width:min(1480px,calc(100% - 128px))}
}

/* Shipping MIRRORIA type floor and compact rhythm. Keep last. */
@media(max-width:767px){
  .mirroria-hero>div>p:not(.mirroria-kicker),.mirroria-workspace header p,.mirroria-result header p,.mirroria-guidance,.mirroria-drop small,.mirroria-item-tray p,.mirroria-access p,.mirroria-consent,.mirroria-action p,.mirroria-result-heading p{font-size:14px;line-height:1.65}
  .mirroria-hero li,.mirroria-hero li b,.mirroria-mode span,.mirroria-modes span,.mirroria-section-title span,.mirroria-access-kicker{font-size:12px;line-height:1.35}
  .mirroria-drop strong{font-size:16px}
  .mirroria-page main{padding-top:10px}
  .mirroria-hero{padding-block:0 14px}
  .mirroria-workspace,.mirroria-result{padding-block:14px}
  .mirroria-upload-grid{gap:14px}
  .mirroria-access{margin-top:16px;padding:16px 0}
  .mirroria-consent{margin-top:14px;padding:13px 10px}
  .mirroria-consent input{width:22px;height:22px;flex:0 0 22px}
}
.mirroria-photo-details{margin:24px 0 0;border-top:1px solid #ded8d8;border-bottom:1px solid #ded8d8;color:#71696a;font-size:12px}
.mirroria-photo-details summary{padding:14px 0;cursor:pointer;color:#171111;font-weight:600}
.mirroria-photo-details p{margin:0;padding:0 0 16px;line-height:1.8}