body:not([data-room=home]) #intro{display:none!important}
#preview-tools{position:fixed;z-index:100002;top:max(16px,env(safe-area-inset-top));left:24px;right:24px;width:max-content;max-width:calc(100% - 48px);margin:auto;font:14px/1.3 Arial,Helvetica,sans-serif;color:#f1ede7;user-select:none}
.preview-label{display:block;text-align:center;font:10px/1.5 ui-monospace,monospace;letter-spacing:.18em;color:#b9a7a6;margin-bottom:8px}
.preview-actions{display:flex;align-items:center;gap:4px;padding:4px;background:#100b0dee;border:1px solid #ffffff24;border-radius:7px;box-shadow:0 4px 30px #0005}
#preview-tools button{appearance:none;background:none;border:1px solid transparent;border-radius:4px;color:#b9aaa7;font:14px Arial,Helvetica,sans-serif;min-height:42px;padding:8px 12px;cursor:pointer!important;white-space:nowrap}
#preview-tools button[aria-pressed=true]{color:#f1ede7;border-color:#ff203d80;background:#ff203d12}
#preview-tools button:focus-visible{outline:2px solid #f1ede7;outline-offset:2px}
#preview-tools #preview-replay{border-left:1px solid #ffffff24;color:#f1ede7}
#preview-status{display:block;text-align:center;font-size:12px;color:#d5b5af;max-width:430px;margin-top:6px}
#preview-status:empty{display:none}
#room-compositor{position:fixed;inset:0;z-index:190;width:100%;height:100%;pointer-events:none;visibility:hidden;touch-action:auto}
#album-host{position:fixed;inset:0;z-index:200;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease;cursor:auto!important}
body[data-room=album]{background:#000}
body[data-room=album] #rp-home{visibility:hidden}
body[data-room=entering] #album-host,body[data-room=album] #album-host{visibility:visible;opacity:1;pointer-events:auto}
body[data-room=entering] #scanlines,body[data-room=album] #scanlines,body[data-room=leaving] #scanlines,body[data-room=entering] #dot-hint-ring,body[data-room=album] #dot-hint-ring{visibility:hidden}
body:not([data-room=home]) #cursor{display:none}
body:not([data-room=home]),body:not([data-room=home]) *{cursor:auto!important}
body:not([data-room=home]) #tap-hint{display:none!important}
@media(max-width:520px){#preview-tools{left:12px;right:12px;max-width:calc(100% - 24px)}#preview-tools button{padding:7px 9px;font-size:12px}.preview-label{font-size:9px}#preview-tools #preview-replay{white-space:normal;max-width:115px}}
@media(prefers-reduced-motion:reduce){#album-host{transition:none}}

body[data-direct-album]:not([data-room=home]) #intro,body[data-direct-album][data-room=home] #intro{display:none!important}
body[data-direct-album][data-room=loading] #rp-home,body[data-direct-album][data-room=home] #rp-home{visibility:hidden}
body[data-direct-album]{background:#000}
#room-status{position:fixed;z-index:300;bottom:28px;left:20px;right:20px;text-align:center;color:#f1ede7;font:14px Arial,sans-serif;pointer-events:none}#room-status:empty{display:none}
