/* Iconoir Regular + considered controls for the Import Masters viewing room. */
.room-photo-arrow{width:86px;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;border:1px solid #a8a6a329;background:linear-gradient(145deg,#34363a,#222429);box-shadow:inset 0 1px 0 #ffffff12,0 5px 14px #00000018;color:#e5e1d8;transition:background .18s,border-color .18s,transform .18s}
.room-photo-arrow>.icon{width:22px;height:22px;flex-shrink:0;color:#e4d6bb}
.room-photo-arrow>span{font-family:var(--ui);font-size:9px;font-weight:450;letter-spacing:.2px;color:#e3e0d9}
.room-photo-arrow:hover{background:linear-gradient(145deg,#414247,#2d2f34);border-color:#b7a38470;transform:translateY(-1px);color:#fff}
.room-photo-arrow:active{transform:translateY(0);box-shadow:inset 0 1px 6px #0004}
.room-photo-arrow:hover>.icon{transform:none}
.room-photo-arrow[data-photo-direction="-1"]:hover>.icon{transform:translateX(-2px)}
.room-photo-arrow[data-photo-direction="1"]:hover>.icon{transform:translateX(2px)}
.room-dial-controls{gap:20px}
.room-play>.icon{border-radius:14px;background:linear-gradient(145deg,#34363a,#222429);border:1px solid #a8a6a329;box-shadow:inset 0 1px 0 #ffffff12;color:#e4d6bb;animation:none}
.room-play:hover>.icon{background:#383a3f;animation:none;scale:1;border-color:#b7a38470}
.room-back{padding:10px 15px;border:1px solid #ffffff1f;border-radius:999px;background:#ffffff04;color:#e7e3db;transition:background .18s,border-color .18s}
.room-back>.icon{width:18px;height:18px;color:#d7c5a5}
.room-back:hover{background:#ffffff09;border-color:#b7a38460}
.viewing-room>.dialog-close{border-radius:12px!important;background:#2b2e34!important;border:1px solid #ffffff22!important;box-shadow:inset 0 1px 0 #ffffff0a;color:#e5e0d6!important}
.viewing-room>.dialog-close>.icon{width:18px;height:18px}
.room-stage-top>#room-zoom-toggle{border-radius:12px;background:#23262ce0;border-color:#ffffff29;box-shadow:inset 0 1px 0 #ffffff0d;color:#ebe6dc}
.nav-icon .icon,.nav-book>.icon,.room-save>.icon{stroke-width:1.5}
@media(max-width:1050px){.room-photo-arrow{width:66px;height:43px;gap:4px}.room-photo-arrow>span{font-size:8px}.room-dial-controls{gap:13px}}
@media(max-width:650px){
 .room-photo-arrow{width:36px;height:38px;border-radius:12px;gap:0}
 .room-photo-arrow>span{display:none}
 .room-photo-arrow>.icon{width:20px;height:20px}
 .room-dial-controls{gap:12px}
 .room-play>.icon{border-radius:12px}
 .room-back{width:36px;height:36px;padding:0;justify-content:center;border-radius:12px}
 .room-back>span{display:none}
 .room-back>.icon{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){.room-photo-arrow,.room-back,.room-photo-arrow>.icon{transition:none;transform:none!important}}