/* The room and frame are UI-only. They are never drawn into a print canvas. */
:is(#orenava-home,#op-lab) .ov-room-view{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:1;width:100%;height:auto;min-height:0;padding:0;flex:none;margin:0 auto;background:#eeeee6;overflow:hidden}
#orenava-home .ov-room-view{max-width:720px}
#op-lab .ov-room-view{max-width:640px}
.ov-room-background{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0}
:is(#orenava-home,#op-lab) .ov-room-view .ov-artwork{position:absolute;left:50%;top:30.7%;width:var(--ov-room-width,15.47%);height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0!important;transform:translate(-50%,-50%)!important;aspect-ratio:var(--ov-ratio,3/4);overflow:visible;background:none;box-shadow:2px 3px 5px #332e2429;z-index:1;transition:width .45s ease,aspect-ratio .3s}
/* Cover border-width pixel rounding and antialiasing. No white inner highlight or mat. */
.ov-artwork:after{content:'';position:absolute;box-sizing:border-box;inset:calc(1.5px - var(--ov-rail,1.2cqw));border:var(--ov-rail,1.2cqw) solid transparent;border-image:var(--ov-frame-texture) 22% stretch;box-shadow:1px 2px 3px #0003;z-index:2;pointer-events:none;display:none}
.ov-artwork[data-ov-frame]:not([data-ov-frame=none]):after{display:block}
:is(#orenava-home,#op-lab) .ov-room-view[data-room-mode=flat] .ov-room-background{visibility:hidden}
:is(#orenava-home,#op-lab) .ov-room-view[data-room-mode=flat] .ov-artwork{top:50%;width:var(--ov-flat-width,34.67%);--ov-rail:2cqw;box-shadow:8px 13px 20px #332e2428}
/* A modest 12% enlargement in the Studio only; room scale and format ratios stay intact. */
#op-lab:is([data-stage="2"],[data-stage="3"]) .ov-room-view[data-room-mode=flat] .ov-artwork{width:calc(var(--ov-flat-width,34.67%) * 1.12)}
:is(#orenava-home,#op-lab) .ov-view-switch{display:flex;justify-content:center;gap:0;margin:16px auto;width:max-content;max-width:100%;border:1px solid #bdc5b5;background:#f8f8f1}
:is(#orenava-home,#op-lab) .ov-view-switch button{font:12px/1.4 Arial,sans-serif;border:0;border-radius:0;background:transparent;color:#42513a;min-height:44px;padding:10px 17px;cursor:pointer}
:is(#orenava-home,#op-lab) .ov-view-switch button[aria-pressed=true]{background:#2c4032;color:#fff}
:is(#orenava-home,#op-lab) .ov-view-switch button:focus-visible{outline:2px solid #657a52;outline-offset:3px}
#orenava-home [data-finish-room] .oh-finish-visual{padding:0;background:transparent;width:100%}
#orenava-home [data-finish-room] .oh-finish-dimension{margin:14px 0 20px}
#op-lab .op-preview .ov-view-switch{margin:10px auto}
#op-lab:not([data-stage="2"]):not([data-stage="3"]) .ov-view-switch{display:none}
#op-lab:not([data-stage="2"]):not([data-stage="3"]) .ov-room-background{visibility:hidden}
#op-lab:not([data-stage="2"]):not([data-stage="3"]) .ov-room-view .ov-artwork{top:46%;width:52%}
#op-lab .ov-artwork #op-empty img,#op-lab .ov-artwork canvas{aspect-ratio:var(--ov-ratio,3/4);width:100%;height:100%;object-fit:cover}
#orenava-home .oh-cinema-frame i{background-image:var(--ov-gold-texture,url('./frames/gold.webp'));background-size:180px 180px;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 2px #52350799}
#orenava-home .oh-cinema-frame i:is([data-edge="1"],[data-edge="3"]){background-size:180px 260px}
#orenava-home .oh-custom-room{position:absolute;inset:0}
#orenava-home .oh-custom-room .oh-media{object-fit:cover}
@media(max-width:700px){#op-lab .op-preview{padding-inline:5%}#orenava-home [data-finish-room] .ov-room-view{width:100%;max-width:520px}}
@media(prefers-reduced-motion:reduce){:is(#orenava-home,#op-lab) .ov-room-view .ov-artwork{transition:none}}