*{box-sizing:border-box}html,body{margin:0;height:100%}
body.em{font:13px/1.4 Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}
#em{position:relative;height:100%;display:flex}
.em-stage{position:relative;flex:1;min-width:0}.em-stage canvas{display:block;width:100%;height:100%;cursor:grab}.em-stage canvas:active{cursor:grabbing}
.em-list{width:300px;max-width:42%;border-left:1px solid color-mix(in srgb,var(--accent) 25%,transparent);background:var(--panel);display:flex;flex-direction:column}
.em-lh{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}
.em-lh b{font-size:14px}.em-ls{overflow:auto;flex:1}
.em-r{display:grid;grid-template-columns:28px 1fr auto auto;gap:6px;align-items:center;padding:6px 10px;cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--text) 6%,transparent)}
.em-r:hover,.em-r.on{background:color-mix(in srgb,var(--accent) 16%,transparent)}.em-r .rk{color:var(--muted);font-variant-numeric:tabular-nums}
.em-r .ad{font-family:"JetBrains Mono",ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em-r .lb{color:var(--muted);font-family:inherit;font-size:11px}
.em-r .sh{font-variant-numeric:tabular-nums}.em-cp{background:none;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);color:var(--text);border-radius:6px;padding:2px 6px;cursor:pointer;font:inherit;font-size:11px}
.em-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}
.em-tip{position:absolute;pointer-events:none;background:var(--panel);border:1px solid var(--accent);border-radius:8px;padding:6px 8px;font-size:12px;max-width:260px;display:none;z-index:5}
.em-ctl{position:absolute;left:10px;bottom:10px;display:flex;gap:6px}.em-ctl button{width:30px;height:30px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:var(--panel);color:var(--text);cursor:pointer;font-size:15px}
.em-pow{position:absolute;right:10px;bottom:10px;font-size:11px;color:var(--muted);text-decoration:none;background:color-mix(in srgb,var(--panel) 80%,transparent);padding:3px 8px;border-radius:999px;z-index:4}.em-pow:hover{color:var(--text)}
.em-wm{position:absolute;left:50%;top:12px;transform:translateX(-50%);font-size:11px;color:var(--muted);background:color-mix(in srgb,var(--panel) 85%,transparent);padding:3px 10px;border-radius:999px;z-index:4}
.em-hd{position:absolute;left:10px;top:10px;z-index:4;background:color-mix(in srgb,var(--panel) 85%,transparent);padding:6px 10px;border-radius:10px}.em-hd b{font-size:14px}.em-hd small{display:block;color:var(--muted)}
.em-state{margin:auto;text-align:center;max-width:360px;padding:24px}.em-state h2{margin:.4em 0;font-size:18px}.em-state p{color:var(--muted)}
.em-bar{height:6px;border-radius:6px;background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden;margin:12px 0}.em-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .4s}
@media(max-width:640px){#em{flex-direction:column}.em-list{width:auto;max-width:none;height:40%;border-left:0;border-top:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}}