/* Camera-only viewfinder, separate from the shared instrument layout. */
body[data-experiment=camera] .camera-result{left:4vw;right:auto;bottom:34px;width:clamp(280px,32vw,440px);padding:12px;background:#0c1415;box-shadow:0 14px 42px #0005;border-color:#6b7b7355;border-radius:3px}
body[data-experiment=camera] .camera-result canvas{aspect-ratio:8/5;border-radius:1px}
body[data-experiment=camera] .camera-result small{font-size:10px;letter-spacing:.02em;margin:0 0 8px;color:#c1c9bd}
body[data-experiment=camera] .camera-result .camera-scene-note{font-size:9px;color:#85948d;margin:8px 0 0}
.has-3d[data-experiment=camera] .object-caption{display:none}
@media(min-width:1000px) and (max-height:800px){body[data-experiment=camera] .camera-result{width:300px;bottom:22px}}
@media(min-width:701px) and (max-width:999px){body[data-experiment=camera] .camera-result{width:250px;bottom:22px}}
@media(max-width:700px){.has-3d[data-experiment=camera] .stage{height:500px}.has-3d[data-experiment=camera] .stage>#turn-area{height:280px}body[data-experiment=camera] .camera-result{left:23px;right:23px;bottom:18px;width:auto;padding:10px;max-width:430px;margin:auto}body[data-experiment=camera] .camera-result canvas{max-height:200px;object-fit:contain}.has-3d[data-experiment=camera] .tools .primary{width:100%}}

body[data-experiment=camera] .opening-quote{padding:52px 4vw 58px;border-top:1px solid #283634;text-align:center}body[data-experiment=camera] .opening-quote figure{margin:0}body[data-experiment=camera] .opening-quote blockquote{margin:0 0 20px;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(20px,2.2vw,32px);line-height:1.8;color:#ded7c8}body[data-experiment=camera] .opening-quote figcaption{font-size:12px;line-height:1.8;color:#bda987}body[data-experiment=camera] .opening-quote figcaption a{display:block;font-family:Arial,"Noto Sans KR",sans-serif;font-size:10px;color:#85948d;margin-top:8px}