.real-media.photo-selected{background:#12372c;color:#e4eee5;border:1px solid #315344;border-radius:22px;box-shadow:0 20px 60px #0e302713;overflow:hidden}.real-media.photo-selected .scene-top{display:none}.real-media.photo-selected .media-screen{aspect-ratio:auto;background:transparent;overflow:visible;border-radius:0}.real-media .cat-stage{position:relative;inset:auto;display:block;background:transparent}.photo-demo{padding:26px 24px 22px}.photo-demo-heading{margin-bottom:22px}.photo-demo-eyebrow{font-size:9px;font-weight:700;letter-spacing:.22em;color:#718778}.photo-demo h3{font-size:clamp(21px,2vw,29px);line-height:1.2;letter-spacing:-.04em;margin:12px 0 10px;font-weight:650;color:#f1f4e9}.photo-demo-heading p{font-size:12px;line-height:1.65;color:#acbeae;margin:0;max-width:320px}.photo-demo-preview{position:relative;aspect-ratio:786/535;border-radius:15px;overflow:hidden;background:#070b08;box-shadow:0 6px 20px #142b2020}.photo-demo-preview img,.photo-demo-preview canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.photo-demo-pause{position:absolute;right:12px;bottom:12px;width:31px;height:31px;border-radius:50%;border:1px solid #ffffff42;background:#ffffff1a;backdrop-filter:blur(8px);color:#fff;font-size:12px;cursor:pointer}.photo-demo-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:25px}.photo-demo-settings label{display:grid;grid-template-columns:1fr auto;gap:12px 3px;align-items:center;font-size:11px;color:#e1e9df;min-width:0}.photo-demo-settings output{font-size:10px;color:#b5c4b6;font-variant-numeric:tabular-nums}.photo-demo-settings input{grid-column:1/-1;width:100%;min-width:0;height:4px;margin:0;appearance:none;background:#4e6c59;border-radius:5px;cursor:pointer;accent-color:#d6bc7a}.photo-demo-settings input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:#d6bc7a;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 6px #14342235}.photo-demo-settings input::-moz-range-thumb{width:9px;height:9px;background:#d6bc7a;border:3px solid #fff;border-radius:50%}.photo-demo-settings input:focus-visible,.photo-demo-pause:focus-visible{outline:2px solid #7ca78a;outline-offset:5px}.real-media.photo-selected .media-tabs{border-top:1px solid #315344;margin:0;padding:14px 24px;background:#102d24}.real-media.photo-selected .media-tabs button{color:#c0d0c3;border-color:#56715e}.real-media.photo-selected .media-tabs button[aria-selected=true]{background:#d6bc7a;color:#12372c;border-color:#d6bc7a}@media(max-width:480px){.photo-demo{padding:22px 16px}.photo-demo-settings{gap:12px}.photo-demo-settings label{font-size:10px}.photo-demo-settings output{font-size:9px}.photo-demo-heading{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.photo-demo *{transition:none!important}}
.photo-demo-settings input{touch-action:pan-y}
@media(max-width:380px){.photo-demo-settings{grid-template-columns:1fr;gap:20px}.photo-demo-settings label{grid-template-columns:65px minmax(0,1fr) 34px;gap:10px;font-size:11px}.photo-demo-settings input{grid-column:2;grid-row:1}.photo-demo-settings output{grid-column:3;grid-row:1;text-align:right;font-size:10px}}