:root{--bg:#0d1117;--panel:#12181feb;--line:#2a333d;--text:#d8dee5;--dim:#8a96a3;--hi:#1f6feb}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 system-ui,Segoe UI,sans-serif;overflow:hidden}button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:#1d242c;border-radius:4px;padding:3px 10px}button:hover{border-color:var(--hi)}code{font:12px ui-monospace,Consolas,monospace}.dim{color:var(--dim)}.mono{font:11px/1.5 ui-monospace,Consolas,monospace}.err{color:#ff7a6e}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px}.app{height:100%;position:relative;overflow:hidden}.viewport{position:absolute;inset:0 0 36px}.viewport>canvas{display:block}.status{flex-direction:column;gap:3px;max-width:calc(100% - 44px);padding:8px 10px;display:flex;position:absolute;top:10px;left:10px}.status .file{align-items:center;gap:8px;display:flex}.scale{pointer-events:none;text-shadow:0 1px 2px #000;flex-direction:column;gap:3px;font-size:12px;display:flex;position:absolute;bottom:48px;left:12px}.scale .bar{border:2px solid var(--text);border-top:none;height:6px}.empty{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0 0 36px}.empty .panel{text-align:center;pointer-events:auto;padding:18px 24px}.empty p{margin:0 0 12px}.dropzone{border:2px dashed var(--hi);pointer-events:none;background:#1f6feb1f;border-radius:10px;place-items:center;font-size:18px;display:grid;position:absolute;inset:12px}.strip{border-top:1px solid var(--line);box-sizing:border-box;cursor:pointer;touch-action:none;background:#0a0e13eb;width:100%;height:36px;display:block;position:absolute;bottom:0;left:0;right:0}.transport{white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:18px;align-items:center;gap:4px;padding:4px 10px 4px 6px;display:flex;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.transport button{border-radius:14px;min-width:30px;padding:2px 6px;line-height:18px}.transport button.play{min-width:38px}.transport .t{font-variant-numeric:tabular-nums;padding:0 4px;font:12px ui-monospace,Consolas,monospace}.transport .speed{min-width:10ch}.transport .clock{font-weight:600}kbd{border:1px solid var(--line);color:var(--dim);border-bottom-width:2px;border-radius:3px;padding:0 4px;font:11px ui-monospace,Consolas,monospace}.faint{color:#5d6873}button:disabled{opacity:.45;cursor:default;border-color:var(--line)}.find-pill{width:340px;color:var(--dim);cursor:text;border-radius:18px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.find-pill .sp{text-align:left;flex:1}.camera{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:10px;right:12px}.seg{display:inline-flex}.seg button{background:var(--panel);border-radius:0}.seg button:first-child{border-radius:4px 0 0 4px}.seg button:last-child{border-radius:0 4px 4px 0}.seg button+button{border-left:0}.seg button.on{border-color:var(--hi);background:#173a63}.palette{z-index:50;background:#00000073;position:absolute;inset:0}.palette .box{flex-direction:column;width:520px;max-width:calc(100% - 24px);height:min(72vh,640px);display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.palette .bar{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:8px;display:flex}.palette input[type=search]{font:inherit;color:inherit;border:1px solid var(--line);background:#0f151b;border-radius:4px;outline:none;padding:5px 8px;font-size:14px}.palette input[type=search]:focus{border-color:var(--hi)}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{opacity:.55;border-radius:10px;padding:2px 8px;font-size:12px}.chip.on{opacity:1;border-color:var(--hi);background:#173a63}.chip .n{opacity:.7;font-variant-numeric:tabular-nums;margin-left:4px}.palette .live{align-items:center;gap:6px;font-size:12px;display:flex}.palette .list{flex:1;min-height:0;position:relative;overflow:hidden auto}.palette .list>div{position:relative}.palette .row{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;height:22px;padding:0 8px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.palette .row:hover{background:#1c252f}.palette .row.sel{background:#173a63}.palette .row.notlive{opacity:.45}.palette .grp{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);border-bottom:1px solid var(--line);background:#11171d;font-size:11px;font-weight:600}.palette .gly{text-align:center;flex:none;width:12px;font-size:11px}.palette .nm{text-overflow:ellipsis;flex:1;overflow:hidden}.palette .c{color:var(--dim);flex:none;font-size:12px}.palette .none{padding:12px}.palette .hint{border-top:1px solid var(--line);padding:5px 8px;font-size:11px}.labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.labels>.leaders{position:absolute;top:0;left:0}.labels>.label{white-space:pre;font-variant-numeric:tabular-nums;color:#c9d1d9;border-left:2px solid var(--c);contain:layout style;background:#0d1117c7;padding:2px 5px 2px 4px;font:12px/1.25 system-ui,sans-serif;position:absolute;top:0;left:0}.labels>.label:first-line{color:var(--c)}.labels>.label.hover{z-index:1;border-left-color:#fff}.labels>.reading{white-space:pre;font-variant-numeric:tabular-nums;color:#5be37d;contain:layout style;background:#0d1117d1;padding:2px 5px;font:12px/1.25 system-ui,sans-serif;position:absolute;top:0;left:0}.labels>.dock{font-variant-numeric:tabular-nums;white-space:nowrap;color:#e6edf3;border:1px solid #30363d;border-left:3px solid var(--c);background:#0d1117e0;border-radius:4px;min-width:150px;padding:6px 10px 6px 8px;font:12px/1.25 system-ui,sans-serif;position:absolute;top:0;left:0}.labels>.dock .t{color:var(--c);font-weight:700}.labels>.dock>div:not(.t,.g){color:var(--c)}.labels>.dock .g{grid-template-columns:auto auto;column-gap:8px;margin-top:2px;display:grid}.labels>.dock .g .w{visibility:hidden;height:0}.labels>.dock .g b{opacity:.65;font-weight:500}.events{flex-direction:column;width:440px;max-width:calc(100% - 24px);height:min(54vh,540px);display:flex;position:absolute;bottom:84px;right:12px;overflow:hidden}.events.closed{height:auto}.events .ehead{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 8px;display:flex}.events.closed .ehead{border-bottom:0}.events .ehead .sp{flex:1}.events .etog{padding:0 8px}.events .ctl{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:6px 8px;display:flex}.events .seg button{padding:2px 9px;font-size:12px}.kchip{align-items:center;gap:5px;padding:1px 7px;font-size:11px;display:inline-flex}.kchip i,.erow i{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.events .pins{flex-wrap:wrap;gap:4px;font-size:11px;display:flex}.pinchip{border:1px solid var(--line);cursor:pointer;background:#1d242c;border-radius:10px;align-items:center;gap:2px;padding:1px 2px 1px 8px;font-size:12px;display:inline-flex}.pinchip.me{border-color:var(--hi)}.pinchip b{color:var(--dim);padding:0 5px;font-weight:400}.pinchip b:hover{color:#fff}.events .elist{flex:1;min-height:0;position:relative;overflow-y:auto}.events .elist>div{position:relative}.erow{cursor:pointer;white-space:nowrap;align-items:center;gap:7px;height:24px;padding:0 8px;font-size:12px;display:flex;position:absolute;left:0;right:0}.erow:hover{background:#1d242c}.erow.cur{background:#173a63}.erow.fut{opacity:.5}.erow .mono{text-align:right;flex:none;width:52px}.erow .txt{text-overflow:ellipsis;overflow:hidden}.erow a{cursor:pointer}.erow a:hover{text-decoration:underline}.erow a.me{font-weight:650}.erow a.pinned{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.events .none{padding:10px}.events .hint{border-top:1px solid var(--line);padding:4px 8px;font-size:11px}.palette .row .pinned{color:#f2f2f2}.warn{color:#f2c94c;cursor:help}.attribution{max-width:60vw;color:var(--dim);pointer-events:none;z-index:5;background:#05070a99;border-radius:3px;padding:1px 6px;font-size:10px;position:absolute;bottom:40px;right:8px}.hover-ring{pointer-events:none;z-index:2;border:1.5px solid #ffffffbf;border-radius:50%;width:26px;height:26px;display:none;position:absolute;top:-13px;left:-13px}.trail-slider{box-sizing:border-box;flex-direction:column;gap:2px;width:220px;padding:5px 10px 6px;font-size:12px;display:flex}.trail-head{justify-content:space-between;display:flex}.trail-slider input{width:100%;accent-color:var(--hi);margin:2px 0}.empty h3{color:var(--dim);text-align:left;margin:16px 0 6px;font-size:12px;font-weight:600}.recent{text-align:left;width:440px;max-width:calc(100vw - 80px);margin:0;padding:0;list-style:none}.recent li{align-items:stretch;gap:4px;display:flex}.recent li+li{margin-top:2px}.recent .open{text-align:left;background:0 0;border-color:#0000;flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding:4px 8px;display:flex}.recent .open:hover{border-color:var(--hi);background:#1d242c}.recent .name,.recent .details{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.recent .details{color:var(--dim);font-size:12px}.recent .x{color:var(--dim);background:0 0;border-color:#0000;padding:0 8px;font-size:15px}.recent .x:hover{color:var(--text);border-color:var(--line)}.recent li.missing .name{color:var(--dim);text-decoration:line-through}.recent li.missing .details{color:#d29922}.recent-menu{position:relative}.recent-menu>button.on{border-color:var(--hi)}.recent-menu .drop{z-index:40;max-height:60vh;padding:6px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.status .keys{color:var(--dim);padding:3px 8px}.keymap{z-index:60;background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.keymap .box{box-sizing:border-box;width:760px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);padding:12px 16px 14px;overflow-y:auto}.keymap .khead,.keymap .kfoot{justify-content:space-between;align-items:center;gap:12px;display:flex}.keymap .khead button{padding:0 8px}.keymap .groups{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:4px 24px;margin:6px 0 12px;display:grid}.keymap h3{color:var(--dim);margin:10px 0 4px;font-size:12px;font-weight:600}.keymap dl{margin:0}.keymap dl>div{grid-template-columns:120px 1fr;gap:8px;padding:2px 0;display:grid}.keymap dt,.keymap dd{margin:0}.keymap kbd{white-space:pre;color:var(--text)}.keymap .kfoot{border-top:1px solid var(--line);padding-top:10px;font-size:12px}.optimizer-notice{z-index:55;box-sizing:border-box;width:520px;max-width:calc(100% - 32px);padding:10px 14px 12px;font-size:13px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.optimizer-notice .nhead,.optimizer-notice .nfoot{justify-content:space-between;align-items:center;gap:12px;display:flex}.optimizer-notice .nfoot{justify-content:flex-end}.optimizer-notice .nhead button{padding:0 8px}.optimizer-notice p{margin:8px 0 4px}.optimizer-notice ol{margin:4px 0 8px;padding-left:20px}.optimizer-notice .copies{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.optimizer-notice code{overflow-wrap:anywhere}.optimizer-notice .copy{padding:0 6px;font-size:11px}