/* Owner 11/11 redesign: first scene, one guide (right rail / bottom bar in three heights), one heart and share.
   Black, white and red only; values come from account.css :root. */
body.rd{--rd-rail:360px;--rd-grab:26px;--rd-row:68px;--rd-line:color-mix(in srgb,var(--mg-ink) 10%,transparent);--rd-line2:color-mix(in srgb,var(--mg-ink) 20%,transparent);--showroom-save:var(--mg-red);--showroom-save-ink:var(--mg-white)}

/* The photo wall fills the stage; the guide sits beside it (PC) or below it (phone). */
body.rd .motion-world.is-entrance .motion-viewport{position:absolute!important;inset:0!important;width:100%;height:100%;padding:0!important}
body.rd .motion-world.is-entrance .node-gallery,body.rd .motion-world.is-scope .node-gallery{padding-top:var(--mg-space-6)}

/* ── First scene */
.rd-hero{position:relative;overflow:hidden;background:var(--mg-black);margin-bottom:var(--mg-space-6)}
.rd-falls{position:absolute;left:50%;top:50%;width:150%;height:170%;display:flex;gap:var(--mg-space-8);transform:translate(-50%,-50%) rotate(-10deg) scale(1.1);will-change:transform}
.rd-fcol{flex:1;min-width:0;animation:rdColIn 1100ms var(--mg-ease-big) both;animation-delay:var(--d,0ms)}
.rd-belt{display:grid;gap:var(--mg-space-8);animation:rdFallUp var(--dur,80s) linear infinite}
.rd-fcol:nth-child(even) .rd-belt{animation-name:rdFallDown}
.rd-belt img{display:block;width:100%;height:auto;border-radius:var(--mg-radius-md);background:var(--mg-black-4)}
@keyframes rdFallUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes rdFallDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@keyframes rdColIn{from{opacity:0;transform:translateY(40%)}}
.rd-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(130% 80% at 50% 40%,transparent,color-mix(in srgb,var(--mg-black) 55%,transparent) 80%),linear-gradient(180deg,color-mix(in srgb,var(--mg-black) 40%,transparent),transparent 22%,transparent 48%,color-mix(in srgb,var(--mg-black) 70%,transparent) 78%,var(--mg-black))}
.rd-hero-in{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;gap:var(--mg-space-16);justify-items:start;padding:0 var(--mg-space-20) var(--mg-space-40)}
.rd-kicker{margin:0;font-size:var(--mg-fs-xs);font-weight:var(--mg-weight-bold);letter-spacing:.2em;color:var(--mg-red)}
.rd-hero h1{margin:0;font-size:clamp(34px,9.5vw,64px);font-weight:var(--mg-weight-heavy);letter-spacing:-.04em;line-height:1.08;color:var(--mg-white);text-wrap:balance;text-shadow:0 4px 30px color-mix(in srgb,var(--mg-black) 80%,transparent)}
.rd-ln{display:block;overflow:hidden;padding-bottom:.06em}
.rd-ln>span{display:inline-block;animation:rdRise 1000ms var(--mg-ease-big) both}
.rd-ln:nth-child(2)>span{animation-delay:120ms}
@keyframes rdRise{from{transform:translateY(110%)}}
.rd-hero-act{display:flex;flex-wrap:wrap;gap:var(--mg-space-8);animation:rdFadeUp 900ms 380ms var(--mg-ease-big) both}
@keyframes rdFadeUp{from{opacity:0;transform:translateY(14px)}}
.rd-see,.rd-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--mg-space-8);min-height:52px;padding:0 var(--mg-space-20);border-radius:var(--mg-radius-pill);font:inherit;font-size:var(--mg-fs-md);font-weight:var(--mg-weight-bold);cursor:pointer;transition:transform var(--mg-dur-fast) var(--mg-ease)}
.rd-see{background:var(--mg-ink);color:var(--mg-black);border:0}
.rd-ghost{background:color-mix(in srgb,var(--mg-black) 30%,transparent);color:var(--mg-white);border:1px solid color-mix(in srgb,var(--mg-white) 40%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.rd-see:active,.rd-ghost:active{transform:scale(.96)}
.rd-see svg,.rd-ghost svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rd-ghost svg{animation:rdBob 1.8s var(--mg-ease) infinite}
@keyframes rdBob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(min-width:1025px){.rd-hero-in{padding:0 var(--mg-space-48) var(--mg-space-64)}.rd-falls{width:130%;height:180%}}

/* ── Hearts and share: the same circle and motion everywhere */
body.rd .motion-world .photo-card .photo-media>.save-photo::before,body.rd #lightbox :is(#viewer-save,#light-details) .photo-action::before{
 inset:9px!important;border:1px solid color-mix(in srgb,var(--mg-white) 60%,transparent)!important;background:color-mix(in srgb,var(--mg-black) 34%,transparent)!important;
 backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);filter:none!important;transition:background var(--mg-dur-base),border-color var(--mg-dur-base)}
body.rd .motion-world .photo-card .photo-media>.save-photo[aria-pressed="true"]::before,body.rd #lightbox :is(#viewer-save,#light-details) .photo-action[aria-pressed="true"]::before{background:var(--mg-white)!important;border-color:var(--mg-white)!important}
body.rd .motion-world .photo-card .photo-media>.save-photo[aria-pressed="true"],body.rd #lightbox :is(#viewer-save,#light-details) .photo-action[aria-pressed="true"]{color:var(--mg-red)!important}
body.rd .motion-world .photo-card .photo-media>.save-photo svg,body.rd #lightbox :is(#viewer-save,#light-details) .photo-action svg{position:relative;filter:none!important}
body.rd #lightbox :is(#viewer-save,#light-details) .photo-action{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--mg-white)}
body.rd #lightbox :is(#viewer-save,#light-details) .photo-action::before{content:'';position:absolute;border-radius:50%;background:color-mix(in srgb,var(--mg-white) 6%,transparent)!important;border-color:var(--rd-line2)!important}
body.rd #lightbox :is(#viewer-save,#light-details) .photo-action svg{width:15px;height:15px}
body.rd .motion-viewport .open-photo{position:relative;touch-action:manipulation}
.rd-burst{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:2}
.rd-burst svg{width:64px;height:64px;fill:var(--mg-red);stroke:var(--mg-white);stroke-width:1;filter:drop-shadow(0 6px 18px color-mix(in srgb,var(--mg-black) 55%,transparent))}
.rd-flyer{position:fixed;z-index:2147483000;object-fit:cover;border-radius:var(--mg-radius-md);pointer-events:none;box-shadow:var(--mg-shadow-3)}

/* ── Shared guide parts */
.rd-pane{display:grid;gap:var(--mg-space-12)}
.rd-pane h2{margin:var(--mg-space-2) 0 0;font-size:var(--mg-fs-xl);font-weight:var(--mg-weight-heavy);letter-spacing:-.03em;color:var(--mg-ink)}
.rd-kick{margin:0 0 var(--mg-space-8);font-size:var(--mg-fs-2xs);color:var(--mg-muted)}
.rd-trail{display:flex;align-items:center;gap:var(--mg-space-4);overflow-x:auto;scrollbar-width:none;padding:var(--mg-space-2)}
.rd-trail::-webkit-scrollbar{display:none}
.rd-trail svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rd-back{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--mg-black-4);color:var(--mg-ink)}
.rd-st{flex:none;display:inline-flex;align-items:center;gap:var(--mg-space-6);height:36px;padding:0 var(--mg-space-12) 0 var(--mg-space-4);border-radius:var(--mg-radius-pill);background:var(--mg-black-3);border:1px solid var(--rd-line);font-size:var(--mg-fs-xs);color:var(--mg-muted);text-decoration:none;white-space:nowrap}
.rd-st img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.rd-st.no-img,.rd-home{padding-left:var(--mg-space-12)}
.rd-home{color:var(--mg-ink)}
.rd-st.is-now{background:var(--mg-ink);color:var(--mg-black);border-color:var(--mg-ink);font-weight:var(--mg-weight-bold)}
.rd-gt{flex:none;width:12px!important;height:12px!important;color:var(--mg-gray)}
.rd-choices{--cols:4;--gap:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--mg-space-12) var(--gap)}
.rd-choice{width:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));display:grid;gap:var(--mg-space-6);text-align:center;text-decoration:none;transition:transform var(--mg-dur-fast) var(--mg-ease)}
.rd-choice:active{transform:scale(.96)}
.rd-im{position:relative;display:block;aspect-ratio:3/4;border-radius:var(--mg-radius-md);overflow:hidden;background:var(--mg-black-3)}
.rd-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 600ms var(--mg-ease-big)}
.rd-choice:hover .rd-im img{transform:scale(1.06)}
.rd-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.rd-nm{font-size:var(--mg-fs-xs);font-weight:var(--mg-weight-semibold);line-height:1.3;color:var(--mg-ink)}
.rd-more{position:absolute;right:5px;bottom:5px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--mg-black) 50%,transparent);backdrop-filter:blur(6px)}
.rd-more svg{width:12px;height:12px;fill:none;stroke:var(--mg-white);stroke-width:2.4}
.rd-choice.is-on .rd-im{box-shadow:0 0 0 2px var(--mg-black-2),0 0 0 4px var(--mg-ink)}
.rd-more-btn{justify-self:center;display:inline-flex;align-items:center;gap:var(--mg-space-6);min-height:44px;padding:0 var(--mg-space-16);border-radius:var(--mg-radius-pill);border:1px solid var(--rd-line2);background:transparent;color:var(--mg-ink);font:inherit;font-size:var(--mg-fs-sm);cursor:pointer}
.rd-more-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.rd-sample{display:grid;grid-template-columns:84px minmax(0,1fr);gap:var(--mg-space-12);align-items:center;padding:var(--mg-space-12);border-radius:var(--mg-radius-lg);background:var(--mg-black-3);border:1px solid var(--rd-line)}
.rd-sample-im{padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--mg-radius-md);overflow:hidden}
.rd-sample-im img{display:block;width:84px;height:112px;object-fit:cover}
.rd-sample p{margin:0;font-size:var(--mg-fs-sm);line-height:var(--mg-leading-snug);color:var(--mg-ink)}
.rd-sibs{display:grid;grid-template-columns:1fr 1fr;gap:var(--mg-space-8)}
.rd-sibs a{min-width:0;display:flex;align-items:center;gap:var(--mg-space-6);min-height:44px;padding:0 var(--mg-space-12);border-radius:var(--mg-radius-md);background:var(--mg-black-3);border:1px solid var(--rd-line);font-size:var(--mg-fs-xs);color:var(--mg-muted);text-decoration:none}
.rd-sibs a:last-child{justify-content:flex-end}
.rd-sibs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rd-sibs svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2}
.rd-saved-head{display:flex;align-items:center;gap:var(--mg-space-8)}
.rd-saved-head h2{margin:0;font-size:var(--mg-fs-xl);font-weight:var(--mg-weight-heavy);color:var(--mg-ink)}
.rd-count{font-size:var(--mg-fs-xl);font-weight:var(--mg-weight-heavy);color:var(--mg-red);font-variant-numeric:tabular-nums}
.rd-grow{flex:1}
.rd-round{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--mg-ink);cursor:pointer;position:relative}
.rd-round::before{content:'';position:absolute;inset:6px;border-radius:50%;border:1px solid var(--rd-line2)}
.rd-round svg{position:relative;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.rd-sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--mg-space-4)}
.rd-sthumb{position:relative;aspect-ratio:3/4;border-radius:var(--mg-radius-sm);overflow:hidden;background:var(--mg-black-3)}
.rd-open{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.rd-open img{width:100%;height:100%;object-fit:cover;display:block}
.rd-x{position:absolute;top:0;right:0;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}
.rd-x i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--mg-black) 55%,transparent);backdrop-filter:blur(6px)}
.rd-x svg{width:11px;height:11px;fill:none;stroke:var(--mg-white);stroke-width:2.6}
.rd-empty{display:grid;justify-items:center;gap:var(--mg-space-8);padding:var(--mg-space-20) var(--mg-space-16);border:1px dashed var(--rd-line2);border-radius:var(--mg-radius-lg);color:var(--mg-muted);font-size:var(--mg-fs-xs);text-align:center;line-height:var(--mg-leading-snug);transition:border-color var(--mg-dur-base)}
.rd-empty svg,.rd-empty-heart svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
a.rd-call,.rd-call{display:flex;align-items:center;justify-content:center;gap:var(--mg-space-8);min-height:52px;padding:0 var(--mg-space-20);border-radius:var(--mg-radius-pill);background:var(--mg-red)!important;color:var(--mg-white)!important;border:0!important;font-size:var(--mg-fs-md);font-weight:var(--mg-weight-bold);text-decoration:none;transition:background var(--mg-dur-base),transform var(--mg-dur-fast) var(--mg-ease)}
a.rd-call:hover{background:var(--mg-red-strong)!important}
.rd-call.is-off{background:var(--mg-black-4)!important;color:var(--mg-gray)!important}
.rd-call svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}

/* ── PC: right rail */
.rd-rail{display:none}
@media(min-width:1025px){
 body.rd .layout{position:relative}
 body.rd #main{margin-right:var(--rd-rail)}
 .rd-rail{display:flex;flex-direction:column;position:absolute;z-index:20;top:0;right:0;width:var(--rd-rail);height:calc(100svh - 68px);min-height:570px;background:var(--mg-black-2);border-left:1px solid var(--rd-line)}
 .rd-path{flex:1 1 52%;min-height:0;overflow-y:auto;padding:calc(var(--showroom-top-clearance,76px) + var(--mg-space-16)) var(--mg-space-20) var(--mg-space-16);scrollbar-width:thin;transition:padding-top var(--mg-dur-slow) var(--mg-ease-big)}
 body.showroom-site-nav-hidden .rd-path{padding-top:var(--mg-space-20)}
 .rd-saved{flex:0 1 auto;max-height:48%;min-height:200px;display:flex;flex-direction:column;gap:var(--mg-space-12);padding:var(--mg-space-16) var(--mg-space-20) var(--mg-space-20);border-top:1px solid var(--rd-line);transition:background var(--mg-dur-base)}
 .rd-saved.is-over{background:color-mix(in srgb,var(--mg-red) 10%,var(--mg-black-2))}
 .rd-saved.is-over .rd-empty{border-color:var(--mg-red);color:var(--mg-ink)}
 .rd-saved .rd-saved-head h2,.rd-saved .rd-count{font-size:var(--mg-fs-lg)}
 .rd-saved .rd-sgrid{flex:1 1 auto;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;overflow-y:auto;scrollbar-width:thin}
 .rd-saved .rd-empty{flex:1;align-content:center;min-height:120px;padding:var(--mg-space-24) var(--mg-space-16)}
 .rd-saved .rd-call{flex:none}
 .rd-panel,.rd-scrim{display:none!important}
 body.rd .motion-viewport .photo-card .open-photo img{-webkit-user-drag:element}
}

/* ── Phone: one bar on the floor of the screen; mini → row → full */
.rd-scrim{position:fixed;inset:0;z-index:58;background:var(--mg-black);opacity:0;pointer-events:none;transition:opacity var(--mg-dur-slow) var(--mg-ease-big)}
.rd-scrim.is-on{opacity:.55;pointer-events:auto}
.rd-panel{position:fixed;z-index:60;left:0;right:0;bottom:0;height:84svh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;
 background:var(--mg-black-2);border-top:1px solid var(--rd-line2);box-shadow:var(--mg-shadow-3-up);touch-action:none;-webkit-user-select:none;user-select:none;
 transition:transform 480ms var(--mg-ease-big),border-radius var(--mg-dur-slow) var(--mg-ease-big);will-change:transform}
.rd-panel[data-state=full]{border-radius:var(--mg-radius-xl) var(--mg-radius-xl) 0 0}
.rd-panel.is-dragging{transition:none}
.rd-handle{flex:none;display:grid;place-items:center;height:var(--rd-grab);cursor:grab;touch-action:none}
.rd-handle::before{content:"";width:44px;height:5px;border-radius:3px;background:var(--rd-line2);transition:width var(--mg-dur-base) var(--mg-ease-big),background var(--mg-dur-base)}
.rd-handle:active::before{width:52px;background:var(--mg-muted)}
.rd-row{flex:none;display:flex;align-items:center;gap:var(--mg-space-6);height:var(--rd-row);padding:0 var(--mg-space-10) var(--mg-space-4)}
.rd-path-btn{flex:1;min-width:0;display:flex;align-items:center;gap:var(--mg-space-10);height:56px;padding:0 var(--mg-space-6);border:0;border-radius:var(--mg-radius-lg);background:transparent;color:var(--mg-ink);font:inherit;text-align:left;cursor:pointer}
.rd-pic{width:40px;height:48px;flex:none;display:grid;place-items:center;border-radius:var(--mg-radius-md);overflow:hidden;background:var(--mg-black-4)}
.rd-pic img{width:100%;height:100%;object-fit:cover}
.rd-pic svg,.rd-up{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rd-tx{min-width:0;display:grid;gap:1px}
.rd-tx small{font-size:var(--mg-fs-2xs);color:var(--mg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-tx b{font-size:var(--mg-fs-md);font-weight:var(--mg-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-up{flex:none;margin-left:auto;color:var(--mg-muted);transition:transform var(--mg-dur-slow) var(--mg-ease-big)}
.rd-panel[data-state=full] .rd-up{transform:rotate(180deg)}
.rd-panel[data-state=full][data-tab=step] .rd-path-btn,.rd-panel[data-state=full][data-tab=saved] .rd-saved-btn{background:var(--mg-black-4)}
.rd-saved-btn{position:relative;display:grid;place-items:center;min-width:56px;height:56px;padding:0 var(--mg-space-6);border:0;border-radius:var(--mg-radius-lg);background:transparent;color:var(--mg-muted);cursor:pointer}
.rd-stack{position:relative;display:block;width:44px;height:44px}
.rd-stack img{position:absolute;top:5px;left:8px;width:28px;height:35px;object-fit:cover;border-radius:5px;border:1.5px solid var(--mg-black-2);box-shadow:0 2px 6px color-mix(in srgb,var(--mg-black) 50%,transparent)}
.rd-stack img:nth-last-child(2){transform:rotate(-9deg) translateX(-5px)}
.rd-stack img:nth-last-child(3){transform:rotate(9deg) translateX(5px)}
.rd-empty-heart{position:absolute;inset:0;display:grid;place-items:center}
.rd-badge{position:absolute;top:4px;right:2px;min-width:20px;height:20px;padding:0 var(--mg-space-6);border-radius:var(--mg-radius-pill);background:var(--mg-red);color:var(--mg-white);font-size:var(--mg-fs-2xs);font-weight:var(--mg-weight-bold);display:grid;place-items:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--mg-black-2)}
.rd-badge[hidden]{display:none}
a.rd-row-call{display:inline-flex;align-items:center;gap:var(--mg-space-6);min-height:46px;max-width:120px;padding:0 var(--mg-space-16);border-radius:var(--mg-radius-pill);background:var(--mg-red)!important;color:var(--mg-white)!important;border:0!important;font-size:var(--mg-fs-sm);font-weight:var(--mg-weight-bold);text-decoration:none;white-space:nowrap;overflow:hidden;transition:max-width var(--mg-dur-slow) var(--mg-ease-big),padding var(--mg-dur-slow) var(--mg-ease-big),opacity var(--mg-dur-base)}
a.rd-row-call.is-off{max-width:0;padding:0;opacity:0;pointer-events:none}
a.rd-row-call svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.rd-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--mg-space-12) var(--mg-space-16) var(--mg-space-24);border-top:1px solid var(--rd-line);opacity:0;transition:opacity var(--mg-dur-base);touch-action:pan-y}
.rd-panel[data-state=full] .rd-body{opacity:1}
.rd-body .rd-see{width:100%}
@media(max-width:1024px){
 body.rd .motion-viewport .gallery{padding-bottom:calc(var(--rd-grab) + var(--rd-row) + var(--mg-space-24))}
}
/* 쇼룸은 길잡이 안의 붉은 상담 단추 하나만 쓴다(승인된 화면). 공통 떠 있는 상담 단추는 두지 않는다. */
body.rd .mobile-actions{display:none!important}
@media(min-width:600px) and (max-width:1024px){.rd-sgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* ── Viewer: solid black, the photo first, one action row with a handle */
body.rd #lightbox{background:var(--mg-black)!important}
body.rd #lightbox::backdrop{background:var(--mg-black)}
body.rd #lightbox .detail-info-head small{display:none}
.rd-vmini{position:relative;display:grid;place-items:center;width:48px;height:44px;flex:none;color:var(--mg-muted)}
.rd-vmini .rd-stack{transform:scale(.86)}
.rd-vmini .rd-badge{top:0;right:0}
.rd-specs{display:grid}
.rd-srow{display:flex;align-items:center;gap:var(--mg-space-12);min-height:72px;padding:var(--mg-space-10) var(--mg-space-2);border-bottom:1px solid var(--rd-line);color:var(--mg-ink);text-decoration:none}
.rd-srow img,.rd-ph{width:44px;height:58px;flex:none;border-radius:var(--mg-radius-md);object-fit:cover;background:var(--mg-black-4)}
.rd-srow .rd-tx b{font-weight:var(--mg-weight-semibold)}
.rd-srow>svg{width:16px;height:16px;flex:none;margin-left:auto;fill:none;stroke:var(--mg-muted);stroke-width:1.8}
a.rd-srow:hover b{text-decoration:underline;text-underline-offset:3px}
body.rd #lightbox .measurement-cta.detail-measurement{background:var(--mg-red)!important;color:var(--mg-white)!important;border-color:var(--mg-red)!important}
@media(max-width:740px){
 body.rd #lightbox .photo-sheet{background:var(--mg-black-2);border-top:1px solid var(--rd-line2);border-radius:0;transition:transform 480ms var(--mg-ease-big),border-radius var(--mg-dur-slow)}
 body.rd #lightbox.specs-open .photo-sheet{border-radius:var(--mg-radius-xl) var(--mg-radius-xl) 0 0}
 body.rd #lightbox .photo-controls{gap:var(--mg-space-4);padding:var(--mg-space-8) var(--mg-space-10) 0;background:var(--mg-black-2)}
 body.rd #lightbox .sheet-grabber{top:6px;width:44px;height:5px;background:var(--rd-line2)}
 body.rd #lightbox #photo-spec-toggle{gap:var(--mg-space-10);padding:var(--mg-space-8) var(--mg-space-4) 0;color:var(--mg-ink);min-width:0}
 body.rd #lightbox #photo-spec-toggle .rd-spec-pic{width:34px;height:42px;flex:none;border-radius:var(--mg-radius-sm);object-fit:cover}
 body.rd #lightbox #photo-spec-toggle .rd-tx b{font-size:var(--mg-fs-sm)}
 body.rd #lightbox.specs-open #photo-spec-toggle .rd-up{transform:rotate(180deg)}
 body.rd #lightbox #viewer-save{order:2;margin-top:var(--mg-space-8)}
 body.rd #lightbox .sheet-consult{order:3;display:inline-flex;align-items:center;gap:var(--mg-space-6);min-height:44px;margin-top:var(--mg-space-8);padding:0 var(--mg-space-12);border-radius:var(--mg-radius-pill);background:var(--mg-red)!important;color:var(--mg-white)!important;border:0!important;font-size:var(--mg-fs-sm);font-weight:var(--mg-weight-bold);white-space:nowrap}
 body.rd #lightbox .sheet-consult svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
}
/* Earlier boxes keep their place but take the same look: dark card, one red call. */
body.rd .consult-end,body.rd .empty-help{background:var(--mg-black-3);border-color:var(--rd-line);border-radius:var(--mg-radius-xl)}
body.rd .consult-end h3,body.rd .empty-help h3{color:var(--mg-ink)}
body.rd .measurement-cta{border-radius:var(--mg-radius-pill)}
body.rd .consult-actions .measurement-cta:first-child,body.rd .reference-picker .measurement-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--mg-red)!important;color:var(--mg-white)!important;border-color:var(--mg-red)!important;font-weight:var(--mg-weight-bold)}
body.rd .consult-actions .measurement-cta:first-child:hover,body.rd .reference-picker .measurement-cta:hover{background:var(--mg-red-strong)!important}
body.rd .consult-actions button.measurement-cta{color:var(--mg-ink);border-color:var(--rd-line2)}
body.rd #lightbox .photo-share-status{background:var(--mg-ink);color:var(--mg-black);border:0;font-weight:var(--mg-weight-semibold);font-size:var(--mg-fs-sm)}
/* Viewer film: nearby photos under the photo, the current one outlined. */
.rd-film{position:absolute;z-index:7;left:var(--mg-space-12);right:var(--mg-space-12);bottom:var(--mg-space-12);display:flex;gap:var(--mg-space-6);overflow-x:auto;scrollbar-width:none;padding:var(--mg-space-4);transition:opacity var(--mg-dur-base)}
.rd-film::-webkit-scrollbar{display:none}
.rd-film>button:first-child{margin-left:auto}.rd-film>button:last-child{margin-right:auto}
#lightbox .rd-film button{position:relative!important;inset:auto!important;transform:none;display:block;flex:none;width:36px!important;height:48px!important;min-width:36px;min-height:48px;padding:0;border:0;border-radius:var(--mg-radius-sm);overflow:hidden;background:var(--mg-black-4);opacity:.45;cursor:pointer;transition:opacity var(--mg-dur-base),transform var(--mg-dur-base) var(--mg-ease-big),box-shadow var(--mg-dur-base)}
#lightbox .rd-film button:hover{opacity:.8}
#lightbox .rd-film button.is-now{opacity:1;transform:scale(1.08);box-shadow:0 0 0 2px var(--mg-ink)}
.rd-film img{width:100%;height:100%;object-fit:cover;display:block}
#lightbox:is(.photo-zoomed,[data-mode=reference],[data-mode=single]) .rd-film{opacity:0;pointer-events:none}
@media(max-width:740px){.rd-film{bottom:var(--mg-space-10)}#lightbox.specs-open .rd-film{opacity:0;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.rd-belt,.rd-ghost svg,.rd-ln>span,.rd-hero-act,.rd-fcol{animation:none!important}.rd-panel,.rd-scrim{transition:none}}