:root{color-scheme:dark;--bg: #15171c;--panel: #1d2027;--line: #2c313b;--text: #d8dce4;--dim: #7c8596;--accent: #ffb454;font-family:ui-monospace,JetBrains Mono,Cascadia Code,monospace;font-size:13px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}header{position:relative;display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel)}h1{margin:0;font-size:15px;letter-spacing:2px;color:var(--accent)}.picker input{display:none}.picker span{padding:5px 12px;border:1px solid var(--line);border-radius:4px;cursor:pointer}.picker span:hover{border-color:var(--accent);color:var(--accent)}#status{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{flex:1;display:grid;grid-template-columns:minmax(220px,320px) 1fr;min-height:0}#list-pane{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}#filter{margin:8px;padding:6px 8px;background:var(--panel);border:1px solid var(--line);border-radius:4px;color:var(--text);font:inherit}#entries{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}#entries li{padding:4px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:8px}#entries li:hover{background:var(--panel)}#entries li.active{background:var(--panel);color:var(--accent)}#entries li span{color:var(--dim);font-size:11px}#detail-pane{overflow:auto;padding:12px 16px}.tree{margin:0;padding-left:18px;list-style:none;border-left:1px solid var(--line)}.tree>li{padding:1px 0}.tree .type{color:var(--accent)}.tree .meta{color:var(--dim)}.tree .warn{color:#ff6b6b}#drop-hint{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#15171cd9;border:2px dashed var(--accent);color:var(--accent);font-size:20px}body.dragging #drop-hint{display:flex}#source{padding:5px 8px;max-width:280px;background:var(--bg);border:1px solid var(--line);border-radius:4px;color:var(--text);font:inherit}#source:disabled{color:var(--dim)}.picker-btn{padding:5px 12px;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--text);font:inherit;cursor:pointer}.picker-btn:hover{border-color:var(--accent);color:var(--accent)}pre.text-view{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--text)}pre.hex-view{margin:0;color:var(--dim)}.note{color:var(--dim);margin-bottom:10px}.tex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.tex-card{margin:0;padding:8px;border:1px solid var(--line);border-radius:4px;background:var(--panel);display:flex;flex-direction:column;gap:6px;min-width:0}.tex-card canvas{width:100%;height:auto;image-rendering:pixelated;border-radius:2px;background-color:#2a2f38;background-image:linear-gradient(45deg,#232830 25%,transparent 25%,transparent 75%,#232830 75%),linear-gradient(45deg,#232830 25%,transparent 25%,transparent 75%,#232830 75%);background-size:16px 16px;background-position:0 0,8px 8px}.tex-card.failed canvas{min-height:60px;border:1px solid #ff6b6b}.tex-card figcaption{display:flex;flex-direction:column;gap:2px;font-size:11px;overflow:hidden}.tex-card figcaption b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer{width:100%;height:460px;display:block;border:1px solid var(--line);border-radius:4px;background:#171a1f;touch-action:none;cursor:grab}.viewer:active{cursor:grabbing}.viewer-controls{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:8px 10px;margin-bottom:8px;border:1px solid var(--line);border-radius:4px;background:var(--panel)}.control{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dim)}.control select{background:var(--bg);border:1px solid var(--line);border-radius:3px;color:var(--text);font:inherit;padding:3px 6px}.control input[type=range]{width:90px;accent-color:var(--accent)}.control input[type=checkbox]{accent-color:var(--accent)}.kind-toggles{display:flex;gap:8px;flex-wrap:wrap}.kind-toggles .control{gap:3px}.workspace{display:grid;grid-template-columns:1fr minmax(240px,300px);gap:10px;height:100%;min-height:0}.workspace-main{display:flex;flex-direction:column;min-width:0;gap:8px}.workspace-bar{display:flex;align-items:center;gap:10px;position:relative}.workspace-bar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-side{display:flex;flex-direction:column;gap:8px;min-height:0}.tree-pane,.inspector{border:1px solid var(--line);border-radius:4px;background:var(--panel);overflow:auto}.tree-pane{flex:1 1 55%;min-height:120px;padding:6px 0}.inspector{flex:1 1 45%;min-height:100px;padding:8px 10px}.pane-title{padding:4px 10px;color:var(--dim);font-size:11px;letter-spacing:1px;text-transform:uppercase}.tree-node{display:flex;align-items:center;gap:6px;padding:2px 10px;cursor:pointer;white-space:nowrap}.tree-node:hover{background:#262b34}.tree-node.active{background:#2f3642;color:var(--accent)}.tree-node .kind{color:var(--dim);font-size:10px}.tree-node.no-geometry b{color:var(--dim);font-weight:400}.inspector dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:11px}.inspector dt{color:var(--dim)}.inspector dd{margin:0;word-break:break-word}.inspector h4{margin:10px 0 6px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}.inspector h4:first-child{margin-top:0}.popover{position:absolute;top:100%;left:0;z-index:20;margin-top:6px;width:min(560px,90vw);box-shadow:0 12px 30px #00000073}#detail-pane{display:flex;min-height:0}#detail{flex:1;min-height:0;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:0;display:flex}.stage .viewer{height:100%}.overlay{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 10px;border-radius:4px;background:#101216b8;border:1px solid rgba(120,130,150,.25);color:var(--text);font-size:11px;pointer-events:none}.colour-row{display:flex;flex-wrap:wrap;gap:8px}.colour-picker{position:relative;flex:1 1 auto;min-width:0}.colour-button{display:flex;align-items:center;gap:7px;width:100%;font-size:11px;text-align:left}.colour-dot{width:14px;height:14px;flex:none;border:1px solid var(--line);border-radius:3px}.colour-dot.auto{background:repeating-linear-gradient(45deg,#444b58 0 4px,#2a303a 4px 8px)}.swatches.popover{position:absolute;top:calc(100% + 4px);left:0;z-index:30;width:max(220px,100%);padding:6px;border:1px solid var(--line);border-radius:4px;background:var(--panel)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(26px,1fr));gap:3px}.swatch{height:22px;border:1px solid var(--line);border-radius:3px;cursor:pointer;padding:0;font-size:9px;color:var(--dim);background:transparent}.swatch.active{outline:2px solid var(--accent);outline-offset:-2px}.overlay-speed{inset:10px 10px auto auto;color:var(--accent)}.picker-btn.active{border-color:var(--accent);color:var(--accent);background:#ffb45414}.time-control{display:flex;align-items:center;gap:6px}.map-mode{flex:1;min-height:0;display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr) minmax(260px,340px);grid-template-rows:minmax(0,1fr);overflow:hidden}.play-mode{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;overflow:hidden}.play-mode .stage{cursor:crosshair}.gauges{display:flex;flex-direction:column;gap:4px;width:250px;border-radius:6px}.gauge-line{display:flex;align-items:baseline;gap:8px;white-space:nowrap;font-variant-numeric:tabular-nums}.stat-lines{display:flex;flex-direction:column;gap:1px;white-space:normal;overflow-wrap:anywhere;line-height:1.35;font-variant-numeric:tabular-nums}.gauge-line b{font-size:15px}.rpm{height:4px;border-radius:2px;background:#7882964d;overflow:hidden}.rpm i{display:block;height:100%;width:0;background:var(--accent)}.rpm i.high{background:#ff6b6b}.play-dialog{min-width:260px;max-width:420px;padding:16px 18px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font:inherit}.play-dialog-wide{max-width:min(560px,90vw)}.play-dialog::backdrop{background:#0a0b0eb3}.play-dialog h3{margin:0 0 12px;font-size:14px;letter-spacing:1px;color:var(--accent)}.play-dialog .dialog-hint{margin:12px 0 0;font-size:11px;color:var(--dim)}.map-side{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;border-right:1px solid var(--line)}.map-mode .inspector{display:block;border:none;border-left:1px solid var(--line);border-radius:0;background:var(--bg);flex:none;overflow-y:auto;padding:10px 12px}.map-side-bar{display:flex;align-items:center;gap:8px;padding:8px}.map-side-bar #map-filter{flex:1;min-width:0;margin:0}.map-side-bar .picker-btn{white-space:nowrap;padding:6px 10px}#map-filter{margin:8px;padding:6px 8px;background:var(--panel);border:1px solid var(--line);border-radius:4px;color:var(--text);font:inherit}.map-tree{flex:1;overflow:auto;min-height:0}.map-main{display:flex;flex-direction:column;min-width:0;gap:8px;padding:10px 12px}.map-node{display:flex;align-items:center;gap:6px;padding:2px 8px;cursor:pointer;white-space:nowrap}.map-node b{overflow:hidden;text-overflow:ellipsis}.map-node:hover{background:#262b34}.map-node.active{background:#2f3642;color:var(--accent)}.map-object{padding-left:30px}.map-object b{flex:1;font-weight:400}.map-region .kind{color:var(--dim);font-size:10px;margin-left:auto;padding-left:8px}.map-empty{color:var(--dim);cursor:default}.map-empty:hover{background:none}.twisty{color:var(--dim);width:10px}.region-box{accent-color:var(--accent);margin:0}.traits{display:flex;gap:3px;align-items:center}.icon{width:13px;height:13px;flex:none;fill:none;stroke:var(--dim);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.icon .filled{fill:var(--dim);stroke:none}.icon-break,.icon-uproot{stroke:#e8a23c}.icon-break .filled,.icon-uproot .filled{fill:#e8a23c}.icon-time{stroke:#6fb1e8}.icon-missing{stroke:#ff6b6b}.map-node.active .icon{stroke:var(--accent)}.map-node.active .icon .filled{fill:var(--accent)}#modes{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:4px}.menu{position:relative}.menu-body{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:170px;padding:4px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;background:var(--panel);box-shadow:0 12px 30px #00000073}.menu-body hr{width:100%;margin:4px 0;border:none;border-top:1px solid var(--line)}.menu-item{display:block;width:100%;padding:6px 10px;border:none;border-radius:3px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.menu-item:hover,.menu-item:hover span{background:#2f3642;color:var(--accent)}.menu-item.picker span{display:block;padding:0;border:none;border-radius:0}#about{min-width:380px;max-width:560px;padding:20px 22px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font:inherit}#about::backdrop{background:#0a0b0eb3}#about h2{margin:0 0 10px;font-size:18px;letter-spacing:2px;color:var(--accent)}#about p{margin:0 0 12px;line-height:1.5}#about .dim{color:var(--dim)}.icon{stroke:var(--trait, var(--dim))}.icon .filled{fill:var(--trait, var(--dim));stroke:none}.map-node.active .icon{stroke:var(--trait, var(--accent))}.fold{border:1px solid var(--line);border-radius:4px;margin-bottom:8px;background:var(--panel);overflow:hidden}.fold>summary{padding:6px 10px;cursor:pointer;list-style:none;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);background:#232833;border-bottom:1px solid transparent;user-select:none}.fold[open]>summary{border-bottom-color:var(--line)}.fold>summary::-webkit-details-marker{display:none}.fold>summary:before{content:"▾ ";color:var(--dim)}.fold:not([open])>summary:before{content:"▸ "}.fold-body{padding:8px 10px}.inspector dl{display:grid;grid-template-columns:1fr 1fr;gap:0;font-size:11px;border:1px solid var(--line);border-radius:3px;overflow:hidden}.inspector dt,.inspector dd{padding:3px 7px;border-bottom:1px solid var(--line);min-width:0;overflow-wrap:anywhere}.inspector dt{color:var(--dim);border-right:1px solid var(--line);background:#ffffff04}.inspector dd{margin:0}.inspector dl>dt:nth-last-of-type(1),.inspector dl>dd:last-of-type{border-bottom:none}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 7px 3px 5px;font-size:10px;border:1px solid var(--trait, var(--line));border-radius:3px;color:var(--trait, var(--text));background:color-mix(in srgb,var(--trait, #888) 12%,transparent)}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.material-card{margin:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 5px;border:1px solid var(--line);border-radius:4px;background:#1a1d24;min-width:0}.material-card .ball{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 26%,#333a46,#14161b 72%)}.material-card figcaption{display:flex;flex-direction:column;gap:2px;font-size:10px;text-align:center;width:100%;min-width:0}.material-card figcaption b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-card figcaption span{color:var(--dim);white-space:pre-line}.number-input{width:72px;padding:3px 5px;background:var(--bg);border:1px solid var(--line);border-radius:3px;color:var(--text);font:inherit}