.toybox-room{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#08090c;color:#f6f7fb}.toybox-room *{box-sizing:border-box}.toybox-room{margin:0;overflow:hidden}.toybox-room{position:relative;height:100vh;height:100dvh;width:100%;background:#000}.toybox-room video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.toybox-room [hidden]{display:none!important}.toybox-room:fullscreen{width:100%;height:100%;margin:0;padding:0}.toybox-room :is(#roomFullscreen,[data-room-id="roomFullscreen"])[aria-pressed="true"]{border-color:#fff;background:#383d50}.toybox-room button,.toybox-room input,.toybox-room textarea,.toybox-room select{font:inherit}.toybox-room button{cursor:pointer;color:inherit;border:1px solid #ffffff25;background:#20222c;border-radius:10px;padding:10px 14px}.toybox-room button:hover{background:#333642}.toybox-room button:focus-visible,.toybox-room a:focus-visible,.toybox-room input:focus-visible,.toybox-room textarea:focus-visible,.toybox-room select:focus-visible{outline:3px solid #fff;outline-offset:3px}.toybox-room button:disabled{opacity:.4;cursor:default}.toybox-room kbd,.toybox-room .bumper{font:700 10px Arial;padding:3px 5px;border:1px solid #ffffff45;border-radius:4px;color:#d7dae6}.toybox-room .identity{position:absolute;left:28px;top:26px;letter-spacing:2px;font-weight:800;font-size:19px;pointer-events:none;text-shadow:0 2px 6px #000}.toybox-room .identity span{color:#ff284d}.toybox-room .identity small{display:block;margin-top:8px;font-size:9px;letter-spacing:2px;color:#aeb4c4}.toybox-room .reveal{position:absolute;right:24px;top:24px;background:#10121dcc;border-color:#ffffff25;width:44px;height:44px;font-size:24px}.toybox-room .start-screen{position:absolute;inset:0 0 90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none;padding:24px;text-align:center}.toybox-room .start-screen button{pointer-events:auto;background:#ed0030;border-radius:30px;padding:16px 30px;font-weight:700;border-color:#ff315a}.toybox-room :is(#status,[data-room-id="status"]){max-width:420px;font-size:13px;line-height:1.5;text-shadow:0 2px 5px #000}.toybox-room[data-state="playing"] .start-screen{display:none}.toybox-room[data-state="loading"] :is(#start,[data-room-id="start"]),.toybox-room[data-state="error"] :is(#start,[data-room-id="start"]){display:none}.toybox-room .hotbar{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);width:min(780px,calc(100% - 40px));padding:12px 16px 10px;background:linear-gradient(140deg,#151822ed,#090b12f5);border:1px solid #ffffff30;border-radius:16px;box-shadow:0 12px 50px #0008;backdrop-filter:blur(18px)}.toybox-room .mode-line{display:flex;align-items:center;gap:16px;margin-bottom:10px}.toybox-room .mode-line :is(#modeSwitch,[data-room-id="modeSwitch"]){display:flex;gap:12px;align-items:center;border:0;background:transparent;padding:4px 0;font-size:12px;font-weight:700}.toybox-room .mode-line :is(#modeName,[data-room-id="modeName"]){min-width:84px;text-align:center}.toybox-room .mode-line :is(#timeReadout,[data-room-id="timeReadout"]){margin-left:auto;color:#aeb5c8;font-size:11px;font-variant-numeric:tabular-nums}.toybox-room :is(#helpButton,[data-room-id="helpButton"]){padding:3px 9px;border-radius:50%;font-size:12px}.toybox-room .hotbar-actions{display:flex;gap:8px;overflow-x:auto;padding:4px 4px 6px;scrollbar-width:thin}.toybox-room .hotbar-actions button{position:relative;flex:1;min-width:84px;border-color:transparent;background:#ffffff06;border-radius:9px;padding:9px 10px;white-space:nowrap}.toybox-room .hotbar-actions button:hover{background:#ffffff12}.toybox-room .hotbar-actions button:focus{background:#ffffff15;border-color:#ff315a;outline:2px solid #ff315a;outline-offset:0}.toybox-room .hotbar-actions small{display:block;color:#c1c6d5;font-size:10px;margin-top:5px}.toybox-room .hotbar-actions kbd{position:absolute;right:4px;top:4px;border:0;color:#8eddad;font-size:9px}.toybox-room .glyph{font-size:21px;line-height:1}.toybox-room .bar-footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#8991a7;margin-top:7px;line-height:1.5}.toybox-room .bar-footer kbd{font-size:8px;padding:1px 3px}.toybox-room .bar-footer :is(#draftStatus,[data-room-id="draftStatus"]){max-width:280px;text-align:center}.toybox-room[data-mode="filmmaker"] .hotbar{border-color:#c9a96166}.toybox-room[data-mode="filmmaker"] :is(#modeName,[data-room-id="modeName"]){color:#e8c780}.toybox-room .marker-track{height:18px;position:relative;margin:7px 8px 0;border-top:2px solid #414658;display:none}.toybox-room[data-mode="filmmaker"] .marker-track,.toybox-room .marker-track.has-notes{display:block}.toybox-room .marker-track button{position:absolute;top:-7px;transform:translateX(-50%);width:14px;height:14px;border:2px solid #151822;border-radius:4px;background:#f7c46b;padding:0}.toybox-room .marker-track button[data-kind="note"]{background:#ad9bff}.toybox-room .marker-track button[data-kind="reference"]{background:#6ecdc9}.toybox-room .cue{position:absolute;right:32px;top:96px;max-width:min(340px,calc(100% - 64px))}.toybox-room .cue button{background:#10121de8;border-color:#b7a4ff80;text-align:left;font-size:12px;border-radius:20px;box-shadow:0 4px 20px #0008;padding:11px 17px}.toybox-room .details{position:absolute;right:28px;top:84px;bottom:290px;width:min(340px,calc(100% - 56px));padding:26px 22px;background:#10131bf5;border:1px solid #ffffff35;border-radius:16px;overflow:auto;box-shadow:0 10px 40px #0009}.toybox-room .details h2{font-size:18px;margin:0 24px 18px 0;overflow-wrap:anywhere}.toybox-room .details p{font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.toybox-room .details small{display:block;color:#b3a1eb;font-size:10px;margin-bottom:10px}.toybox-room .details a{color:#a9dedc;font-size:12px;overflow-wrap:anywhere}.toybox-room .corner-close{position:absolute;top:10px;right:10px;padding:2px 8px;font-size:20px;background:transparent;border:0}.toybox-room .details dl{font-size:11px;line-height:1.5}.toybox-room .details dt{color:#f1f3fa;margin-top:12px}.toybox-room .details dd{color:#9ca6be;margin:3px 0}.toybox-room .subtle{color:#8991a7!important;font-size:11px!important}.toybox-room .details label{font-size:12px}.toybox-room select{display:block;width:100%;margin:8px 0;padding:10px;background:#242834;border:1px solid #ffffff30;border-radius:8px}.toybox-room .mapping-row{display:flex;flex-wrap:wrap;gap:6px}.toybox-room .mapping-row button{font-size:10px;padding:7px}.toybox-room .annotation-item{display:block;text-align:left;width:100%;margin-bottom:8px;font-size:12px;overflow-wrap:anywhere}.toybox-room .annotation-item small{margin:0 0 5px;color:#a9b2c9}.toybox-room .details :is(#editNote,[data-room-id="editNote"]){display:block;margin-top:16px;font-size:12px}.toybox-room dialog{width:min(450px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#11151f;color:#f6f7fb;border:1px solid #ffffff40;border-radius:18px;padding:24px;box-shadow:0 15px 70px #000b}.toybox-room dialog::backdrop{background:#0007}.toybox-room dialog h2{font-size:22px;margin:14px 0 4px}.toybox-room .editor-top{display:flex;justify-content:space-between;align-items:center;color:#e8c780;font-size:10px;letter-spacing:1px}.toybox-room .editor-top button{background:transparent;padding:0 8px;font-size:24px;border:0}.toybox-room :is(#editorTime,[data-room-id="editorTime"]){font-size:12px;color:#9ba5bd}.toybox-room dialog label{display:block;font-size:12px;margin-top:16px}.toybox-room input,.toybox-room textarea{display:block;width:100%;padding:12px;background:#090c14;border:1px solid #ffffff35;border-radius:8px;margin-top:7px;resize:vertical}.toybox-room .editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toybox-room .editor-actions button[type="submit"]{background:#d9b669;color:#17130b;font-weight:700}.toybox-room :is(#editorError,[data-room-id="editorError"]){color:#ff9caf;font-size:12px}.toybox-room .no-script{position:absolute;top:80px;left:24px}
@media(max-width:600px){.toybox-room .identity{left:16px;top:18px;font-size:15px}.toybox-room .reveal{right:16px;top:16px}.toybox-room .hotbar{width:calc(100% - 24px);bottom:72px;padding:10px}.toybox-room .hotbar-actions button{flex:0 0 80px;min-width:80px}.toybox-room .bar-footer{font-size:8px;gap:6px}.toybox-room .bar-footer span:last-child{display:none}.toybox-room .mode-line{gap:8px}.toybox-room .details{right:12px;top:82px;bottom:290px;width:calc(100% - 24px)}.toybox-room .cue{right:16px;top:78px}.toybox-room .hotbar-actions small{font-size:9px}.toybox-room .bar-footer :is(#draftStatus,[data-room-id="draftStatus"]){max-width:155px}.toybox-room .identity small{font-size:8px}}
@media(max-height:500px){.toybox-room .identity{top:12px}.toybox-room .reveal{top:12px}.toybox-room .hotbar{bottom:65px;padding:7px 12px}.toybox-room .hotbar-actions small,.toybox-room .bar-footer{display:none}.toybox-room .details{top:65px;bottom:210px}.toybox-room .mode-line{margin-bottom:4px}.toybox-room .cue{top:65px}}.toybox-room :is(#details,[data-room-id="details"]){bottom:auto;max-height:calc(100dvh - 310px)}.toybox-room :is(#profileBadge,[data-room-id="profileBadge"]){font-size:9px;color:#8c97ad;max-width:85px;overflow:hidden;text-overflow:ellipsis}.toybox-room[data-layout="tv"] .hotbar{width:min(960px,calc(100% - 80px));bottom:85px}.toybox-room[data-layout="tv"] .hotbar-actions button{min-height:72px;min-width:100px}.toybox-room[data-layout="tv"] .hotbar-actions small{font-size:12px}.toybox-room[data-layout="touch"] .hotbar{width:calc(100% - 24px)}.toybox-room[data-layout="touch"] .hotbar-actions button{flex:0 0 84px;min-height:60px}.toybox-room[data-layout="touch"] button{touch-action:manipulation}.toybox-room[data-layout="touch"] button:not([data-kind]){min-height:44px}.toybox-room :is(#screenKeyboard,[data-room-id="screenKeyboard"]){border:1px solid #ffffff25;border-radius:10px;margin-top:16px;padding:10px}.toybox-room :is(#screenKeyboard,[data-room-id="screenKeyboard"]) legend{font-size:12px;color:#c9b476}.toybox-room .keyboard-fields{display:flex;gap:5px}.toybox-room .keyboard-fields button{font-size:10px;padding:8px}.toybox-room .keyboard-keys{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.toybox-room .keyboard-keys button{font-size:11px;padding:7px 2px;min-height:34px}.toybox-room .keyboard-keys button:focus{outline:3px solid #e4c77b;background:#453b24}.toybox-room .keyboard-keys button[data-key="Space"],.toybox-room .keyboard-keys button[data-key="Backspace"],.toybox-room .keyboard-keys button[data-key="Shift"],.toybox-room .keyboard-keys button[data-key="New line"]{grid-column:span 2}.toybox-room :is(#keyboardToggle,[data-room-id="keyboardToggle"]){font-size:11px;margin-top:14px}
@media(max-width:600px){.toybox-room[data-layout="tv"] .hotbar{width:calc(100% - 24px);bottom:72px}.toybox-room :is(#profileBadge,[data-room-id="profileBadge"]){display:none}.toybox-room[data-layout="tv"] .hotbar-actions button{min-width:84px;flex:0 0 84px}.toybox-room .keyboard-keys{gap:4px}}.toybox-room[data-state="paused"] .start-screen{display:none}
@media(max-height:500px){.toybox-room :is(#details,[data-room-id="details"]){max-height:calc(100dvh - 230px)}}
@media(prefers-reduced-motion:reduce){.toybox-room *{scroll-behavior:auto}}
/* The same compact overlay skin ships to both browser targets. */
.toybox-room{font-family:Inter,Arial,sans-serif;position:relative;background:#000;color:#f6f7fb;width:100%;height:100dvh;overflow:hidden;box-sizing:border-box;}
.toybox-room .identity{left:32px;top:24px;font-size:20px;letter-spacing:0;max-width:calc(100% - 150px);z-index:2;}
.toybox-room .identity small{font-size:11px;letter-spacing:.08em;}
.toybox-room .room-close{position:absolute;right:24px;top:24px;width:44px;height:44px;padding:10px;background:#0006;z-index:3;}
.toybox-room .reveal{right:80px;z-index:3;}
.toybox-room .hotbar{bottom:0;left:0;transform:none;width:100%;padding:48px 32px 22px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(transparent,#000e 45%);backdrop-filter:none;}
.toybox-room .hotbar-actions{gap:12px;align-items:center;}
.toybox-room .hotbar-actions button{flex:0 0 auto;min-width:48px;min-height:44px;padding:10px;background:transparent;border-radius:6px;}
.toybox-room .hotbar-actions small{display:none;}
.toybox-room .hotbar-actions button:focus-visible small,.toybox-room .hotbar-actions button:hover small{display:block;position:absolute;bottom:100%;left:0;background:#111;padding:6px;border-radius:4px;}
.toybox-room img.glyph,.toybox-room button>img{display:block;width:24px;height:24px;filter:invert(1);}
.toybox-room .playback-row{display:flex;align-items:center;gap:14px;}
.toybox-room .playback-row input{flex:1;min-width:40px;margin:0;padding:0;accent-color:#ed0030;}
.toybox-room .playback-row :is(#roomVolume,[data-room-id="roomVolume"]){flex:0 0 70px;min-width:0;}
.toybox-room .playback-row button{padding:8px;background:transparent;border:0;}
.toybox-room :is(#momentLink,[data-room-id="momentLink"]){font-size:11px;color:white;white-space:nowrap;}
.toybox-room .bar-footer{font-size:11px;color:#bec4d2;}
.toybox-room .details{top:84px;bottom:auto;max-height:calc(100dvh - 270px);}
.toybox-room[data-layout="tv"] .hotbar{width:100%;bottom:0;padding:48px 40px 24px;}
.toybox-room[data-layout="tv"] .hotbar-actions button{min-width:64px;min-height:64px;}
.toybox-room[data-layout="tv"] .hotbar-actions small{display:block;}
.toybox-room[data-layout="touch"] .hotbar{width:100%;}
.toybox-room[data-chrome="hidden"] .identity,.toybox-room[data-chrome="hidden"] .reveal,.toybox-room[data-chrome="hidden"] .room-close{opacity:0;pointer-events:none;}
.toybox-room .identity{padding:8px 12px;background:#0009;border-radius:4px;}
.toybox-room[data-layout="touch"] :is(#helpButton,[data-room-id="helpButton"]){min-width:44px;min-height:44px;padding:0;}
.toybox-player.is-open{padding:0;background:#000;}
.toybox-player .toybox-player__shell{width:100%;height:100%;}
.toybox-player .toybox-room video{max-height:none;height:100%;}
#mediaPlayer .toybox-room{height:min(68dvh,680px);min-height:360px;}
#playerMount .toybox-room{height:min(68dvh,680px);min-height:320px;}
.toybox-room .room-context-link{display:block;margin:0 24px 18px 0;color:#fff;}
@media(max-width:600px){.toybox-room .identity{left:16px;font-size:16px;}.toybox-room .hotbar,.toybox-room[data-layout="tv"] .hotbar{width:100%;bottom:0;padding:40px 14px 16px;}.toybox-room .hotbar-actions{gap:5px;}.toybox-room .bar-footer span:first-child{display:none;}.toybox-room :is(#momentLink,[data-room-id="momentLink"]){font-size:10px;}.toybox-room .room-close{right:12px;}.toybox-room .reveal{right:64px;}.toybox-room[data-layout="touch"] .hotbar-actions button{flex:0 0 auto;min-height:44px;}}