.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:not(.tuning-sheet),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{opacity:.4;cursor:default}.hotbar-main button.validated{color:var(--green);border-color:var(--green);font-variant-numeric:tabular-nums}#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}body:not(.v14-preview) .v14-only,body.v14-preview .v14-legacy{display:none!important}.surface-grid{grid-template-columns:repeat(4,1fr);gap:4px;margin:4px 0 8px;display:grid}.surface-btn{flex-direction:column;align-items:center;gap:3px;padding:5px 2px;font-size:11px;display:flex}.surface-btn:before{content:"";background:var(--swatch);border-radius:2px;width:18px;height:8px;box-shadow:inset 0 0 0 1px #00000059}.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}.hb-menu button[hidden]{display:none}@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}#btn-grid-mode{z-index:20;border:1px solid var(--line);background:var(--panel);color:inherit;font:inherit;cursor:pointer;border-radius:10px;padding:8px 14px;display:none;position:fixed;bottom:14px;left:14px}@media (pointer:fine){body.edit-mode:not(.drive):not(.screen-open):not(.capturing):not(.ctx-race):not(.ctx-watch):not(.spawn-pick) #btn-grid-mode{display:block}}@media (pointer:coarse){#btn-grid-mode{display:none!important}}body.grid-mode #btn-grid-mode{border-color:#6cf}#block-bar{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:none;position:fixed;bottom:14px;left:0;right:0}#block-bar>*{pointer-events:auto;position:static}@media (pointer:fine){body.grid-mode.edit-mode:not(.drive):not(.screen-open):not(.capturing):not(.ctx-race):not(.ctx-watch):not(.spawn-pick) #block-bar{display:flex}}@media (pointer:coarse){#block-bar{display:none!important}}body.drive #block-bar,body.screen-open #block-bar,body.capturing #block-bar,body.ctx-race #block-bar,body.ctx-watch #block-bar,body.spawn-pick #block-bar,body.grid-mode #hotbar,body.grid-mode #hotbar-mods,body.grid-mode .hb-menu{display:none!important}.bb-nav{flex-direction:column;gap:4px;padding:6px 8px;display:flex}.bb-folders,.bb-pages{align-items:center;gap:4px;display:flex}.bb-folder,.bb-page{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:5px 12px;font-size:12px}.bb-folder{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.bb-page{align-items:center;gap:6px;display:inline-flex}.bb-folder:hover,.bb-page:hover{color:var(--text);background:#ffffff0d}.bb-folder.active{color:var(--accent-bright);border-color:var(--accent);background:#f6b73c14}.bb-page.active{color:var(--text);background:var(--tile);border-color:var(--tile-line)}.bb-page kbd,.bb-slot kbd,.bb-level kbd{font-family:var(--mono);font-size:10px}.bb-main{align-items:center;gap:8px;padding:7px 10px;display:flex;position:relative}.bb-slots{gap:4px;display:flex}.bb-slot{border:1px solid var(--line);width:58px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:9px;flex-direction:column;align-items:center;gap:2px;padding:4px 3px 3px;display:inline-flex;position:relative}.bb-slot[hidden]{display:none}.bb-slot:hover{border-color:var(--tile-line);background:#ffffff14}.bb-slot.active{border-color:var(--accent);color:var(--accent-bright);background:#f6b73c1f}.bb-slot.active kbd{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.bb-slot kbd{padding:0 4px;line-height:14px;position:absolute;top:3px;left:3px}.bb-icon-box{width:48px;height:48px;margin-top:2px;display:block}.bb-icon{width:48px;height:48px;display:block;position:relative}.bb-icon-pic{width:48px;height:48px;display:block}.bb-icon-missing{background:repeating-linear-gradient(135deg,#ffffff0f 0 4px,#0000 4px 8px);border-radius:6px}.bb-badge{line-height:12px;font-family:var(--mono);color:var(--accent-ink);background:var(--accent);pointer-events:none;border-radius:4px;padding:0 3px;font-size:9px;font-weight:700;position:absolute;bottom:0;right:0}.bb-badge[hidden]{display:none}.bb-badge.flipped{background:#6fb7ff}.bb-glyph{pointer-events:none;background:#0d1017b8;border-radius:3px;width:18px;height:12px;padding:1px 2px;position:absolute;top:0;right:0}.bb-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;line-height:1.1;display:none;overflow:hidden}#block-bar.bb-labels .bb-label{display:block}.bb-dressing{gap:4px;display:flex}.bb-dress{border:1px solid var(--line);width:34px;color:var(--muted);cursor:pointer;font:inherit;background:#ffffff0a;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:5px 0 3px;display:inline-flex}.bb-dress:hover{border-color:var(--tile-line)}.bb-dress.active{border-color:var(--accent);color:var(--accent-bright);background:#f6b73c1f}.bb-dress-side{font-family:var(--mono);font-size:10px;font-weight:700}.bb-dress-glyph{border-radius:2px;width:18px;height:12px;display:block}.bb-kerbl .bb-dress-glyph,.bb-kerbr .bb-dress-glyph{opacity:.55;background:repeating-linear-gradient(90deg,#d8352f 0 4.5px,#f2f2f2 4.5px 9px)}.bb-walll .bb-dress-glyph,.bb-wallr .bb-dress-glyph{opacity:.55;box-sizing:border-box;background:#8e949f;border-top:2px solid #cfd4dc}.bb-tunnel .bb-dress-glyph{opacity:.55;box-sizing:border-box;background:#3a2f6b;border-top:2px solid #8b7fd6}.bb-dress.active .bb-dress-glyph{opacity:1}.bb-dress:disabled{opacity:.35;cursor:not-allowed}.bb-surface .bb-dress-glyph{background:var(--swatch);opacity:.55;box-shadow:inset 0 0 0 1px #00000059}.bb-surface .bb-dress-side{text-transform:uppercase;font-size:9px}.bb-dress:disabled:hover{border-color:var(--line)}.bb-level{color:var(--muted);align-items:center;gap:6px;padding:0 2px;font-size:12px;display:inline-flex}.bb-level-tag{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.bb-level-num{text-align:center;min-width:2ch;font-family:var(--mono);color:var(--text);font-size:14px;font-weight:700}.bb-rot{color:var(--muted);border-radius:8px;align-items:center;gap:5px;padding:5px 8px;display:inline-flex}.bb-rot-glyph{font-size:15px;line-height:1;transition:transform .12s;display:inline-block}.bb-rot kbd{font-family:var(--mono);font-size:10px}.bb-armed{max-width:140px;color:var(--accent-bright);text-overflow:ellipsis;white-space:nowrap;align-items:center;padding:0 2px;font-size:12px;display:inline-flex;overflow:hidden}.bb-armed[hidden]{display:none}.bb-items{color:var(--muted);border-radius:8px;align-items:center;gap:6px;max-width:140px;padding:5px 10px;display:inline-flex}.bb-items-glyph{opacity:.55;background:currentColor;border-radius:2px;width:10px;height:10px;display:inline-block}.bb-items-label{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.bb-items[hidden]{display:none}.bb-set-icon{background:#ffffff0d;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.bb-set-glyph{font-family:var(--mono);color:var(--text);letter-spacing:.02em;font-size:15px;font-weight:700}.bb-set-count{color:var(--muted);font-size:9px}.bb-slot.active .bb-set-icon{background:#f6b73c1f}.bb-slot.active .bb-set-count{color:var(--accent-bright)}.bb-gear{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.bb-gear-glyph{border:3px dotted var(--muted);box-sizing:border-box;border-radius:50%;width:14px;height:14px;display:block}.bb-gear:hover .bb-gear-glyph{border-color:var(--text)}.bb-options{box-sizing:border-box;z-index:1;flex-direction:column;gap:8px;width:232px;padding:10px;display:none;position:absolute;bottom:calc(100% + 8px);right:0}.bb-options.open{display:flex}.bb-opt-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.bb-opt-title{color:var(--muted);font-size:11px}.bb-seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.bb-seg button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:4px 10px;font-size:11px}.bb-seg button+button{border-left:1px solid var(--line)}.bb-seg button.active{background:var(--accent);color:var(--accent-ink);font-weight:600}#block-bar.bb-side .bb-nav{flex-direction:row;align-items:flex-start;gap:6px;position:fixed;top:50%;left:14px;transform:translateY(-50%)}#block-bar.bb-side .bb-folders,#block-bar.bb-side .bb-pages{flex-direction:column;align-items:stretch}#block-bar.bb-side .bb-folder,#block-bar.bb-side .bb-page{text-align:left}#block-bar.bb-side .bb-pages{border-left:1px solid var(--line);padding-left:6px}#env-fields select{flex:none;width:84px;font-size:11px}.ip-popover{box-sizing:border-box;z-index:22;flex-direction:column;gap:8px;width:min(520px,100vw - 32px);max-height:min(56vh,460px);padding:10px;display:none;position:fixed;left:50%;transform:translate(-50%)}.ip-popover.open{display:flex}.ip-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ip-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.ip-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}.ip-close:hover{color:var(--accent);border-color:var(--accent)}.ip-controls{gap:6px;display:flex}.ip-search{flex:1;min-width:0}.ip-sort{flex:none;width:150px;font-size:11px}.ip-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;min-height:0;padding:2px;display:grid;overflow-y:auto}.ip-tile{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}.ip-tile:hover{border-color:var(--tile-line);background:#ffffff14}.ip-tile.active{border-color:var(--accent);color:var(--accent-bright);background:#f6b73c1f}.ip-tile.loading{opacity:.5;cursor:wait}.ip-thumb{object-fit:contain;background:var(--tile);border-radius:6px;width:72px;height:72px;display:block}.ip-thumb-placeholder{background:repeating-linear-gradient(135deg,#ffffff0f 0 4px,#0000 4px 8px)}.ip-tile-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;line-height:1.2;overflow:hidden}.ip-empty{color:var(--muted);text-align:center;padding:12px 0;font-size:11px}.ip-empty[hidden]{display:none}#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}#editor-panel .item-color-row{color:var(--text);margin:6px 0;font-size:11px}#editor-panel .item-color-label{align-items:baseline;gap:6px;display:flex;overflow:hidden}#editor-panel .item-color-label>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}#editor-panel .item-color-label>small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex:none;font-size:9px}#editor-panel .item-color-controls{align-items:center;gap:6px;margin-top:3px;display:flex}#editor-panel .item-color-controls>select.item-finish-select{flex:none;width:76px;padding:2px 4px;font-size:10px}#editor-panel .item-color-controls>button{flex:none;padding:0 6px;font-size:10px}#editor-panel .item-colors-head{justify-content:space-between}#editor-panel .item-meta{color:var(--muted);margin:6px 0 2px;font-size:10px;line-height:1.4}#editor-panel .item-defaults-row{gap:6px}#editor-panel .item-defaults-row>button{flex:1;padding:4px 6px;font-size:10px}.color-chip{cursor:pointer;border:1px solid var(--line);background:linear-gradient(var(--swatch,#9a9a98), var(--swatch,#9a9a98));border-radius:4px;flex:none;width:34px;height:22px;padding:0}.color-popover{box-sizing:border-box;z-index:22;flex-direction:column;gap:6px;width:176px;padding:8px;display:none;position:fixed}.color-popover.open{display:flex}.color-swatch-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.color-swatch-item{position:relative}.color-swatch{aspect-ratio:1;cursor:pointer;border:1px solid var(--line);background:linear-gradient(var(--swatch), var(--swatch));border-radius:3px;width:100%;padding:0}.color-swatch-remove{border:1px solid var(--line);background:var(--panel);width:14px;height:14px;color:var(--text);opacity:0;cursor:pointer;border-radius:50%;padding:0;font-size:9px;line-height:1;transition:opacity .1s;position:absolute;top:-4px;right:-4px}.color-swatch-item:hover .color-swatch-remove,.color-swatch-remove:focus-visible{opacity:1}.color-popover-row{align-items:center;gap:6px;display:flex}.color-popover-row input[type=color]{cursor:pointer;flex:1;height:24px;padding:0}.color-swatch-save{flex:none;width:24px;height:24px;padding:0;font-size:14px;line-height:1}#items-panel{box-sizing:border-box;z-index:21;flex-direction:column;gap:8px;width:340px;max-height:min(70vh,640px);padding:10px;display:none;position:fixed;bottom:96px;right:16px}#items-panel.open{display:flex}#items-panel .items-head{justify-content:space-between;align-items:center;gap:8px;display:flex}#items-panel .items-head .hb-menu-title{padding:0}#items-panel .items-row{align-items:center;gap:6px;display:flex}#items-panel .items-row input[type=text]{flex:1;min-width:0}#items-panel .items-browse{width:100%}#items-panel .items-hint{color:var(--muted);font-size:10px;line-height:1.4}#items-panel .items-sort{flex:none;width:128px;font-size:11px}#items-panel .items-list{flex-direction:column;gap:6px;min-height:0;display:flex;overflow-y:auto}#items-panel .items-set{border:1px solid var(--line);border-radius:8px;padding:4px 6px}#items-panel .items-set summary{color:var(--text);cursor:pointer;list-style:revert;justify-content:space-between;align-items:center;gap:8px;padding:3px 2px;font-size:11px;font-weight:600;display:flex}#items-panel .items-set-count{color:var(--muted);font-weight:400;font-family:var(--mono);font-size:10px}#items-panel .items-set button:not(.items-set-remove){text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-top:4px;display:flex}#items-panel .items-set button small{color:var(--muted);letter-spacing:.04em;font-size:9px}#items-panel .items-set button.active{border-color:var(--accent);color:var(--accent-bright)}#items-panel .items-status{color:var(--muted);min-height:1.2em;font-size:10px}#items-panel .items-status.error{color:#ff8a80}#items-panel .items-set-remove{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:5px;flex:none;margin-left:auto;padding:2px 6px;font-size:9px}#items-panel .items-set-remove:hover{color:#ff8a80;border-color:#ff8a80}#items-panel .items-other-sets{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:2px;padding-top:8px;display:flex}#items-panel .items-other-sets:empty{border:none;margin:0;padding:0;display:none}#items-panel .items-other-sets-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}#items-panel .items-other-set-row{align-items:center;gap:8px;font-size:11px;display:flex}#items-panel .items-other-set-row .items-set-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}#items-panel .items-set-add{flex:none;padding:3px 8px;font-size:10px}#items-panel .items-set-add:disabled{opacity:.5}body.drive #items-panel,body.screen-open #items-panel,body.capturing #items-panel{display:none!important}#item-browser{box-sizing:border-box;z-index:22;flex-direction:column;gap:8px;width:min(680px,100vw - 32px);max-height:min(82vh,760px);padding:12px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#item-browser.open{display:flex}#item-browser .ix-head{justify-content:space-between;align-items:center;gap:8px;display:flex}#item-browser .ix-head .hb-menu-title{padding:0}#item-browser .ix-tabs{flex:none;gap:6px;display:flex}#item-browser .ix-tabs button{flex:1}#item-browser .ix-disclaimer{color:var(--muted);flex:none;font-size:10px;line-height:1.4}#item-browser .ix-set-items-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:4px;font-size:10px;font-weight:700}#item-browser .ix-view-grid,#item-browser .ix-view-detail{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}#item-browser .ix-view-grid[hidden],#item-browser .ix-view-detail[hidden]{display:none}#item-browser .ix-search-row{flex-wrap:wrap;flex:none;gap:6px;display:flex}#item-browser .ix-search-row input[type=search]{flex:2;min-width:120px}#item-browser .ix-search-row input[type=text],#item-browser .ix-search-row select{flex:1;min-width:90px}#item-browser .ix-chips{flex-wrap:wrap;flex:none;gap:6px;display:flex}#item-browser .ix-chip{color:var(--accent-bright);border-color:var(--accent-dim);padding:4px 8px;font-size:10px}#item-browser .ix-grid-wrap{flex:1;min-height:0;overflow-y:auto}#item-browser .ix-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-content:start;gap:8px;display:grid}#item-browser .ix-card{text-align:left;flex-direction:column;gap:4px;padding:6px;display:flex;position:relative}#item-browser .ix-card-img,#item-browser .ix-detail-img{aspect-ratio:1;background:var(--tile);border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}#item-browser .ix-detail-img{aspect-ratio:16/10;max-height:220px}#item-browser .ix-card-img img,#item-browser .ix-detail-img img{object-fit:contain;width:100%;height:100%}#item-browser .ix-img-empty:after{content:"?";color:var(--muted);font-size:24px}#item-browser .ix-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}#item-browser .ix-card-meta{color:var(--muted);flex-wrap:wrap;gap:4px 8px;font-size:9px;display:flex}#item-browser .ix-card-imported{background:var(--accent);color:var(--accent-ink);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:700;position:absolute;top:4px;right:4px}#item-browser .ix-pager{color:var(--muted);flex:none;justify-content:center;align-items:center;gap:10px;font-size:10px;display:flex}#item-browser .ix-hint{text-align:center;color:var(--muted);grid-column:1/-1;padding:20px 0;font-size:11px}#item-browser .ix-hint.ix-error{color:#ff8a80;flex-direction:column;align-items:center;gap:8px;display:flex}#item-browser .ix-detail-body{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}#item-browser .ix-detail-name{font-size:15px;font-weight:700}#item-browser .ix-detail-by,#item-browser .ix-detail-set{color:var(--muted);font-size:11px}#item-browser .ix-link{color:var(--accent);font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}#item-browser .ix-detail-facts{color:var(--muted);font-size:10px}#item-browser .ix-detail-tags{flex-wrap:wrap;gap:4px;display:flex}#item-browser .ix-tag-chip{padding:3px 7px;font-size:9px}#item-browser .ix-detail-desc{color:var(--text);white-space:pre-wrap;font-size:11px;line-height:1.4}#item-browser .ix-detail-status{color:var(--muted);min-height:1.2em;font-size:10px}#item-browser .ix-detail-status.error{color:#ff8a80}#item-browser .ix-import-btn{width:100%}#item-browser .ix-set-import-row{gap:6px;display:flex}#item-browser .ix-set-import-row .ix-import-btn{flex:1;width:auto}#item-browser .ix-set-import-summary{color:var(--text);flex-direction:column;gap:4px;font-size:11px;display:flex}#item-browser .ix-set-import-skips{color:var(--muted);font-size:10px}#item-browser .ix-set-import-skips summary{cursor:pointer;color:var(--accent)}#item-browser .ix-set-import-skips ul{max-height:120px;margin:4px 0 0;padding-left:16px;overflow-y:auto}body.drive #item-browser,body.screen-open #item-browser,body.capturing #item-browser{display:none!important}kbd.sr-pg{box-sizing:border-box;min-width:2em;height:2em;color:inherit;font:700 10px/1 var(--mono,monospace);white-space:nowrap;background:#ffffff0f;border:1px solid;border-radius:50%;place-items:center;padding:0;display:inline-grid}kbd.sr-pg--wide{border-radius:6px;min-width:0;padding:0 .6em}kbd.sr-pg svg{display:block}kbd.sr-kc--unbound{opacity:.75;text-transform:none;border-style:dashed;font-style:italic}body.showroom kbd.sr-pg{border:1.5px solid var(--c-fg-55);background:var(--ink-black);min-width:25px;height:25px;color:var(--c-fg);font:700 12px/1 var(--f-console)}body.showroom kbd.sr-pg--wide{letter-spacing:var(--tr-console);text-transform:uppercase;border-radius:0;padding:0 7px}body.showroom .sr-kc.sr-kc--unbound{border-style:dashed;border-color:var(--c-fg-35);color:var(--c-dim);font-style:normal}.kb{flex-direction:column;grid-column:1/-1;gap:14px;min-width:0;display:flex}.kb-group{min-width:0}.kb-presets,.kb-devices{flex-wrap:wrap}.kb-presets button{flex:0 auto;padding:7px 14px}.kb-actions{flex-wrap:wrap;gap:6px;display:flex}.kb-act{padding:6px 12px;font-size:12px}.kb-note{color:var(--muted);margin:0;font-size:12px}.kb-inline{gap:6px;display:flex}.kb-field{min-width:0;font:12px var(--mono,monospace);border:1px solid var(--tile-line);color:inherit;background:#ffffff0d;border-radius:6px;flex:1;padding:7px 9px}.kb-grouphead{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:2px 0;display:flex}.kb-grouphead .kicker{flex:1;margin:0}.kb-badge{color:var(--accent-bright,#ffd23f);font-size:11px}.kb-chev{font:700 16px/1 var(--mono,monospace);color:var(--muted)}.kb-row{gap:10px}.kb-label{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.kb-sub{color:var(--muted);font-size:11px}.kb-row--unbound .kb-label>span:first-child{color:var(--muted)}.kb-row--clash .kb-sub{color:#ff8a5c}.kb-slots{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:6px}.kb-slotwrap{align-items:center;display:inline-flex}.kb-slot{background:var(--tile);border:1px solid var(--tile-line);min-width:54px;min-height:30px;color:inherit;cursor:pointer;border-radius:8px;place-items:center;padding:3px 8px;display:inline-grid}.kb-slot--empty{color:var(--muted);border-style:dashed}.kb-slot--listen{border-color:var(--accent);color:var(--accent-bright,#ffd23f)}.kb-listen{font-size:11px;animation:1s ease-in-out infinite alternate kb-pulse}@keyframes kb-pulse{0%{opacity:1}to{opacity:.45}}.kb-empty{font-size:11px}.kb-clear,.kb-reset{min-width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;margin-left:2px;padding:0;font-size:14px;line-height:1}.kb-clear:hover,.kb-reset:hover{color:inherit;border-color:var(--tile-line)}.kb-fixed{opacity:.7;display:inline-flex}.kb-summary{font-size:12px}.kb-pref label{flex:0 0 72px}@media (width<=640px){.kb-row{flex-wrap:wrap}.kb-label{flex-basis:100%}.kb-slots{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.kb-listen{animation:none}}body.showroom .kb{gap:16px}body.showroom .kb .kb-group{gap:6px}body.showroom .kb .sr-chip-btn{background:var(--c-surface-2);padding:7px 14px;font-size:14px}body.showroom .kb .sr-chip-btn:is(:hover,:focus-visible,.focused){background:var(--c-fg);color:var(--ink-black)}body.showroom .kb-actions{gap:8px}body.showroom .kb-note,body.showroom .kb-sub{color:var(--c-dim);font:500 12px/1.35 var(--f-text)}body.showroom .kb-badge{color:var(--ink-orange);font:700 var(--fs-xs)/1 var(--f-text);letter-spacing:var(--tr-label);text-transform:uppercase}body.showroom .kb-chev{color:var(--c-dim)}body.showroom .kb-grouphead{min-height:36px;padding:0 4px}body.showroom .kb-grouphead.fx:is(:focus-visible,.focused){background:var(--c-fg)}body.showroom .kb-grouphead.fx:is(:focus-visible,.focused) :is(.kicker,.kb-chev,.kb-badge){color:var(--ink-black)}body.showroom .control-row.kb-row{flex-wrap:wrap}@media (width<=640px){body.showroom .control-row.kb-row .kb-label{flex-basis:100%}body.showroom .control-row.kb-row .kb-slots{justify-content:flex-start}}body.showroom .kb-row--clash .kb-sub{color:var(--ink-orange)}body.showroom .kb-slot{background:var(--c-surface-2);min-height:34px;color:var(--c-fg);border:0;border-radius:0}body.showroom .kb-slot--empty{outline:1.5px dashed var(--c-fg-35);outline-offset:-3px;color:var(--c-dim);font:700 var(--fs-xs)/1 var(--f-text);letter-spacing:var(--tr-label);text-transform:uppercase;background:0 0}body.showroom .kb-slot--listen{background:var(--ink-yellow);color:var(--ink-black)}body.showroom .kb-slot.fx:is(:focus-visible,.focused){background:var(--c-fg);color:var(--ink-black);box-shadow:var(--glow-s) var(--c-fg)}body.showroom .kb-listen{font:700 12px/1 var(--f-console);letter-spacing:var(--tr-console);text-transform:uppercase}body.showroom :is(.kb-clear,.kb-reset){color:var(--c-dim);border-radius:0}body.showroom :is(.kb-clear,.kb-reset).fx:is(:focus-visible,.focused){background:var(--c-fg);color:var(--ink-black)}body.showroom .kb-field{background:var(--c-surface-2);color:var(--c-fg);border:0;border-radius:0}body.showroom .kb .seg button{--fx-transform:skewX(var(--sk));transform:skewX(var(--sk))}body.showroom .kb .seg button.on{background:var(--ink-yellow);color:var(--ink-black)}@media (pointer:coarse){body.showroom .kb .sr-kc{display:inline-grid}}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}}
