html, body { height:100%; }
body { margin:0; }
#wall3d{--w3d-persp: 800px; --w3d-zoom: 1; --w3d-gap: 140px; --w3d-rows: 3; --w3d-thumb: 180px; --w3d-dur: .2s; height:100%; display:flex; flex-direction:column}
#wall3d .toolbar{display:flex; align-items:center; gap:8px; padding:6px 8px; border-bottom:1px solid #e6e8f0; background:#fafafa}
#wall3d .toolbar .spacer{flex:1}
#wall3d .toolbar button{border:1px solid #e6e8f0; background:#fff; border-radius:8px; padding:6px 10px; cursor:pointer}
#wall3d #w3dViewport{flex:1; position:relative; overflow:hidden; background:linear-gradient(180deg,#f8fafc,#eef2f7)}
#wall3d #w3dViewport{perspective: var(--w3d-persp)}
#wall3d #w3dStage{position:absolute; left:50%; top:50%; transform-style:preserve-3d; will-change: transform;}
#wall3d .w3dItem{position:absolute; transform-style:preserve-3d; transition: transform var(--w3d-dur) ease}
#wall3d .w3dItem img{display:block; width:auto; height: var(--w3d-thumb); object-fit:cover; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.15)}
#wall3d .hint{position:absolute; left:0; right:0; bottom:8px; text-align:center; color:#64748b; font-size:.9rem}