#review-design-preview{margin-top:1.6rem;color:var(--ink);font-family:var(--b)}
#review-design-preview [hidden]{display:none!important}
#review-design-preview .rdp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#review-design-preview .rdp-notice{display:block;max-width:none;margin:0 0 1.2rem;padding:.7rem 1rem;border:1px dashed var(--muted);border-left:4px solid var(--lime);border-radius:.5rem;background:var(--card);font-size:.9rem;line-height:1.45;color:var(--muted)}
#review-design-preview .rdp-notice strong{color:var(--ink)}
#review-design-preview .rdp-intro{font-size:1.1rem;max-width:58ch}
#review-design-preview .rdp-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.2rem 0 1.6rem;padding:.3rem;border:1px solid var(--line);border-radius:.8rem;background:var(--card);width:fit-content;max-width:100%}
#review-design-preview .rdp-tab{min-height:44px;padding:.5rem 1.1rem;border:0;border-radius:.55rem;background:transparent;color:var(--muted);font:600 1rem var(--b);cursor:pointer}
#review-design-preview .rdp-tab:hover{color:var(--ink)}
#review-design-preview .rdp-tab[aria-selected="true"]{background:var(--green);color:#fff}
#review-design-preview .rdp-tab[aria-selected="true"]{box-shadow:inset 0 -3px 0 var(--lime)}
#review-design-preview .rdp-panel{animation:rdp-in .35s ease both}
@keyframes rdp-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* summary */
#review-design-preview .rdp-sum{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem;padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:1rem;background:var(--card)}
#review-design-preview .rdp-sum p{margin:.3rem 0 0;font-size:.95rem;line-height:1.45;color:var(--muted)}
#review-design-preview .rdp-sum strong{color:var(--ink)}
#review-design-preview .rdp-big{font:800 clamp(2.6rem,8vw,3.8rem)/1 var(--d);color:var(--green);padding-right:1.2rem;border-right:2px solid var(--line)}
:root[data-theme="dark"] #review-design-preview .rdp-big{color:var(--lime)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #review-design-preview .rdp-big{color:var(--lime)}}
#review-design-preview .rdp-sum.compact{margin:0;padding:.8rem 1.1rem;flex:1}
#review-design-preview .rdp-sum.compact .rdp-big{font-size:2.2rem}

/* stars */
#review-design-preview .rdp-stars{display:flex;gap:.15rem}
#review-design-preview .rdp-st svg{display:block;width:1.2rem;height:1.2rem;fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linejoin:round}
#review-design-preview .rdp-st.on svg{fill:var(--lime);stroke:var(--lime)}

/* cards */
#review-design-preview .rdp-card{position:relative;display:flex;flex-direction:column;gap:.8rem;padding:1.3rem;border:1px solid var(--line);border-radius:1rem;background:var(--card)}
#review-design-preview .rdp-tag{align-self:flex-start;padding:.15rem .6rem;border:1px dashed var(--muted);border-radius:99px;font-size:.78rem;font-weight:600;color:var(--muted)}
#review-design-preview .rdp-q{margin:0;flex:1;font:500 1.1rem/1.5 var(--b);color:var(--muted);font-style:italic}
#review-design-preview .rdp-who{display:flex;align-items:center;gap:.7rem;padding-top:.9rem;border-top:1px solid var(--line);line-height:1.3}
#review-design-preview .rdp-who small{color:var(--muted)}
#review-design-preview .rdp-av{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--green);color:#fff;font:800 1rem var(--d)}
#review-design-preview .rdp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width:767px){
#review-design-preview .rdp-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;margin-inline:-1.25rem;padding:0 1.25rem .8rem}
#review-design-preview .rdp-grid .rdp-card{flex:0 0 82%;scroll-snap-align:center}
#review-design-preview .rdp-sum{flex-direction:column;align-items:flex-start}
#review-design-preview .rdp-big{border:0;padding:0}
}

/* carousel */
#review-design-preview .rdp-cartop{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem}
#review-design-preview .rdp-sum.compact{min-width:0}
#review-design-preview .rdp-nav{display:flex;gap:.5rem}
#review-design-preview .rdp-arrow{width:48px;height:48px;border-radius:50%;border:2px solid var(--green);background:var(--card);color:var(--ink);font:600 1.3rem var(--b);cursor:pointer}
#review-design-preview .rdp-arrow:hover:not(:disabled){background:var(--lime);border-color:var(--lime);color:var(--limeink)}
#review-design-preview .rdp-arrow:disabled{opacity:.35;cursor:not-allowed}
:root[data-theme="dark"] #review-design-preview .rdp-arrow{border-color:var(--lime)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #review-design-preview .rdp-arrow{border-color:var(--lime)}}
#review-design-preview .rdp-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.3rem .2rem 1rem;scrollbar-width:thin;overscroll-behavior-x:contain}
#review-design-preview .rdp-track .rdp-card{flex:0 0 min(320px,82%);scroll-snap-align:start;min-height:220px}
@media (prefers-reduced-motion:no-preference){#review-design-preview .rdp-track{scroll-behavior:smooth}}

/* inline */
#review-design-preview .rdp-inline{display:grid;grid-template-columns:1fr;gap:1.6rem}
@media (min-width:900px){#review-design-preview .rdp-inline{grid-template-columns:1.05fr .95fr;align-items:start}}
#review-design-preview .rdp-right{padding:1.5rem;border:2px solid var(--green);border-radius:1.1rem;background:var(--card)}
#review-design-preview .rdp-lead{color:var(--muted);margin:.4rem 0 1rem}
#review-design-preview .rdp-left .rdp-card{margin-bottom:0}

/* form */
#review-design-preview .rdp-form{display:grid;gap:1rem}
#review-design-preview .rdp-form input[type="file"]{display:block;width:100%;max-width:100%;font:inherit}
#review-design-preview .rdp-optional{font-weight:400}
#review-design-preview .rdp-prev{margin:0;padding:.5rem .8rem;border-radius:.5rem;background:var(--bg);border:1px dashed var(--muted);font-size:.9rem;color:var(--muted)}
#review-design-preview .rdp-field{border:0;padding:0;margin:0;min-width:0}
#review-design-preview .rdp-field>label,#review-design-preview .rdp-field>legend{display:block;margin-bottom:.35rem;padding:0;font-weight:600}
#review-design-preview .rdp-field input[type=text],#review-design-preview .rdp-field textarea{width:100%;min-height:48px;padding:.7rem .9rem;border:2px solid var(--line);border-radius:.6rem;background:var(--bg);color:var(--ink);font:400 1rem var(--b)}
#review-design-preview .rdp-field textarea{resize:vertical;min-height:110px}
#review-design-preview [aria-invalid="true"]{border-color:#C0392B!important}
#review-design-preview .rdp-err{margin:.35rem 0 0;color:#B3261E;font-weight:600;font-size:.92rem}
:root[data-theme="dark"] #review-design-preview .rdp-err{color:#FF9C8F}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #review-design-preview .rdp-err{color:#FF9C8F}}
#review-design-preview .rdp-rates{display:flex;gap:.4rem;flex-wrap:wrap}
#review-design-preview .rdp-rate{position:relative;display:flex;flex:1;align-items:center;justify-content:center;gap:.25rem;min-width:44px;min-height:48px;padding:0 .5rem;border:2px solid var(--line);border-radius:.6rem;background:var(--bg);cursor:pointer;font-weight:600}
#review-design-preview .rdp-rate input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
#review-design-preview .rdp-rate svg{width:1.1rem;height:1.1rem;fill:none;stroke:var(--muted);stroke-width:1.5}
#review-design-preview .rdp-rate:has(input:checked){background:var(--lime);border-color:var(--lime);color:var(--limeink)}
#review-design-preview .rdp-rate:has(input:checked) svg{fill:var(--limeink);stroke:var(--limeink)}
#review-design-preview .rdp-rate:has(input:focus-visible){outline:3px solid var(--lime);outline-offset:3px}
#review-design-preview .rdp-form .btn{justify-self:start}
#review-design-preview .rdp-res.ok{padding:.9rem 1rem;border-left:4px solid var(--lime);border-radius:.5rem;background:var(--bg);font-size:.95rem}
#review-design-preview .rdp-res:empty{display:none}
#review-design-preview .rdp-fine{margin:0;font-size:.88rem;color:var(--muted)}

/* dialog */
#review-design-preview .rdp-dlg{width:min(540px,calc(100% - 1.5rem));max-height:calc(100dvh - 1.5rem);overflow:auto;padding:1.4rem;border:2px solid var(--green);border-radius:1.1rem;background:var(--card);color:var(--ink)}
#review-design-preview .rdp-dlg::backdrop{background:rgba(16,32,15,.62)}
#review-design-preview .rdp-dhead{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}
#review-design-preview .rdp-x{flex:none;width:48px;height:48px;border:2px solid var(--line);border-radius:50%;background:var(--bg);color:var(--ink);font:400 1.8rem/1 var(--b);cursor:pointer}
#review-design-preview .rdp-x:hover{border-color:var(--lime)}
#review-design-preview .btn[aria-disabled=true]{opacity:.5;pointer-events:none}
#review-design-preview .btns .btn{display:inline-flex;align-items:center;min-height:48px}
#review-design-preview .btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
@media(prefers-reduced-motion:reduce){#review-design-preview .rdp-panel{animation:none}}

/* ===== New designs (all local colors) ===== */
#review-design-preview .rdp-grp{margin:1rem 0 -.8rem;font-size:.9rem;color:var(--muted)}
#review-design-preview .rdp-grp b{color:var(--ink)}
#review-design-preview .rdp-tab.orig{font-weight:500;font-size:.95rem}
#review-design-preview .rdp-tab.new{box-shadow:inset 0 -2px 0 var(--lime)}
#review-design-preview .rdp-tab.new[aria-selected="true"]{box-shadow:inset 0 -3px 0 var(--lime)}
#review-design-preview[data-layout="warm"] .rdp-tab[aria-selected="true"]{background:#B4502F;box-shadow:inset 0 -3px 0 #F4C9A8}
#review-design-preview[data-layout="blue"] .rdp-tab[aria-selected="true"]{background:#1D5E91;box-shadow:inset 0 -3px 0 #8DC1E8}
#review-design-preview .rdp-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
#review-design-preview .rdp-demo{margin:.8rem 0 0;font-size:.85rem;line-height:1.4;max-width:none}
#review-design-preview .rdp-cm{margin:0;display:flex;flex-direction:column;gap:.8rem}
#review-design-preview .rdp-cm blockquote{margin:0}
#review-design-preview .rdp-cm blockquote p{margin:0;font:600 1.3rem/1.4 var(--d);font-style:italic;max-width:none}
#review-design-preview .rdp-cm figcaption{display:flex;align-items:center;gap:.7rem;line-height:1.3}
#review-design-preview .rdp-forest .rdp-tag,#review-design-preview .rdp-warm .rdp-tag,#review-design-preview .rdp-blue .rdp-tag{color:inherit;border-color:currentColor}
#review-design-preview .rdp-forest .rdp-av,#review-design-preview .rdp-warm .rdp-av,#review-design-preview .rdp-blue .rdp-av{background:var(--ac);color:var(--acink)}

/* forest */
#review-design-preview .rdp-forest{--ac:#A5D86A;--acink:#0C2216;display:grid;gap:1.6rem;padding:clamp(1rem,3vw,2rem);border-radius:1.4rem;background:radial-gradient(120% 90% at 0 0,#1E4A32,#0C2216 70%);color:#EAF3E4}
@media(min-width:900px){#review-design-preview .rdp-forest{grid-template-columns:1.6fr 1fr;align-items:center}}
#review-design-preview .rdp-forest h3{font-size:1.6rem}
#review-design-preview .rdp-fhead p{margin:.3rem 0 1rem;color:#C5D8BE}
#review-design-preview .rdp-forest .rdp-demo{color:#C5D8BE}
#review-design-preview .rdp-cmp{--p:50%;position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:1rem;border:2px solid #A5D86A;background:#0C2216;touch-action:pan-y}
#review-design-preview .rdp-cmp>.rdp-img,#review-design-preview .rdp-bef{position:absolute;inset:0}
#review-design-preview .rdp-bef{clip-path:inset(0 calc(100% - var(--p)) 0 0)}
#review-design-preview .rdp-lb{position:absolute;top:.7rem;padding:.3rem .8rem;border-radius:99px;background:#0C2216;color:#EAF3E4;font-weight:600;font-size:.9rem;pointer-events:none}
#review-design-preview .rdp-lb.l{left:.7rem}#review-design-preview .rdp-lb.r{right:.7rem}
#review-design-preview .rdp-range{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent;touch-action:pan-y}
#review-design-preview .rdp-range::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:48px}
#review-design-preview .rdp-range::-moz-range-thumb{width:48px;height:48px;border:0}
#review-design-preview .rdp-hdl{position:absolute;top:0;bottom:0;left:var(--p);width:3px;margin-left:-1.5px;background:#EAF3E4;pointer-events:none;z-index:2}
#review-design-preview .rdp-hdl span{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;display:grid;place-items:center;border-radius:50%;background:#A5D86A;color:#0C2216;font-size:1.4rem;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.4)}
@media(prefers-reduced-motion:no-preference){#review-design-preview .rdp-hdl span{transition:transform .15s}#review-design-preview .rdp-cmp:hover .rdp-hdl span{transform:scale(1.08)}}
#review-design-preview .rdp-range:focus-visible~.rdp-hdl span{outline:3px solid #fff;outline-offset:3px}
#review-design-preview .rdp-forest .rdp-cm{padding:1.4rem;border-radius:1rem;background:rgba(234,243,228,.08);border:1px solid rgba(165,216,106,.4)}
#review-design-preview .rdp-forest .rdp-cm blockquote p{color:#EAF3E4}
#review-design-preview .rdp-forest .rdp-who small,#review-design-preview .rdp-forest small{color:#C5D8BE}
#review-design-preview .rdp-forest .btns{margin-top:1.2rem}
#review-design-preview .rdp-forest .btn.o,#review-design-preview .rdp-forest .btn[aria-disabled]{color:#EAF3E4}

/* warm */
#review-design-preview .rdp-warm{--ac:#B4502F;--acink:#fff;padding:clamp(1rem,3vw,2rem);border-radius:1.4rem;background:#F8EBDD;color:#3B2418}
#review-design-preview .rdp-whead h3{font-size:1.6rem}
#review-design-preview .rdp-whead p{color:#6B4A39;margin:.3rem 0 1.2rem}
#review-design-preview .rdp-warm .rdp-demo{color:#6B4A39}
#review-design-preview .rdp-pair{display:grid;gap:1.2rem}
@media(min-width:640px){#review-design-preview .rdp-pair{grid-template-columns:1fr 1fr}}
#review-design-preview .rdp-pf{margin:0;padding:.7rem .7rem 0;background:#FFFaf2;border-radius:.5rem;box-shadow:0 6px 18px rgba(120,60,30,.2);transform:rotate(-1deg)}
#review-design-preview .rdp-pf.a{transform:rotate(1deg)}
#review-design-preview .rdp-pf .rdp-img{aspect-ratio:3/2;height:auto;border-radius:.25rem}
#review-design-preview .rdp-pf figcaption{display:flex;justify-content:space-between;align-items:baseline;padding:.7rem .2rem;font-size:.9rem;color:#6B4A39}
#review-design-preview .rdp-pf figcaption b{font:800 1.2rem var(--d);color:#B4502F}
@media(prefers-reduced-motion:no-preference){#review-design-preview .rdp-pf{transition:transform .25s}#review-design-preview .rdp-pf:hover{transform:rotate(0) translateY(-4px)}}
#review-design-preview .rdp-wbottom{display:grid;gap:1rem;margin-top:1.2rem}
@media(min-width:900px){#review-design-preview .rdp-wbottom{grid-template-columns:1.3fr 1fr;align-items:center}}
#review-design-preview .rdp-note{padding:1.4rem 1.5rem;background:#FFFaf2;border:2px dashed #B4502F;border-radius:1rem;position:relative}
#review-design-preview .rdp-note::before{content:"";position:absolute;top:-1rem;left:50%;width:4rem;height:1.5rem;margin-left:-2rem;background:rgba(180,80,47,.35);transform:rotate(-2deg)}
#review-design-preview .rdp-warm .btns{margin-top:0}
#review-design-preview .rdp-warm .btn{background:#B4502F;border-color:#B4502F;color:#fff}
#review-design-preview .rdp-warm .btn.o{background:transparent;color:#3B2418;border-color:#3B2418}
#review-design-preview .rdp-warm small{color:#6B4A39}

/* blue */
#review-design-preview .rdp-blue{--ac:#1D5E91;--acink:#fff;display:grid;gap:0;border-radius:1.4rem;overflow:hidden;background:#E8F1F8;color:#0F2A43;border:1px solid #B7CFE3}
@media(min-width:900px){#review-design-preview .rdp-blue{grid-template-columns:1fr 1.1fr}}
#review-design-preview .rdp-story{padding:clamp(1.2rem,3vw,2.2rem);display:flex;flex-direction:column;gap:1.2rem}
#review-design-preview .rdp-kick{margin:0;font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#1D5E91}
#review-design-preview .rdp-story h3{font-size:1.7rem}
#review-design-preview .rdp-facts{display:grid;gap:.1rem;margin:0;border-top:2px solid #0F2A43}
#review-design-preview .rdp-facts div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #B7CFE3}
#review-design-preview .rdp-facts dt{color:#34506A;font-size:.92rem}
#review-design-preview .rdp-facts dd{margin:0;font-weight:600}
#review-design-preview .rdp-big-cm{padding:0 0 0 1.2rem;border-left:6px solid #1D5E91}
#review-design-preview .rdp-big-cm blockquote p{font-size:clamp(1.5rem,3.4vw,2.1rem);font-style:normal;line-height:1.2}
#review-design-preview .rdp-blue small{color:#34506A}
#review-design-preview .rdp-blue .btns{margin-top:0}
#review-design-preview .rdp-blue .btn{background:#1D5E91;border-color:#1D5E91;color:#fff;border-radius:.3rem}
#review-design-preview .rdp-blue .btn.o{background:transparent;color:#0F2A43;border-color:#0F2A43}
#review-design-preview .rdp-bright{padding:clamp(1rem,2.5vw,1.6rem);background:#D3E4F2}
#review-design-preview .rdp-blue .rdp-demo{color:#34506A}
#review-design-preview .rdp-stage{position:relative;aspect-ratio:4/3;border-radius:.4rem;overflow:hidden;background:#0F2A43}
#review-design-preview .rdp-stage>.rdp-img{position:absolute;inset:0}
#review-design-preview .rdp-scap{position:absolute;left:0;bottom:0;margin:0;padding:.5rem .9rem;background:#0F2A43;color:#fff;font-size:.9rem;max-width:none}
#review-design-preview .rdp-inset{position:absolute;right:.8rem;top:.8rem;width:clamp(120px,32%,200px);padding:0;border:3px solid #fff;border-radius:.3rem;background:#fff;cursor:pointer;overflow:hidden;box-shadow:0 4px 14px rgba(15,42,67,.45);min-height:44px;font:600 .85rem var(--b);color:#0F2A43;text-align:left}
#review-design-preview .rdp-inset .rdp-img{aspect-ratio:3/2;height:auto}
#review-design-preview .rdp-inset span{display:block;padding:.4rem .5rem}
#review-design-preview .rdp-inset:hover{border-color:#8DC1E8}
@media(prefers-reduced-motion:no-preference){#review-design-preview .rdp-stage.pop>.rdp-img{animation:rdp-in .35s ease both}}
@media(max-width:899px){#review-design-preview .rdp-blue{display:flex;flex-direction:column-reverse}}

/* ===== Minimal variants ===== */
#review-design-preview .rdp-tab[aria-selected="true"]{background:var(--green);color:#fff}
#review-design-preview[data-layout="warm"] .rdp-tab,#review-design-preview[data-layout="blue"] .rdp-tab{box-shadow:none}
#review-design-preview .rdp-more{margin-top:1.4rem;color:var(--muted)}
#review-design-preview .rdp-more summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600;color:var(--ink)}
#review-design-preview .rdp-more summary:focus-visible,#review-design-preview .rdp-lk:focus-visible,#review-design-preview .rdp-mbtn:focus-visible,#review-design-preview .rdp-selw select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
#review-design-preview .rdp-selw{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;padding:.4rem 0 .8rem}
#review-design-preview .rdp-selw select{min-height:48px;padding:0 .8rem;border:2px solid var(--line);border-radius:.6rem;background:var(--card);color:var(--ink);font:500 1rem var(--b)}
#review-design-preview .rdp-mcmp{aspect-ratio:3/2;border-radius:.5rem}
#review-design-preview .rdp-mcmp .rdp-lb{top:.6rem;font-size:.85rem}
#review-design-preview .rdp-mc{margin:0;display:flex;flex-direction:column;gap:.6rem}
#review-design-preview .rdp-mc blockquote{margin:0}
#review-design-preview .rdp-mc blockquote p{margin:0;font:600 clamp(1.15rem,2.4vw,1.5rem)/1.4 var(--d);max-width:46ch}
#review-design-preview .rdp-mc figcaption{font-size:.95rem}
#review-design-preview .rdp-mtag{font-size:.8rem;font-weight:600;letter-spacing:.02em}
#review-design-preview .rdp-mdemo{margin:.7rem 0 0;font-size:.85rem;line-height:1.4;max-width:none}
#review-design-preview .rdp-acts{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.4rem}
#review-design-preview .rdp-mbtn{min-height:48px;padding:0 1.2rem;border-radius:.5rem;font:600 .95rem var(--b);cursor:pointer;border:2px solid currentColor;background:transparent;color:inherit}
#review-design-preview .rdp-lk{display:inline-flex;align-items:center;min-height:44px;font-size:.92rem;color:inherit;text-decoration:underline;text-underline-offset:3px;opacity:.85}
#review-design-preview .rdp-lk:hover{opacity:1}
#review-design-preview .rdp-lk[aria-disabled=true]{opacity:.45;pointer-events:none}
@media(prefers-reduced-motion:no-preference){#review-design-preview .rdp-mbtn{transition:background-color .2s,color .2s}}

/* green: flat, caption below */
#review-design-preview .rdp-mg{--ac:#A5D86A;padding:clamp(1rem,3vw,2rem);border-radius:.8rem;background:#17382A;color:#EAF3E4}
#review-design-preview .rdp-mg .rdp-cmp{border:0;background:#17382A;max-width:900px;margin-inline:auto}
#review-design-preview .rdp-mg .rdp-mdemo{max-width:900px;margin-inline:auto;color:#BFD4B8}
#review-design-preview .rdp-mgb{max-width:900px;margin:1.4rem auto 0;padding-top:1.2rem;border-top:1px solid rgba(234,243,228,.25);display:grid;gap:1.2rem}
#review-design-preview .rdp-mg .rdp-mtag,#review-design-preview .rdp-mg figcaption{color:#BFD4B8}
#review-design-preview .rdp-mg .rdp-mbtn:hover{background:#A5D86A;border-color:#A5D86A;color:#17382A}
#review-design-preview .rdp-mg .rdp-lb{background:#17382A;color:#EAF3E4}

/* light: beside, thin separators */
#review-design-preview .rdp-ml{display:grid;gap:1.6rem;padding:clamp(.4rem,2vw,1rem) 0;background:transparent;border-block:1px solid var(--line);padding-block:1.6rem}
@media(min-width:900px){#review-design-preview .rdp-ml{grid-template-columns:1.5fr 1fr;gap:0;align-items:center}#review-design-preview .rdp-mls{padding-left:2.4rem;margin-left:2.4rem;border-left:1px solid var(--line)}}
#review-design-preview .rdp-mls{display:grid;gap:1.6rem}
#review-design-preview .rdp-ml .rdp-mdemo,#review-design-preview .rdp-ml .rdp-mtag,#review-design-preview .rdp-ml figcaption{color:var(--muted)}
#review-design-preview .rdp-ml .rdp-mbtn{color:var(--green);border-width:1px}
:root[data-theme="dark"] #review-design-preview .rdp-ml .rdp-mbtn{color:var(--lime)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #review-design-preview .rdp-ml .rdp-mbtn{color:var(--lime)}}
#review-design-preview .rdp-ml .rdp-mbtn:hover{background:var(--green);color:#fff}
#review-design-preview .rdp-ml .rdp-cmp{border:0}

/* photo: edge to edge, charcoal strip */
#review-design-preview .rdp-mp{background:#26292B;color:#ECEAE4;border-radius:.4rem;overflow:hidden}
#review-design-preview .rdp-mp .rdp-cmp{aspect-ratio:16/9;border:0;border-radius:0}
@media(max-width:640px){#review-design-preview .rdp-mp .rdp-cmp{aspect-ratio:4/3}}
#review-design-preview .rdp-mps{display:grid;gap:1.1rem;padding:1.2rem clamp(1rem,3vw,1.8rem) 1rem}
@media(min-width:900px){#review-design-preview .rdp-mps{grid-template-columns:1fr auto;align-items:end;gap:2rem}}
#review-design-preview .rdp-mp .rdp-mtag,#review-design-preview .rdp-mp figcaption,#review-design-preview .rdp-mp .rdp-mdemo{color:#B9B7AF}
#review-design-preview .rdp-mp .rdp-mbtn:hover{background:#ECEAE4;color:#26292B}
#review-design-preview .rdp-mp .rdp-lb{background:rgba(38,41,43,.85);color:#ECEAE4}

/* shared slider thumb in minimal panels */
#review-design-preview .rdp-mcmp .rdp-hdl{background:#fff;width:2px;margin-left:-1px}
#review-design-preview .rdp-mcmp .rdp-hdl span{background:#fff;color:#26292B;box-shadow:0 1px 4px rgba(0,0,0,.35)}
#review-design-preview .rdp-mcmp .rdp-range:focus-visible~.rdp-hdl span{outline:3px solid #A5D86A}
