@font-face{font-family:Manrope;src:url('/static/product-360/Manrope-Variable.ttf')}*{box-sizing:border-box}body{margin:0;background:#1C1B19;color:#F5F1EA;font-family:Manrope,sans-serif}button,a,select{font:inherit}button,a,select{border:1px solid #8B7C66;background:#1C1B19e8;color:#F5F1EA;padding:10px 13px;border-radius:6px;text-decoration:none;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #B85C38}#stage{position:relative;height:100dvh;min-height:500px;overflow:hidden}#viewer{position:absolute;inset:0}#badge{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;display:flex;gap:10px;align-items:center;background:#FAF8F4ed;color:#1C1B19;padding:10px 14px;border-radius:6px;max-width:calc(100% - 135px);pointer-events:none}#badge img{width:56px;max-height:38px;object-fit:contain}#badge strong,#badge span{display:block}#badge strong{letter-spacing:.08em}#badge span{font-size:11px;margin-top:4px}#back,#exit{position:absolute;right:14px;top:max(16px,env(safe-area-inset-top));font-size:12px}#exit{top:66px}#panel{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#1C1B19ec 22%);padding:24px 16px max(10px,env(safe-area-inset-bottom))}#rooms,#faces,#controls{display:flex;gap:7px;overflow-x:auto;padding:5px 0;scrollbar-width:thin}#rooms button,#controls>*{flex:none;font-size:12px}#rooms button.selected,#faces button.selected{border:2px solid #B85C38;background:#B85C38}#faces button{padding:2px;flex:none;width:45px;height:45px}#faces img{width:100%;height:100%;object-fit:cover}#status{font-size:12px;text-shadow:0 1px 4px #1C1B19;margin:0 0 8px}.note{font-size:10px;color:#D5CDBE;margin:5px 0 0}#loading{position:absolute;inset:0;display:grid;place-content:center;pointer-events:none;text-align:center;background:#1C1B1988;padding:24px}#loading[hidden],[hidden]{display:none!important}.expanded{position:fixed!important;inset:0;z-index:9999}#stage.gyro #gyro{background:#B85C38}@media(max-width:480px){#badge{left:8px;padding:8px;gap:6px;max-width:calc(100% - 105px)}#badge img{width:35px}#badge strong{font-size:12px}#badge span{font-size:9px}#back{right:8px;padding:8px;font-size:10px}#panel{padding-left:10px;padding-right:10px}#rooms button,#controls>*{font-size:11px;padding:8px 10px}}

#room-label{display:block;font-size:12px;margin:0 0 6px}#rooms{display:block;width:100%;max-width:420px;min-height:44px;margin-bottom:8px;padding:10px 12px;background:#FAF8F4;color:#1C1B19}#controls{justify-content:center}#panel{display:flex;flex-direction:column;align-items:center}#status{text-align:center}.note{max-width:540px;text-align:center}#stage{min-height:360px}