.field-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px;font-size:10px;display:block}#editor-panel{box-sizing:border-box;flex-direction:column;width:240px;min-width:220px;min-height:140px;max-height:calc(100vh - 70px);display:none;bottom:56px;left:14px;overflow:hidden}#editor-panel .panel-body{flex:1;min-height:0;overflow-y:auto}#editor-panel .panel-head{cursor:grab;touch-action:none;flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}#editor-panel .panel-head.active{cursor:grabbing}#editor-panel .panel-head .panel-title{margin:0}#inspector-toggle{background:var(--tile);border:1px solid var(--tile-line);width:30px;height:26px;color:var(--muted);-webkit-tap-highlight-color:transparent;border-radius:7px;flex:none;padding:0;font-size:13px;line-height:1}#inspector-toggle:hover{color:var(--accent);border-color:var(--accent)}#editor-panel.collapsed .panel-body{display:none}#editor-panel.collapsed{min-height:0}#editor-grip{cursor:ne-resize;touch-action:none;border-top-right-radius:12px;width:18px;height:18px;position:absolute;top:0;right:0}#editor-grip:hover,#editor-grip.active{border-top:2px solid var(--accent);border-right:2px solid var(--accent)}#editor-resize-right{cursor:ew-resize;touch-action:none;border-bottom-right-radius:12px;width:8px;position:absolute;top:18px;bottom:0;right:0}#editor-resize-right:hover,#editor-resize-right.active{border-right:2px solid var(--accent)}#editor-panel .fields{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}#editor-panel .fields label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-direction:column;gap:3px;font-size:10px;display:flex}#editor-panel .fields input{cursor:ew-resize;width:100%}#editor-panel .fields input:focus{cursor:text}#editor-panel .fields input.auto{color:var(--muted);font-style:italic}#editor-panel .fields input::-webkit-inner-spin-button{-webkit-appearance:none}#editor-panel .fields input::-webkit-outer-spin-button{-webkit-appearance:none}#editor-panel .mod-sec{border-top:1px solid var(--line);display:none}#editor-panel .mod-sec>summary{cursor:pointer;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);-webkit-tap-highlight-color:transparent;padding:8px 2px;font-size:10px;font-weight:600;list-style:none}#editor-panel .mod-sec>summary::-webkit-details-marker{display:none}#editor-panel .mod-sec>summary:before{content:"▸";margin-right:6px;transition:transform .12s;display:inline-block}#editor-panel .mod-sec[open]>summary:before{transform:rotate(90deg)}#editor-panel .mod-sec>.fields,#editor-panel .mod-sec>.group{margin-bottom:8px}#editor-panel .group{gap:6px;display:flex}#editor-panel .group>*{flex:1}#editor-panel .check-row{color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin-top:8px;font-size:11px;display:none}#editor-panel .prim-row{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin:8px 0;font-size:10px;display:flex}#editor-panel .prim-row>select{flex:1;min-width:0}#editor-panel .prim-row>label{flex:none}#editor-panel .prim-row>input[type=color]{cursor:pointer;flex:none;width:40px;height:26px;padding:0}#editor-panel .prim-row>button{flex:none}#transform-status{background:var(--panel);border:1px solid var(--accent);-webkit-backdrop-filter:blur(12px);white-space:nowrap;border-radius:999px;align-items:baseline;gap:12px;padding:8px 18px;display:none;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}#transform-status .status-label{color:var(--accent);font-size:13px;font-weight:650}#transform-status .status-hint{color:var(--muted);font-size:11px}#spawn-pick-hint{background:var(--panel);border:1px solid var(--accent);color:var(--muted);text-align:center;-webkit-backdrop-filter:blur(12px);z-index:20;border-radius:14px;max-width:min(720px,92vw);padding:8px 18px;font-size:11px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}#transform-status .status-axes{gap:4px;display:none}#transform-status .status-axes button,#transform-status .status-btn{width:30px;height:30px;font-family:var(--mono);background:var(--tile);border:1px solid var(--tile-line);color:var(--text);-webkit-tap-highlight-color:transparent;border-radius:8px;flex:none;padding:0;font-size:13px;line-height:1}#transform-status .status-axes button.active{border-color:var(--accent);color:var(--accent-bright);background:#f6b73c38}#transform-status .status-cancel{color:#ff8a8a;border-color:#ff8a8a66}#transform-status .status-confirm{color:#4fe08a;border-color:#4fe08a66}#transform-status .status-btn{display:none}#transform-status.transforming .status-btn{justify-content:center;align-items:center;display:inline-flex}#select-box{z-index:10;pointer-events:none;border:1px dashed var(--accent);background:#ffd23f1f;display:none;position:fixed}#m-topbar,#m-toolrail,#m-actionbar,.m-sheet{display:none}#m-topbar,#m-toolrail,#m-actionbar{z-index:22;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);background:#0d1017d1;align-items:center;gap:6px;position:fixed;left:0;right:0}#m-topbar button,#m-toolrail button,#m-actionbar button,.m-sheet button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}#m-topbar{padding:6px 8px;padding-top:max(6px, env(safe-area-inset-top));border-bottom:1px solid var(--line);gap:4px;top:0}#m-topbar .m-btn{background:var(--tile);border:1px solid var(--tile-line);width:40px;height:40px;color:var(--text);border-radius:10px;flex:none;font-size:18px}#m-topbar #m-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:0 4px;font-size:14px;font-weight:600;overflow:hidden}#m-topbar .m-primary{border-color:var(--accent);color:#1a1204;background:#f6b73ce6}#m-toolrail{padding:6px;padding-bottom:max(6px, env(safe-area-inset-bottom));border-top:1px solid var(--line);bottom:0}#m-toolrail .m-tool{letter-spacing:.02em;min-width:0;height:52px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10px;display:flex}#m-toolrail .m-tool .m-ico{font-size:19px;line-height:1}#m-toolrail .m-tool.active{border-color:var(--accent);color:var(--accent-bright);background:#f6b73c29}#m-actionbar{bottom:calc(64px + env(safe-area-inset-bottom));scrollbar-width:none;border-top:1px solid var(--line);flex-wrap:nowrap;gap:6px;padding:6px 8px;overflow-x:auto}#m-actionbar::-webkit-scrollbar{display:none}#m-actionbar button{background:var(--tile);border:1px solid var(--tile-line);height:34px;color:var(--text);border-radius:999px;flex:none;padding:0 12px;font-size:12px}#m-actionbar button.active{border-color:var(--accent);color:var(--accent-bright);background:#f6b73c33}#m-actionbar .m-danger{color:#ff8a8a;border-color:#ff8a8a66}.m-sheet{z-index:40;background:#00000080;justify-content:center;align-items:flex-end;position:fixed;inset:0}.m-sheet.open{display:flex}.m-sheet .m-sheet-panel{box-sizing:border-box;background:var(--panel);border:1px solid var(--line);width:100%;max-width:520px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);border-radius:16px 16px 0 0}.m-sheet .m-sheet-title{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px;font-size:11px}.m-sheet .m-sheet-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.m-sheet .m-sheet-grid button{background:var(--tile);border:1px solid var(--tile-line);height:46px;color:var(--text);border-radius:10px;font-size:13px}.m-sheet .m-sheet-grid button.active{border-color:var(--accent);color:var(--accent-bright);background:#f6b73c33}#m-more-sheet .m-admin-only{display:none}body.admin #m-more-sheet .m-admin-only{display:block}.m-sheet .m-sheet-close{border:1px solid var(--line);width:100%;height:44px;color:var(--muted);background:0 0;border-radius:10px;margin-top:12px;font-size:14px}@media (pointer:coarse){body.edit-mode:not(.drive):not(.screen-open):not(.capturing):not(.ctx-race):not(.ctx-watch):not(.spawn-pick) #m-topbar,body.edit-mode:not(.drive):not(.screen-open):not(.capturing):not(.ctx-race):not(.ctx-watch):not(.spawn-pick) #m-toolrail,body.edit-mode.has-selection:not(.drive):not(.screen-open):not(.capturing):not(.ctx-race):not(.ctx-watch):not(.spawn-pick) #m-actionbar{display:flex}body.drive :is(#m-topbar,#m-toolrail,#m-actionbar,.m-sheet),body.ctx-race :is(#m-topbar,#m-toolrail,#m-actionbar,.m-sheet),body.ctx-watch :is(#m-topbar,#m-toolrail,#m-actionbar,.m-sheet),body.screen-open :is(#m-topbar,#m-toolrail,#m-actionbar,.m-sheet),body.capturing :is(#m-topbar,#m-toolrail,#m-actionbar,.m-sheet),body.spawn-pick :is(#m-topbar,#m-toolrail,#m-actionbar,.m-sheet),body.edit-mode:not(.screen-open):not(.capturing) #hud,body.edit-mode:not(.drive):not(.screen-open):not(.capturing):not(.ctx-race):not(.ctx-watch):not(.spawn-pick) #feedback-btn{display:none!important}body.edit-mode:has(#transform-status.transforming) #editor-panel{display:none!important}body.drive #hotbar,body.drive #editor-panel,body.drive #env-panel,body.drive #tuning-panel,body.drive #tuning-tip,body.drive #generate-panel,body.drive #transform-status,body.drive #validation-banner{display:none!important}body.edit-mode #editor-panel{border-radius:14px;min-width:0;max-height:40vh;width:auto!important;top:auto!important;left:8px!important;right:8px!important;bottom:calc(108px + env(safe-area-inset-bottom))!important}body.edit-mode #editor-grip,body.edit-mode #editor-resize-right{display:none}body.edit-mode #editor-panel .panel-head{cursor:default;padding:4px 2px}body.edit-mode #inspector-toggle{width:40px;height:32px;font-size:15px}body.edit-mode #editor-panel .mod-sec>summary{padding:11px 2px}body.edit-mode #editor-panel .fields input,body.edit-mode #editor-panel .mod-sec input{padding:8px;font-size:13px}body.edit-mode #editor-panel .group button,body.edit-mode #role-params button{min-height:38px}body.edit-mode #env-panel,body.edit-mode #tuning-panel,body.edit-mode #generate-panel{border-radius:14px;width:auto!important;top:auto!important;left:8px!important;right:8px!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;max-height:62vh!important}body.edit-mode #generate-panel .gen-header{cursor:default}body.edit-mode #generate-panel .gen-close{width:34px;height:34px;font-size:18px}body.edit-mode #generate-panel .gen-row{grid-template-columns:26px 1fr 96px 62px;padding:5px 0}body.edit-mode #generate-panel .gen-toggle{grid-template-columns:26px 1fr}body.edit-mode #generate-panel .gen-toggle label{min-height:34px}body.edit-mode #generate-panel .gen-row input[type=range]{height:30px}body.edit-mode #generate-panel .gen-row input[type=number]{padding:6px 4px;font-size:13px}body.edit-mode #generate-panel .gen-row input[type=checkbox],body.edit-mode #generate-panel .gen-rand{width:20px;height:20px}body.edit-mode #generate-panel .gen-presets select,body.edit-mode #generate-panel .gen-presets button{min-height:40px;font-size:13px}body.edit-mode #generate-panel .gen-actions{padding-left:0}body.edit-mode #generate-panel .gen-choice{min-height:60px;padding:14px}body.edit-mode #generate-panel .gen-choice-title{font-size:15px}body.edit-mode #generate-panel .gen-choice-sub{font-size:12px}body.edit-mode #generate-panel .gen-actions button{min-height:42px;font-size:13px}body.edit-mode #generate-panel .gen-footer{flex-wrap:wrap}body.edit-mode #generate-panel .gen-footer button{min-height:42px;padding:0 14px;font-size:13px}body.edit-mode #transform-status{bottom:calc(124px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 24px)}body.edit-mode:not(.screen-open) #toast-root{bottom:130px}}#env-panel{box-sizing:border-box;flex-direction:column;width:264px;min-width:220px;min-height:140px;max-height:calc(100vh - 28px);font-size:12px;display:none;top:14px;right:260px;overflow:hidden}#env-panel .env-head{cursor:grab;touch-action:none;flex:none;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}#env-panel .env-head.active{cursor:grabbing}#env-panel .env-head button{flex:none;padding:3px 9px;font-size:12px}#env-panel .env-head-actions{gap:5px;display:flex}#env-header-row{flex:none;align-items:center;gap:6px;margin-bottom:8px;display:flex}#env-header-row #env-theme{flex:1;min-width:0;font-size:11px}#env-header-row label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}#env-header-row #env-seed{width:60px;font-size:11px}#env-header-row #env-randomize{flex:none;padding:4px 7px}#env-templates{flex:none;gap:6px;margin-bottom:8px;display:flex}#env-templates select{flex:1;min-width:0;font-size:11px}#env-templates button{flex:none;padding:4px 7px;font-size:11px}#env-actions{flex:none;gap:6px;margin-bottom:8px;display:flex}#env-actions button{flex:1}#env-fields{flex:1;min-height:0;margin:-4px;padding:4px;overflow-y:auto}#env-fields details{border-top:1px solid var(--line)}#env-fields summary{cursor:pointer;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:7px 2px;font-size:10px;font-weight:600;list-style:none}#env-fields summary:before{content:"▸";margin-right:6px;transition:transform .12s;display:inline-block}#env-fields details[open] summary:before{transform:rotate(90deg)}#env-fields .tuning-row{align-items:center;gap:5px;padding:2px 0 6px;display:flex}#env-fields .tuning-row label{text-overflow:ellipsis;min-width:0;color:var(--muted);font-size:11px;font-family:var(--mono);flex:1;overflow:hidden}#env-fields input.scrub{box-sizing:border-box;border:1px solid var(--line);width:72px;color:var(--text);font-family:var(--mono);text-align:right;cursor:ew-resize;-webkit-user-select:text;user-select:text;background:#ffffff0d;border-radius:6px;flex:none;padding:4px 6px;font-size:11px}#env-fields input.scrub:focus{cursor:text}#env-fields input[type=color]{box-sizing:border-box;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;flex:none;width:72px;height:24px;padding:0}#env-fields input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:var(--accent);flex:none;margin:0}#env-fields input:disabled,#env-fields select:disabled{opacity:.5;cursor:not-allowed}#hotbar{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:none;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}#hotbar>*{pointer-events:auto;position:static}.hotbar-row{align-items:center;gap:6px;padding:6px 8px;display:none}.hotbar-row.open{display:flex}.hotbar-main{align-items:center;gap:8px;padding:7px 10px;display:flex}.hotbar-sep{background:var(--line);align-self:stretch;width:1px}.hotbar-slots{gap:4px;display:flex}.hotbar-slot{gap:5px}.hotbar-slot[hidden]{display:none}.hotbar-slot.open{border-color:var(--accent);color:var(--accent-bright)}.hotbar-icon{width:32px;font-size:15px}.hotbar-icon:disabled{opacity:.35;cursor:default}.hotbar-icon:disabled:hover{border-color:var(--line);background:#ffffff0d}.hotbar-main button.gated,#m-more-sheet .m-sheet-grid button.gated{opacity:.4;cursor:default}.hotbar-save{color:var(--muted);font-size:11px;font-family:var(--mono)}.hotbar-save[data-state=error]{color:#ff8a8a}.hotbar-save[data-state=saved]{color:var(--green)}.hotbar-axes-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-right:2px;font-size:10px;font-weight:600}.hotbar-axis{min-width:52px;color:var(--axis);border-color:color-mix(in srgb, var(--axis) 55%, transparent)}.hotbar-axis.active{background:var(--axis);border-color:var(--axis);color:#0b0d12;font-weight:700}.hotbar-axis.active kbd{color:inherit;background:#0000002e;border-color:#00000040}.hotbar-newspline{padding:7px 14px;font-weight:600}.hotbar-select{position:relative}#hotbar-mods{box-sizing:border-box;z-index:1;width:232px;display:none;position:absolute;bottom:calc(100% + 8px);right:0}#hotbar-mods.open{display:block}.mods-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.mods-grid button[hidden]{display:none}.hb-menu{box-sizing:border-box;z-index:21;flex-direction:column;gap:4px;min-width:190px;padding:8px;display:none;position:fixed}.hb-menu.open{display:flex}.hb-menu-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:0 2px 2px;font-size:10px;font-weight:600}.hb-menu button.active{border-color:var(--accent);color:var(--accent-bright)}.hb-menu button.hb-menu-sub{margin-left:10px}.hb-menu button:disabled{opacity:.4;cursor:default}@media (pointer:fine){body.edit-mode:not(.drive):not(.screen-open):not(.capturing):not(.ctx-race):not(.ctx-watch):not(.spawn-pick) #hotbar{display:flex}}@media (pointer:coarse){#hotbar{display:none!important}}body.drive #hotbar,body.screen-open #hotbar,body.capturing #hotbar,body.ctx-race #hotbar,body.ctx-watch #hotbar,body.spawn-pick #hotbar,body.drive #hotbar-mods,body.screen-open #hotbar-mods,body.capturing #hotbar-mods,body.drive .hb-menu,body.screen-open .hb-menu,body.capturing .hb-menu{display:none!important}#env-fields select{flex:none;width:84px;font-size:11px}#generate-panel{box-sizing:border-box;z-index:30;flex-direction:column;width:324px;max-height:calc(100vh - 140px);font-size:12px;display:none;position:fixed;top:64px;right:16px;overflow:hidden}#generate-panel.open{display:flex}#generate-panel .gen-header{cursor:grab;touch-action:none;flex:none;justify-content:space-between;align-items:center;padding:8px 10px;font-weight:600;display:flex}#generate-panel .gen-header.active{cursor:grabbing}#generate-panel .gen-close{background:var(--tile);border:1px solid var(--tile-line);width:26px;height:26px;color:var(--muted);border-radius:7px;flex:none;padding:0;font-size:15px;line-height:1}#generate-panel .gen-close:hover{color:var(--accent);border-color:var(--accent)}#generate-panel .gen-body{flex:1;min-height:0;padding:4px 10px;overflow-y:auto}#generate-panel .gen-chooser{flex-direction:column;gap:8px;padding:8px 0;display:flex}#generate-panel .gen-choice{text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:12px;display:flex}#generate-panel .gen-choice-title{font-size:13px;font-weight:600}#generate-panel .gen-choice-sub{color:var(--muted);font-size:11px;line-height:1.35}#generate-panel .gen-back{font-size:17px}#generate-panel .gen-row{color:var(--muted);font-size:12px;font-family:var(--mono);grid-template-columns:16px 1fr 100px 66px;align-items:center;gap:8px;padding:3px 0;display:grid}#generate-panel .gen-toggle{color:var(--text);grid-template-columns:16px 1fr;font-family:inherit}#generate-panel .gen-toggle label{align-items:center;gap:8px;display:flex}#generate-panel .gen-rand{opacity:.45;margin:0}#generate-panel .gen-rand:checked{opacity:1;accent-color:var(--accent)}#generate-panel .gen-wide>:last-child{grid-column:3/-1;width:100%;min-width:0}#generate-panel .gen-actions{gap:8px;padding:3px 0 3px 24px;display:flex}#generate-panel .gen-actions button{flex:1;min-width:0}#generate-panel .gen-presets{gap:6px;padding:3px 0;display:flex}#generate-panel .gen-presets select{flex:1;min-width:0;font-size:11px}#generate-panel .gen-presets button{flex:none;padding:4px 7px;font-size:11px}#generate-panel .gen-sep{border-top:1px solid var(--line);margin:6px 0}#generate-panel .gen-value{text-align:right;opacity:.8;width:100%;min-width:0;color:inherit;font:inherit;border:1px solid var(--line);background:0 0;border-radius:3px;padding:1px 3px}#generate-panel .gen-footer{border-top:1px solid var(--line);flex:none;justify-content:flex-end;gap:8px;padding:8px 10px;display:flex}body.drive #generate-panel{display:none!important}body.cinematic{background:var(--cin-letterbox,#000)}body.cinematic canvas{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}body.cinematic #hud,body.cinematic #lap-timer,body.cinematic #cp-feedback,body.cinematic #practice-badge,body.cinematic #beta-indicator,body.cinematic #beta-toggle,body.cinematic #feedback-btn,body.cinematic #touch-controls,body.cinematic #toolbar,body.cinematic #hotbar,body.cinematic #m-topbar,body.cinematic #m-toolrail,body.cinematic #m-actionbar,body.cinematic .m-sheet,body.cinematic #map-state,body.cinematic #toast-root,body.cinematic #modal-root,body.cinematic .panel{display:none!important}#cinematic-root{--cin-letterbox:#000;--cin-drawer-w:320px;pointer-events:none;z-index:60;color:#e8edf2;font:12px/1.4 system-ui,sans-serif;position:fixed;inset:0}#cinematic-root .cin-safe{width:var(--cin-frame-w,100%);height:var(--cin-frame-h,100%);display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#cinematic-root .cin-safe.on{display:block}#cinematic-root .cin-safe:before,#cinematic-root .cin-safe:after{content:"";border:1px dashed #ffffff59;position:absolute;inset:5%}#cinematic-root .cin-safe:after{border-style:solid;border-color:#ffffff2e;inset:10%}#cinematic-root .cin-transport{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#0a0e14b8;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:10px;min-width:min(560px,80vw);padding:8px 14px;transition:opacity .35s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#cinematic-root.playing .cin-transport{opacity:0}#cinematic-root.playing .cin-transport:hover{opacity:1}#cinematic-root .cin-transport button{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:6px;width:30px;height:26px}#cinematic-root .cin-transport button:hover{border-color:var(--accent,#5cc8ff);color:var(--accent,#5cc8ff)}#cinematic-root .cin-scrub{flex:1}#cinematic-root .cin-time{font-variant-numeric:tabular-nums;opacity:.75;white-space:nowrap}#cinematic-root .cin-transport button.cin-record{color:#ff6b6b;font-variant-numeric:tabular-nums;white-space:nowrap;border-color:#ff6b6b80;width:auto;padding:0 10px}#cinematic-root .cin-transport button.cin-record:hover{color:#ff9d9d;border-color:#ff6b6b}#cinematic-root .cin-recording{display:none}#cinematic-root.recording .cin-recording{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;font-variant-numeric:tabular-nums;background:#0a0e14e0;border:1px solid #ff6b6b73;border-radius:10px;align-items:center;gap:12px;padding:10px 16px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#cinematic-root.recording .cin-transport,#cinematic-root.recording .cin-drawer,#cinematic-root.recording .cin-drawer-toggle{display:none}#cinematic-root.rec-blocked .cin-recording{border-color:#ffc8508c}#cinematic-root .cin-rec-cancel{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:6px;padding:3px 10px}#cinematic-root .cin-rec-cancel:hover{color:#ff6b6b;border-color:#ff6b6b}#cinematic-root.drawer-open .cin-drawer-toggle{right:calc(var(--cin-drawer-w) + 14px)}#cinematic-root .cin-drawer-toggle{width:26px;height:26px;color:inherit;cursor:pointer;pointer-events:auto;z-index:1;background:#0a0e14b8;border:1px solid #ffffff26;border-radius:6px;position:absolute;top:14px;right:14px}#cinematic-root .cin-drawer{width:var(--cin-drawer-w);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#0a0e14e0;border-left:1px solid #ffffff1a;flex-direction:column;max-height:100vh;transition:transform .22s;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}#cinematic-root.drawer-open .cin-drawer{transform:none}#cinematic-root .cin-drawer-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:600;display:flex}#cinematic-root .cin-exit{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:6px;width:24px;height:22px}#cinematic-root .cin-preset-row{border-bottom:1px solid #ffffff14;gap:6px;padding:8px 12px;display:flex}#cinematic-root .cin-preset-row select{flex:1;min-width:0}#cinematic-root .cin-preset-row button{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:5px;padding:2px 7px;font-size:11px}#cinematic-root .cin-fields{flex:1;min-height:0;padding:4px 0 14px;overflow-y:auto}#cinematic-root .cin-group>summary{cursor:pointer;opacity:.85;-webkit-user-select:none;user-select:none;padding:6px 12px;font-weight:600}#cinematic-root .cin-group-body{padding:2px 12px 8px}#cinematic-root .cin-row{grid-template-columns:1fr 90px 56px;align-items:center;gap:6px;padding:2px 0;display:grid}#cinematic-root .cin-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#cinematic-root .cin-row select,#cinematic-root .cin-row input[type=color]{grid-column:2/span 2}#cinematic-root .cin-toggle{grid-template-columns:auto 1fr}#cinematic-root .cin-value{width:100%;color:inherit;background:#ffffff0f;border:1px solid #ffffff24;border-radius:4px;padding:1px 4px;font-size:11px}@media (pointer:coarse){#cinematic-root.playing .cin-transport{opacity:1}#cinematic-root .cin-transport{left:8px;right:8px;bottom:calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px 10px;min-width:0;transform:none}#cinematic-root .cin-scrub{flex:1 0 100%;order:1;height:30px}#cinematic-root .cin-transport button{width:44px;height:36px;font-size:14px}#cinematic-root .cin-transport button.cin-record{width:auto;padding:0 14px}#cinematic-root.recording .cin-recording{left:8px;right:8px;bottom:calc(10px + env(safe-area-inset-bottom));justify-content:space-between;transform:none}#cinematic-root .cin-rec-cancel{min-height:36px;padding:0 14px}#cinematic-root .cin-drawer-toggle{top:calc(10px + env(safe-area-inset-top));width:40px;height:40px;font-size:18px;right:10px}#cinematic-root{--cin-drawer-w:min(320px, 84vw)}#cinematic-root .cin-drawer{padding-top:env(safe-area-inset-top)}#cinematic-root .cin-fields{padding-bottom:calc(116px + env(safe-area-inset-bottom))}#cinematic-root .cin-exit{width:36px;height:32px;font-size:16px}#cinematic-root .cin-preset-row button{min-height:34px;padding:0 9px}#cinematic-root .cin-row{grid-template-columns:1fr 72px 52px;padding:4px 0}#cinematic-root .cin-row input[type=range]{height:30px}#cinematic-root .cin-value{padding:5px 4px;font-size:12px}#cinematic-root .cin-group>summary{padding:11px 12px}}