/* Local 3D visual revision. Card renders are concepts; numeric results stay live. */
@scope (.calculator-page) {
  .result .visual,.mini-scene{background:linear-gradient(115deg,#f9f5ee,#e6e0d5);box-shadow:inset 0 0 35px #927c5820}
  .result .mirror-shape,.mini-scene i,.shape-icon{background:linear-gradient(128deg,#a0b4b8 0%,#dce7e6 24%,#f8faf7 26%,#c9d8d8 55%,#9baeb1 100%);border-color:#7d7767;box-shadow:3px 4px 0 #7a766b,7px 12px 15px #34403935,inset 2px 2px 2px #ffffffb0}
  .result .mirror-shape::after{inset:3px;border-color:#fff6}
  .result .vanity-shape{background:repeating-linear-gradient(92deg,#baa081 0px,#c6ae91 3px,#b69b7d 5px,#c1a789 9px);border:0;border-top:7px solid #fcfaf3;box-shadow:0 3px 0 #d3cbbb,5px 10px 14px #51433135;height:50px}
  .result .vanity-shape i{background:linear-gradient(#d2d5d1,#fff);border:1px solid #bbbdb5;box-shadow:0 1px 1px #fff}
 .layout-comparison article{padding:16px;overflow:hidden}
 .mini-scene.concept-scene{height:auto;aspect-ratio:auto;margin:0;border:0;border-radius:10px;overflow:hidden;background:#eee7dc;box-shadow:none}
 .concept-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
 .concept-scene figcaption{padding:9px 12px;color:#655f53;font-size:.64rem;line-height:1.5;background:#f0ece3}
 .layout-comparison h3{font-size:clamp(1.3rem,2.2vw,1.85rem);line-height:1.2;margin:20px 0 8px}
 .layout-comparison button{margin-bottom:8px}
 .shape-picker{gap:14px;align-items:stretch}
 .shape-picker button{position:relative;overflow:hidden;padding:0 0 18px;gap:10px;border:1px solid #d6d9cf;border-radius:14px;background:#faf9f5;transition:border-color .18s,box-shadow .18s}
 .shape-picker button:hover{border-color:#9f8765;box-shadow:0 5px 18px #43372212}
 .shape-picker button[aria-pressed=true]{border-color:#205443;background:#eef3ed;box-shadow:inset 0 0 0 2px #205443}
 .shape-picker button[aria-pressed=true]::after{content:'✓';position:absolute;right:10px;top:10px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#205443;color:#fff;font:700 15px var(--sans);box-shadow:0 2px 8px #203e3020}
 .shape-photo{display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#efe8db}
 .shape-photo img{display:block;width:100%;height:100%;object-fit:contain}
 .shape-picker strong{font-size:.95rem;padding:0 8px}
 .shape-picker small{padding:0 10px;color:#5e7065;max-width:24ch}
 .shape-concept-note{font-size:.72rem;color:#69746c;margin:0 0 26px;line-height:1.6}
 @media(max-width:500px){.shape-picker{gap:10px}.shape-picker button{padding-bottom:14px}.shape-picker strong{font-size:.85rem}.layout-comparison article{padding:12px}.concept-scene figcaption{padding:8px;font-size:.6rem}}
  .render-3d{overflow:hidden;background:#f8f7f2;border-radius:16px;border:1px solid #e0e2d8;margin:26px 0}
  .render-3d img{display:block;width:100%;height:auto;max-width:100%;min-width:0}
  .render-3d figcaption{padding:12px 18px;font-size:.75rem;line-height:1.6;color:#5a6c60}
  .render-3d a{display:block}
  @media(max-width:500px){.render-3d{border-radius:10px}.render-3d figcaption{padding:10px 12px}}
}