*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#1a1a2e;color:#c8d6e5;font-family:system-ui,-apple-system,sans-serif}#app{display:flex;flex-direction:column;width:100%;height:100vh}.icon{display:inline-flex;vertical-align:-2px}.icon svg{stroke:currentColor;fill:none}#side-panels{display:flex;flex-direction:column;flex:4;min-height:0;overflow:hidden}@media(min-width:768px){#app{flex-direction:row}#canvas-pane{flex:1 1 0;min-width:0;min-height:0;height:100%}#side-panels{flex:0 0 33%;height:100%;border-top:none;border-left:1px solid #0f3460;overflow:hidden}}#canvas-pane{flex:2;position:relative;overflow:hidden;min-height:0}#three-canvas,#hydra-canvas,#bauble-canvas{display:block;position:absolute;inset:0;width:100%;height:100%}#hydra-canvas{z-index:1}#bauble-canvas{visibility:hidden}#bauble-canvas.visible{visibility:visible;z-index:2}.pane-divider{flex:0 0 7px;cursor:row-resize;touch-action:none;background:#0f3460;border-top:1px solid #1a1a2e;border-bottom:1px solid #1a1a2e}.pane-divider:hover,.pane-divider:active{background:#1a5090}.pane-divider[aria-orientation=vertical]{cursor:col-resize;border:none;border-left:1px solid #1a1a2e;border-right:1px solid #1a1a2e}.collapse-btn{background:transparent;border:1px solid #1a5090;color:#8ca0b8;cursor:pointer;font-size:11px;line-height:1;padding:3px 7px;border-radius:4px;margin-right:8px;transition:background .15s,color .15s,border-color .15s}.collapse-btn:hover{background:#1a5090;color:#fff}.settings-wrap{position:relative;margin-left:8px}.settings-btn{background:transparent;border:1px solid #1a5090;color:#8ca0b8;cursor:pointer;font-size:12px;line-height:1;padding:3px 7px;border-radius:4px;transition:background .15s,color .15s,border-color .15s}.settings-btn:hover{background:#1a5090;color:#fff}.settings-menu{display:none;position:fixed;z-index:20;background:#13294b;border:1px solid #1a5090;border-radius:4px;padding:8px 10px;box-shadow:0 4px 12px #0006}.settings-menu.open{display:block}.settings-row{display:flex;align-items:center;gap:6px;color:#c8d6e5;font-size:12px;white-space:nowrap;cursor:pointer}.settings-action{background:transparent;border:none;border-top:1px solid #1a5090;width:100%;margin-top:6px;padding-top:8px;text-align:left;font-family:inherit}.settings-action:hover{color:#fff}.docs-btn{font-style:normal;font-weight:700}.docs-popover{position:fixed;z-index:30;width:min(440px,calc(100vw - 24px));max-height:min(75vh,640px);display:flex;flex-direction:column;background:#13294b;border:1px solid #1a5090;border-radius:6px;box-shadow:0 8px 28px #00000080;overflow:hidden}@media(max-width:767px){.docs-popover{top:0!important;right:0!important;left:0;bottom:0;width:100%;max-height:none;border-radius:0;border:none}}.docs-popover-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0f3460;border-bottom:1px solid #1a5090;flex-shrink:0}.docs-popover-title{color:#8ca0b8;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.docs-close{background:transparent;border:none;color:#8ca0b8;cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.docs-close:hover{color:#fff}.docs-tabs{display:flex;flex-wrap:wrap;gap:2px;padding:6px 10px 0;background:#0f3460;border-bottom:1px solid #1a5090;flex-shrink:0}.docs-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#8ca0b8;cursor:pointer;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:4px 8px 6px}.docs-tab:hover{color:#cfe0f2}.docs-tab-active{color:#7ec8e3;border-bottom-color:#7ec8e3}.docs-popover-body{overflow-y:auto;padding:4px 14px 14px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.docs-section{margin-top:12px}.docs-h{color:#e94560;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;position:sticky;top:0;background:#13294b;padding:6px 0 4px;z-index:1}.docs-h4{color:#7ec8e3;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin:12px 0 2px}.docs-fn-group{margin-top:4px}.docs-blurb{color:#8ca0b8;font-size:11px;line-height:1.5;margin-bottom:8px}.docs-blurb code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;color:#9be09e}.docs-list{margin:0}.docs-term{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:10px}.docs-term code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#7ec8e3;word-break:break-word}.docs-detail{color:#607a96;font-size:10px;font-style:italic}.docs-def{color:#b8c9db;font-size:11.5px;line-height:1.5;margin:2px 0 0}.run-btn{background:#1a5090;border:1px solid #1a5090;color:#c8d6e5;cursor:pointer;font-size:12px;padding:3px 14px;border-radius:4px;transition:background .15s,border-color .15s}.run-btn:hover:not(:disabled){background:#e94560;border-color:#e94560;color:#fff}.run-btn:disabled{opacity:.4;cursor:default}.session-selector{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#13294b;border-bottom:1px solid #1a1a2e;flex-shrink:0}.session-select{flex:1;min-width:0;background:#0f3460;border:1px solid #1a5090;color:#c8d6e5;font-size:11px;padding:2px 6px;border-radius:4px;cursor:pointer}.session-name-input{flex:1;min-width:0;background:#0f3460;border:1px solid #1a5090;color:#c8d6e5;font-size:11px;padding:2px 6px;border-radius:4px}.session-new,.session-rename{background:transparent;border:1px solid #1a5090;color:#8ca0b8;cursor:pointer;font-size:12px;line-height:1;width:22px;height:22px;padding:0;border-radius:4px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.session-new:hover,.session-rename:hover{background:#1a5090;color:#fff;border-color:#1a5090}.session-clear{background:transparent;border:1px solid #1a5090;color:#8ca0b8;cursor:pointer;font-size:11px;padding:2px 8px;border-radius:4px;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.session-clear:hover{background:#1a5090;color:#fff;border-color:#1a5090}.multiplayer-chip{background:transparent;border:1px solid #1a5090;color:#8ca0b8;cursor:pointer;font-size:12px;line-height:1;width:22px;height:22px;padding:0;border-radius:4px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.multiplayer-chip:hover{background:#1a5090;color:#fff;border-color:#1a5090}.multiplayer-chip.connecting{border-color:#e9a23b;color:#e9a23b}.multiplayer-chip.connected{border-color:#3fbf7f;color:#3fbf7f}.multiplayer-chip.connected:hover,.multiplayer-chip.connecting:hover{background:#16324f}.room-popover{position:fixed;inset:auto;margin:0;z-index:20;background:#13294b;border:1px solid #1a5090;border-radius:4px;padding:8px 10px;box-shadow:0 4px 12px #0006}.room-popover:popover-open{display:flex;flex-direction:column;gap:6px;min-width:180px}.room-popover .settings-row{justify-content:space-between}.room-popover-input{background:#0f3460;border:1px solid #1a5090;color:#c8d6e5;font-size:11px;font-family:inherit;padding:2px 6px;border-radius:4px;width:120px;outline:none}.room-popover-input:focus{border-color:#2a70c0}.room-join-btn{background:#1a5090;border:1px solid #1a5090;color:#c8d6e5;cursor:pointer;font-size:11px;padding:3px 10px;border-radius:4px;transition:background .15s,border-color .15s}.room-join-btn:hover{background:#3fbf7f;border-color:#3fbf7f;color:#0b1a33}.cm-remote-cursor{position:relative;display:inline-block;width:0;border-left:2px solid;margin-left:-1px;height:1.1em;vertical-align:text-bottom}.cm-remote-cursor-label{position:absolute;top:-1.05em;left:-2px;font-size:9px;line-height:1.2;padding:0 4px;border-radius:3px 3px 3px 0;color:#0b1a33;white-space:nowrap;pointer-events:none;z-index:5}.session-bar{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#13294b;border-bottom:1px solid #1a1a2e;flex-shrink:0}.session-bar.replaying{background:#3a2a16}.session-bar.forking{background:#2a1636}.session-branch{position:relative;flex-shrink:0}.session-branch-chip{background:transparent;border:1px solid #a06fd6;color:#cbb4ea;cursor:pointer;font-size:11px;padding:1px 8px;border-radius:4px;white-space:nowrap}.session-branch-chip:hover{background:#a06fd6;color:#1a1a2e}.session-branch-popover{position:absolute;bottom:calc(100% + 4px);left:0;z-index:20;display:flex;flex-direction:column;min-width:160px;padding:4px;gap:2px;background:#13294b;border:1px solid #a06fd6;border-radius:6px;box-shadow:0 6px 18px #0006}.session-branch-item{background:transparent;border:none;color:#c8d6e5;cursor:pointer;font-size:11px;text-align:left;padding:4px 8px;border-radius:4px;white-space:nowrap}.session-branch-item:hover{background:#1f3d6b}.session-branch-item.current{color:#cbb4ea;font-weight:600;cursor:default}.session-label{color:#8ca0b8;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;min-width:64px}.session-range{flex:1;height:4px;cursor:pointer;accent-color:#e9a23b}.session-live{background:transparent;border:1px solid #e9a23b;color:#e9a23b;cursor:pointer;font-size:11px;padding:1px 8px;border-radius:4px;white-space:nowrap}.session-live:hover{background:#e9a23b;color:#1a1a2e}.session-reset{background:transparent;border:1px solid #607a96;color:#c8d6e5;cursor:pointer;font-size:11px;padding:1px 8px;border-radius:4px;white-space:nowrap}.session-reset:hover{background:#607a96;color:#fff}.session-reset.active{background:#e94560;border-color:#e94560;color:#fff}.editor-token-bar{flex-shrink:0;display:flex;gap:4px;padding:4px 6px;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#141428;border-bottom:1px solid #2a2a4a}.token-btn{flex-shrink:0;min-height:32px;padding:2px 10px;background:#1f1f3a;color:#b8c5ff;border:1px solid #2a2a4a;border-radius:4px;font-family:monospace;font-size:12px;cursor:pointer}.token-btn:active{background:#2a2a4a}.cm-scrub-num{cursor:ew-resize;touch-action:pan-y}.editor-error{flex-shrink:0;background:#3a1620;color:#ff8095;font-family:monospace;font-size:11px;padding:6px 10px;border-top:1px solid #e94560;white-space:pre-wrap;max-height:30%;overflow:auto}.cm-editor{height:100%;font-size:13px}.cm-scroller{overflow:auto}.editor-mount{display:none;min-height:0}.facade-live .editor-mount{display:block;height:180px}.code-facade{display:flex;flex-direction:column;border-left:3px solid #1a5090;border-bottom:1px solid #0f3460;background:#13294b}.code-facade[data-lang=hydra]{border-left-color:#9be09e}.code-facade[data-lang=bauble]{border-left-color:#e0b25b}.code-facade[data-lang=post]{border-left-color:#b78ce0}.code-facade[data-lang=expr]{border-left-color:#5bb6e0}.editor-surface-label{color:#8ca0b8;font-family:monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.facade-context{color:#cfe0f0;background:#16324f;border:1px solid #24466b;border-radius:3px;padding:0 5px;font-family:monospace;font-size:10px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.facade-context:last-of-type{margin-right:auto}.facade-code{margin:0;padding:2px 10px 6px;font-family:monospace;font-size:12px;line-height:1.4;color:#c8d6e5;white-space:pre-wrap;overflow:hidden;max-height:4.2em;cursor:text}.facade-live .facade-code{display:none}.code-facade.previewing,.editor-surface.previewing{position:relative;z-index:0}.editor-preview{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:none;opacity:.4;pointer-events:none}.editor-preview.active{display:block}.code-facade.previewing .cm-editor,.code-facade.previewing .cm-gutters,.code-facade.previewing .cm-panels,.editor-surface.previewing .cm-editor,.editor-surface.previewing .cm-gutters,.editor-surface.previewing .cm-panels{background:#16213e73!important}.table-bottom-slot{flex:0 1 auto;min-height:0;max-height:55%;overflow:auto;overscroll-behavior:contain}.warp-canvas{display:block;width:100%;height:120px}.editor-surface{display:flex;flex-direction:column;min-height:0;background:#13294b}.editor-surface .editor-mount{display:block}.editor-surface-head{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#0f3460}.editor-surface-close{background:transparent;border:none;color:#8ca0b8;cursor:pointer;font-size:16px;line-height:1;padding:0 4px}.expr-overlay{position:fixed;z-index:30;width:min(520px,calc(100vw - 16px));border:1px solid #1a5090;border-radius:6px;box-shadow:0 8px 28px #00000080;overflow:hidden}.expr-overlay .editor-mount{height:84px}.mobile-editor-popover{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;background:#13294b}.mobile-editor-popover .editor-surface,.mobile-editor-popover .editor-mount{flex:1}.facade-code .tok-keyword{color:#c678dd}.facade-code .tok-comment{color:#7d8799;font-style:italic}.facade-code .tok-string{color:#98c379}.facade-code .tok-number,.facade-code .tok-bool{color:#d19a66}.facade-code .tok-propertyName{color:#61afef}.facade-code .tok-variableName{color:#e06c75}.facade-code .tok-operator,.facade-code .tok-punctuation{color:#56b6c2}.graph-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:5px 8px;font-size:11px;color:#8ca0b8;border-bottom:1px solid #0f3460;flex-shrink:0}.graph-series{display:flex;align-items:center;gap:5px}.graph-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.graph-range{color:#607a96;font-size:10px;margin-left:3px}#table-pane{flex:1 0 auto;min-height:0;display:flex;flex-direction:column;background:#16213e;border-top:1px solid #0f3460;overflow:hidden}.table-pane-header{display:flex;flex-direction:column;gap:6px;padding:7px 10px;background:#0f3460;border-bottom:1px solid #1a1a2e;flex-shrink:0}.table-pane-header-row{display:flex;align-items:center;justify-content:space-between}.table-pane-chrome{display:flex;flex-direction:column;flex-shrink:0}.table-pane-chrome.collapsed .session-selector{display:none}.table-tabs{display:none;gap:4px;flex-wrap:wrap;align-items:center}.table-tab-select{display:block;background:#16213e;color:#c8d6e5;border:1px solid #1a5090;border-radius:4px;font-size:11px;font-family:inherit;padding:3px 6px;max-width:140px;cursor:pointer}@media(min-width:768px){.table-tabs{display:flex}.table-tab-select{display:none}}.table-tab{background:#16213e;color:#8ca0b8;border:1px solid #1a5090;border-radius:4px;font-size:11px;font-family:inherit;padding:2px 10px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.table-tab:hover{color:#c8d6e5;border-color:#2a70c0}.table-tab.tab-active{background:#0f3460;color:#fff;border-color:#e94560}.table-filter{background:#16213e;color:#c8d6e5;border:1px solid #1a5090;border-radius:4px;font-size:11px;font-family:inherit;padding:2px 7px;margin-left:auto;width:130px;outline:none}.table-filter::placeholder{color:#607a96}.table-filter:focus{border-color:#2a70c0}.table-count{color:#607a96;font-size:11px;font-family:monospace;margin-left:8px}.table-run{padding:1px 12px;font-size:11px;margin-left:8px;flex-shrink:0}.tab-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.table-subtabs{display:flex;gap:2px;flex-shrink:0;padding:4px 8px 0;background:#12203c}.table-subtab{background:transparent;color:#8ca0b8;border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;font-size:10px;font-family:inherit;padding:3px 10px;cursor:pointer;transition:background .15s,color .15s}.table-subtab:hover{color:#c8d6e5}.table-subtab.subtab-active{background:#1a2b4a;color:#fff;border-color:#1a5090}.tab-graph{flex-shrink:0;height:140px;display:flex;flex-direction:column;background:#12203c;border-bottom:1px solid #0f3460}.graph-header{display:flex;align-items:center;gap:4px;padding:3px 8px;flex-shrink:0}.graph-title{color:#8ca0b8;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.tab-graph.graph-collapsed{height:auto}.tab-graph.graph-collapsed>*:not(.graph-header){display:none}.tab-graph-canvas{flex:1;width:100%;min-height:0;display:block}.tab-scroll{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media(max-width:767px){.tab-scroll{min-height:92px}}.tab-scroll:focus{outline:none}.events-table{width:100%;min-width:420px;border-collapse:collapse;font-size:11px}.events-table thead th{background:#0f3460;padding:5px 3px;text-align:left;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#607a96;position:sticky;top:0;white-space:nowrap;z-index:1}.events-table tbody tr{border-bottom:1px solid rgba(15,52,96,.4)}.events-table tbody tr:hover td{background:#ffffff06}.events-table tbody tr.row-active td{background:#e9456014}.events-table tbody tr.row-source td,.row-card.row-source>.card-fields{box-shadow:inset 2px 0 #e9a23b;background:#e9a23b1a}.events-table tbody tr.row-strip-active td,.row-card.row-strip-active>.card-fields{background:#e945602e;box-shadow:inset 0 0 0 1px #e94560b3}.events-table td{padding:3px 4px}.table-tab-add{background:transparent;color:#6fbf73;border:1px dashed #2f6b3a;border-radius:4px;font-size:12px;font-family:inherit;line-height:1;width:22px;height:22px;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.table-tab-add:hover{color:#9be09e;border-color:#4a9a54;background:#6fbf7314}.table-tab-editable{display:inline-flex;align-items:center;gap:5px;border-style:dashed}.tab-label{pointer-events:none}.tab-presence{pointer-events:none;margin-left:5px;font-size:9px;font-weight:400;text-transform:none;letter-spacing:normal}.tab-del{color:#607a96;cursor:pointer;font-size:12px;line-height:1}.tab-del:hover{color:#e94560}.tab-rename-input{background:#16213e;color:#fff;border:1px solid #2a70c0;border-radius:3px;font:inherit;font-size:11px;padding:1px 4px;width:90px}.edit-toolbar{flex-shrink:0;gap:6px;padding:5px 8px;border-top:1px solid #0f3460;background:#12203c}.add-row-btn,.add-col-btn,.col-confirm-btn,.table-io-btn{background:#16213e;color:#6fbf73;border:1px solid #2f6b3a;border-radius:4px;font-size:11px;font-family:inherit;padding:2px 8px;cursor:pointer}.add-row-btn:hover,.add-col-btn:hover,.col-confirm-btn:hover{color:#9be09e;border-color:#4a9a54}.table-io-btn{color:#8fa6c0;border-color:#2a4a72}.table-io-btn:hover{color:#cfe0f0;border-color:#3f6ca8}.row-actions-head{background:#0f3460;width:54px}.row-actions{display:flex;align-items:center;gap:2px;white-space:nowrap}.row-dup-btn,.row-del-btn{background:transparent;color:#607a96;border:none;font-size:12px;line-height:1;cursor:pointer;padding:0 4px}.row-dup-btn:hover{color:#6fbf73}.row-del-btn:hover{color:#e94560}.row-info-wrap{margin-left:0}.row-info-btn{background:transparent;color:#607a96;border:none;font-size:12px;line-height:1;cursor:pointer;padding:0 3px}.row-info-btn:hover{color:#4aa3df}.row-info-popover{max-width:min(460px,calc(100vw - 16px))}.row-info-title{color:#8ca0b8;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.row-info-code{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#c8d6e5;white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto}.row-info-empty{color:#8ca0b8;font-size:12px;font-style:italic}.events-table tbody tr.row-disabled td:not(.row-actions),.row-card.row-disabled .editable-cell{opacity:.45;font-style:italic}.row-card.row-disabled .code-facade{opacity:.45}.col-del-btn{background:transparent;border:none;font:inherit;padding:4px 2px 0;margin-top:4px;border-top:1px solid #1a5090;width:100%;text-align:left}.col-del-btn:hover{color:#e94560}.editable-col-head{display:table-cell;vertical-align:top;max-width:110px}.col-head-row{display:flex;align-items:flex-start;gap:4px}.col-name-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:1px 2px}.col-name-label:hover{color:#fff}.editable-col-head .col-name-input{background:transparent;color:#c8d6e5;border:none;border-bottom:1px solid transparent;font:inherit;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;width:70px;padding:1px 2px}.editable-col-head .col-name-input:focus{outline:none;border-bottom-color:#2a70c0}.col-settings-wrap{flex-shrink:0;margin-left:0}.col-settings-btn{font-size:10px;line-height:1;padding:1px 4px}.col-type-select{background:#0f3460;color:#607a96;border:1px solid #1a5090;border-radius:3px;font-size:9px;font-family:inherit;margin-left:3px;padding:0 2px}.add-col-head{background:#0f3460}.new-col-name{background:#16213e;color:#c8d6e5;border:1px solid #1a5090;border-radius:3px;font:inherit;font-size:11px;width:70px;padding:1px 4px;margin-right:3px}.editable-cell{position:relative;cursor:pointer;min-width:44px;max-width:160px}.editable-cell[data-type=number]{max-width:90px}.editable-cell[data-type=boolean]{min-width:0;width:34px}.cell-presence{position:absolute;top:0;right:0;padding:0 3px;font-size:9px;line-height:1.4;background:#0b1a33d9;border-radius:0 0 0 4px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.editable-cell:hover{background:#ffffff0a}.editable-cell.editing{background:#2a70c01f;cursor:default}.editable-cell.cell-focused{box-shadow:inset 0 0 0 2px #e94560}.cell-value{display:block;min-height:1em;white-space:normal;overflow-wrap:break-word}.cell-text,.cell-number{background:#16213e;color:#fff;border:1px solid #2a70c0;border-radius:3px;font:inherit;font-size:11px;width:100%;padding:1px 4px}.cell-enum{background:#16213e;color:#fff;border:1px solid #2a70c0;border-radius:3px;font:inherit;font-size:11px;width:100%;padding:1px 4px;cursor:pointer}.editable-cell.cell-invalid{background:#e04c4c29;box-shadow:inset 0 0 0 1px #e04c4c8c}.events-table tbody tr.row-invalid td:first-child,.row-card.row-invalid{box-shadow:inset 3px 0 #e04c4cb3}.editable-cell.cell-inert .cell-value,.editable-cell.cell-inert .cell-bool,.editable-cell.cell-inert .cell-enum{opacity:.4}.cell-bool{display:block;margin:0 auto;cursor:pointer;accent-color:#2a70c0}.editor-list-head,.card-fields{display:grid;grid-template-columns:var(--tracks);align-items:center;gap:0 8px}.editor-list-head,.editor-list{min-width:min-content}.editor-list-head{position:sticky;top:0;z-index:1;background:#0f3460;padding:3px 5px;color:#607a96}.editor-list-head .editable-col-head{position:relative;max-width:none}.editor-list-head .col-name-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-list-head .col-settings-wrap{position:absolute;top:0;right:0;opacity:0}.editor-list-head .editable-col-head:hover .col-settings-wrap,.editor-list-head .col-settings-wrap:focus-within{opacity:1}@media(hover:none){.editor-list-head .col-settings-wrap{opacity:1}}.editor-list-head .add-col-btn{font-size:10px;padding:1px 4px}.editor-list-head .add-col-head{position:relative;height:100%}.editor-list-head .add-col-head .new-col-name{position:absolute;right:0;z-index:2}.editor-list{padding:4px;display:flex;flex-direction:column;gap:4px}.editor-list-wrap{display:flex;flex-direction:column;min-height:100%}.editor-list-wrap:has(>.editor-list>.row-card:only-child){height:100%}.editor-list:has(>.row-card:only-child),.editor-list>.row-card:only-child,.editor-list>.row-card:only-child>.code-facade{flex:1;min-height:0}.editor-list>.row-card:only-child{display:flex;flex-direction:column}.editor-list>.row-card:only-child:has(>.facade-live){min-height:180px}.editor-list>.row-card:only-child>.facade-live .editor-mount{flex:1;height:auto;min-height:0}.row-card{background:#13294b;border:1px solid #1a3f6b;border-radius:4px;overflow:hidden}.card-fields{padding:2px 0;background:#0f346073;font-size:11px}.card-fields .editable-cell{min-width:0;max-width:none;padding:1px 4px}.card-fields .row-actions{justify-content:flex-start;padding-left:2px}.row-card .code-facade{border-bottom:none;background:transparent;contain:inline-size}.row-card .facade-code{min-height:1.4em}.table-picker{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:5;width:min(260px,calc(100% - 20px));background:#0f3460;border:1px solid #2a70c0;border-radius:6px;box-shadow:0 6px 20px #00000073;display:flex;flex-direction:column;overflow:hidden}.table-picker-input{background:#16213e;color:#fff;border:none;border-bottom:1px solid #1a5090;font:inherit;font-size:12px;padding:6px 8px;outline:none}.table-picker-input::placeholder{color:#607a96}.table-picker-list{max-height:200px;overflow:auto;display:flex;flex-direction:column}.table-picker-item{background:transparent;color:#c8d6e5;border:none;text-align:left;font:inherit;font-size:12px;padding:5px 8px;cursor:pointer}.table-picker-item.picker-current{color:#6fbf73}.table-picker-item.picker-sel{background:#1a5090;color:#fff}.table-picker-empty{color:#607a96;font-size:11px;padding:6px 8px}#slider-panel{position:absolute;z-index:2;top:16px;left:16px;display:flex;flex-direction:column;gap:6px;background:#16213ee0;border:1px solid #0f3460;border-radius:6px;padding:10px 12px;backdrop-filter:blur(6px);user-select:none;max-width:260px}.slider-row{display:grid;grid-template-columns:72px 1fr 40px;align-items:center;gap:8px}.slider-id{color:#c8d6e5;font-size:11px;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-input{width:100%;accent-color:#e94560;cursor:pointer}.slider-value{color:#607a96;font-size:11px;font-family:monospace;text-align:right}.playback-row{display:flex;align-items:center;gap:10px}#play-pause-btn{background:#0f3460;border:1px solid #1a5090;color:#c8d6e5;cursor:pointer;font-size:13px;padding:5px 16px;border-radius:4px;transition:background .15s,border-color .15s;white-space:nowrap;flex-shrink:0}#play-pause-btn:hover{background:#e94560;border-color:#e94560;color:#fff}#playback-time{color:#607a96;font-size:12px;font-family:monospace;min-width:44px;text-align:right;margin-left:auto}#loop-btn,#tap-beat-btn,#tap-clear-btn{background:#0f3460;border:1px solid #1a5090;color:#c8d6e5;cursor:pointer;font-size:12px;padding:4px 10px;border-radius:4px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;flex-shrink:0}#loop-btn:hover,#tap-beat-btn:hover,#tap-clear-btn:hover{background:#1a5090;color:#fff}#loop-btn.active{background:#e94560;border-color:#e94560;color:#fff}#tap-clear-btn{padding:4px 8px}#tap-bpm{color:#8fa9c4;font-size:12px;font-family:monospace;min-width:60px}.loop-len{display:flex;align-items:center;gap:4px;color:#607a96;font-size:12px}.loop-len input{width:44px;padding:3px 4px;background:#16324f;border:1px solid #2a4d70;border-radius:4px;color:#cfe0f0;font-size:12px;font-family:monospace}.loop-len input:focus{outline:none;border-color:#e94560}#timeline-pane{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;background:#16213e;border-bottom:1px solid #1a1a2e;overflow:hidden;user-select:none}.timeline-pane-header{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;background:#0f3460;border-bottom:1px solid #1a1a2e}.timeline-transport{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}#timeline-pane.timeline-collapsed .timeline-sections{display:none}#timeline-pane.timeline-collapsed+.pane-divider{display:none}.timeline-sections{--band-h: 32px;--band-gap: 3px;position:relative;margin:0 8px 6px;flex:0 1 auto;min-height:0;height:calc(12px + 4 * (var(--band-h) + var(--band-gap)));display:flex;flex-direction:column;gap:var(--band-gap);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.timeline-pane-axis{position:relative;flex:0 0 12px;height:12px}.timeline-pane-playhead{position:absolute;top:12px;bottom:0;width:2px;margin-left:-1px;background:#e94560;pointer-events:none;z-index:3}.timeline-section-header{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 3px;pointer-events:none}.timeline-strip-multilane .timeline-section-header{align-items:flex-start}.timeline-section-name{background:#16213eb8;border:none;padding:0 3px;border-radius:2px;color:#8fa9c4;font-family:monospace;font-size:10px;line-height:14px;cursor:pointer;white-space:nowrap;pointer-events:auto}.timeline-section-name:hover{color:#cfe0f0}.timeline-section-beat{padding:0 3px;border-radius:2px;background:#16213eb8;color:#8fa9c4;font-family:monospace;font-size:10px;line-height:14px;white-space:nowrap}.timeline-section-lanes{display:flex;align-items:center;gap:1px;background:#16213eb8;border:none;padding:0 3px;border-radius:2px;color:#8fa9c4;font-family:monospace;font-size:10px;line-height:14px;cursor:pointer;pointer-events:auto}.timeline-section-lanes:hover{color:#cfe0f0}.timeline-section-lanes svg{width:9px;height:9px}.timeline-section-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.timeline-section-marker{position:absolute;top:0;bottom:0;width:1px;background:#e945608c;pointer-events:none}.timeline-strip{position:relative;width:100%;height:var(--band-h);background:#1a3a5e;border-radius:3px;outline:none;touch-action:none;overflow:hidden}.timeline-strip-readout{position:fixed;transform:translate(-50%);padding:3px 6px;background:#12203c;color:#c8d6e5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;border:1px solid #2a4d70;border-radius:3px;text-align:left;pointer-events:none;z-index:15}.timeline-strip-readout-line{white-space:nowrap}.timeline-strip-hover-grab{cursor:grab}.timeline-strip-dragging-move{cursor:grabbing;user-select:none}@media(min-width:768px){.timeline-sections{--band-h: 22px}}.timeline-strip-multilane{height:calc(var(--lane-rows, 1) * 24px)}@media(min-width:768px){.timeline-strip-multilane{height:calc(var(--lane-rows, 1) * 15px)}}.timeline-strip-coverage{position:absolute;background:#e9456029}.timeline-strip-coverage-retime{background:#4a9eff2e}.timeline-strip-coverage-pingpong{background:#4dd0e12e}.timeline-strip-coverage-loop{background:#a06fd638}.timeline-strip-coverage-hold{background:#e9a23b33}.timeline-strip-coverage-speed{background:#3fbf7f33}.timeline-strip-elapsed{position:absolute;top:0;bottom:0;left:0;background:#e9456038;pointer-events:none}.timeline-strip-tick{position:absolute;top:0;bottom:0;width:1px;background:#2a4d70;pointer-events:none}.timeline-strip-tick-major{background:#3f6a94}.timeline-strip-tick-label{position:absolute;left:3px;bottom:1px;color:#8fa9c4;font-size:9px;font-family:monospace;white-space:nowrap}.timeline-strip-handles{position:absolute;inset:0;pointer-events:none}.timeline-strip-handle{position:absolute;pointer-events:auto}.timeline-strip-handle-point{width:14px;transform:translate(-50%);display:flex;align-items:center;justify-content:center}.timeline-strip-handle-dot{width:8px;height:8px;background:#4a9eff;border:1px solid #16324f;border-radius:2px;transform:rotate(45deg)}.timeline-strip-handle-span{box-sizing:border-box;min-width:2px;background:#4a9eff47;border-top:1px solid #4a9eff;border-bottom:1px solid #4a9eff}.timeline-strip-handle-edge{position:absolute;top:0;bottom:0;width:2px;background:#4a9eff}.timeline-strip-handle-edge-start{left:0}.timeline-strip-handle-edge-end{right:0}.timeline-strip-handle-arrow{position:absolute;right:-1px;top:50%;transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:5px solid #4a9eff}.timeline-strip-handle-linked{filter:brightness(1.35)}.timeline-strip-glide{position:absolute;pointer-events:none}.timeline-strip-glide:before{content:"";position:absolute;left:0;right:5px;top:50%;border-top:1px dashed #4a9eff}.timeline-strip-glide-arrow{position:absolute;right:-1px;top:50%;transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:5px solid #4a9eff}.timeline-strip-handle-inert{cursor:pointer;opacity:.8}.timeline-strip-handle-ghost{opacity:.5}.timeline-strip-handle-disabled{filter:grayscale(1) brightness(.8)}.timeline-strip-handle-pending{outline:1.5px dashed #e9a23b;outline-offset:1px}.timeline-strip-handle-dragging{filter:brightness(1.35);z-index:2}.timeline-strip-handle-postag{position:absolute;bottom:1px;left:50%;transform:translate(-50%);padding:0 3px;background:#12203cd9;color:#c8d6e5;font-family:monospace;font-size:9px;line-height:1.5;border-radius:2px;white-space:nowrap;pointer-events:none}@media(max-width:767px){.timeline-strip-handle-point,.timeline-strip-handle-span{min-height:24px}}.cm-preview{max-width:320px;max-height:340px;overflow-y:auto;padding:6px;background:#12203c;color:#c8d6e5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cm-preview-head{font-size:11px;font-weight:600;color:#8ca0b8;margin-bottom:5px}.cm-preview-spark{display:block;background:#0f1c33;border:1px solid #0f3460;border-radius:3px}.cm-preview-spark-label{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-size:10px;color:#607a96;margin:2px 0 6px}.cm-preview-series{display:flex;align-items:center;gap:4px}.cm-preview-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.cm-preview-table{border-collapse:collapse;font-size:11px}.cm-preview-table th,.cm-preview-table td{padding:2px 6px;text-align:right;white-space:nowrap;border-bottom:1px solid #0f3460}.cm-preview-table th{color:#8ca0b8;font-weight:600}.cm-preview-more{font-size:10px;color:#607a96;margin-top:4px}.cm-completion-info{padding:6px 10px;max-width:280px}.cm-completion-info code{display:block;font-family:monospace;font-size:11px;color:#7ec8e3;margin-bottom:5px;white-space:pre-wrap;word-break:break-all}.cm-completion-info p{margin:0;font-size:12px;color:#b8c9db;line-height:1.5}.cm-completion-info p+p{margin-top:5px}.cm-symbol-card{max-width:420px}.cm-symbol-card code{word-break:normal;overflow-wrap:break-word}.cm-signature-help{padding:5px 10px;max-width:480px;background:#21262e;border:1px solid #3a4553;border-radius:4px}.cm-signature-help code{display:block;font-family:monospace;font-size:11px;color:#7ec8e3;white-space:pre-wrap;overflow-wrap:break-word}.cm-signature-param-active{color:#e2c08d;font-weight:700;text-decoration:underline}.cm-signature-overloads{font-size:10px;color:#607a96}.cm-signature-help p{margin:3px 0 0;font-size:11px;color:#b8c9db;line-height:1.4}