.glass-editor{max-width:1000px;margin:0 auto 70px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.glass-preview{position:relative;container-type:inline-size;max-width:460px;margin:auto}.glass-preview img{display:block;width:100%;height:auto}.glass-preview span{position:absolute;white-space:nowrap;line-height:1.4;pointer-events:none;transform-origin:center;letter-spacing:.035em}.glass-controls label{display:block;margin:18px 0 6px}.glass-controls input,.glass-controls select{width:100%;box-sizing:border-box}.glass-controls button.button{margin-top:24px;width:100%}.glass-editor .muted,.glass-controls p{font-size:14px}@media(max-width:650px){.glass-editor{grid-template-columns:1fr;gap:20px}.glass-preview{max-width:320px}}

/* Keep a stable stage for differently cropped double-wall color photos. */
.glass-preview:is([data-model="doble-pared"],[data-model="chupon"],[data-model="crayola"],[data-model="dexter"],[data-model="cafe"],[data-model="tino"],[data-model="relieve"]){width:100%;aspect-ratio:2/3}
.glass-preview:is([data-model="doble-pared"],[data-model="chupon"],[data-model="crayola"],[data-model="dexter"],[data-model="cafe"],[data-model="tino"],[data-model="relieve"]) img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

.glass-preview[data-model="glitter"]{width:100%;aspect-ratio:2/3}
.glass-preview[data-model="glitter"] img{position:absolute;max-width:none;object-fit:fill}

.glass-preview[data-model="monet"]{width:100%;aspect-ratio:2/3}
.glass-preview[data-model="monet"]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#monet-art{position:absolute;left:32%;top:38%;width:36%;height:41%;overflow:hidden;border-radius:5% / 2%}
#monet-art img{position:static;width:100%;height:100%;object-fit:contain}
.glass-preview[data-model="monet"].has-art #glass-text{top:84%!important}

.glass-preview[data-model="jimbo"]{width:100%;aspect-ratio:2/3}
.glass-preview[data-model="jimbo"]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

.glass-preview[data-model="glitter-800"]{width:100%;aspect-ratio:2/3}
.glass-preview[data-model="glitter-800"]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

.glass-preview[data-model="viajero"]{width:100%;aspect-ratio:2/3}
.glass-preview[data-model="viajero"]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.glass-preview[data-model="viajero"] #monet-art{left:42%;top:30%;width:30%;height:27%}
.glass-preview[data-model="viajero"].has-art #glass-text{top:61%!important}