.label-scene{padding:22px 16px;gap:10px}
.box-composition{position:relative;width:100%;aspect-ratio:440/340;max-width:490px}
.standing-box{position:absolute;left:0;bottom:2%;width:62%;height:88%}
.standing-box>svg,.standing-box>img{width:100%;height:100%;overflow:visible;object-fit:contain}
.box-front{position:absolute;inset:10% 20% 0 0;background:linear-gradient(110deg,#e8ddca,#d9c6a7);transform:skewY(9deg);border:1px solid #cbb796;overflow:hidden}
.box-side{position:absolute;right:0;top:2%;width:21%;height:90%;background:linear-gradient(90deg,#c3aa83,#d1bb98);transform:skewY(-30deg);border:1px solid #bca47e}
.box-top{position:absolute;left:0;top:-3%;width:100%;height:22%;background:#f0e7d8;clip-path:polygon(20% 0,100% 25%,80% 100%,0 73%)}
.box-tape{position:absolute;left:44%;width:15%;height:100%;background:#faf5e42b}
.box-brand{position:absolute;left:13%;top:12%;width:48%;opacity:.7}
.box-label{position:absolute;left:12%;top:40%;width:75%;border:1px solid #b8aa94}
.label-focus{position:absolute;left:8%;top:37%;width:83%;height:41%;border:1px solid #6e8c9e;border-radius:3px}
.zoom-connector{position:absolute;inset:0;width:100%;height:100%}
.label-zoom{position:absolute;right:0;top:0;width:49%;padding:10px;background:#fff;border:1px solid #d6e0e8;border-radius:12px;box-shadow:0 12px 30px #19384e12}
.zoom-heading{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em;color:#718797;margin-bottom:10px}
.label-zoom .actual-label{box-shadow:none}
.phone .mini-button{display:flex;align-items:center;justify-content:center;text-align:center;padding-left:5px;padding-right:5px}
@media(max-width:650px){.box-composition{max-width:440px}.label-zoom{padding:9px}.zoom-heading{font-size:6px}}
