:root{color-scheme:dark;--bg: #14161a;--panel: #1b1e24;--line: #2b3038;--fg: #d8dce3;--dim: #838b98;--accent: #7aa2f7}*{box-sizing:border-box}body{margin:0;display:flex;height:100vh;background:var(--bg);color:var(--fg);font:13px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#panel{width:300px;flex:none;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--panel);border-right:1px solid var(--line);overflow:hidden}h1{margin:0;font-size:15px;font-weight:600;letter-spacing:.04em}.hint{margin:0;color:var(--dim);font-size:12px}.status{color:var(--dim);font-size:12px;min-height:1.5em;white-space:pre-line}input[type=search]{background:#12141a;border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:6px 8px;font:inherit}ul{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}li{padding:5px 8px;border-radius:5px;cursor:pointer;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li:hover{background:#232833}li[aria-selected=true]{background:var(--accent);color:#0f1116}li .meta{color:var(--dim);float:right;font-variant-numeric:tabular-nums}li[aria-selected=true] .meta{color:#0f1116;opacity:.75}main{position:relative;flex:1;min-width:0}canvas:not([hidden]){display:block;width:100%;height:100%}#overlay{position:absolute;left:12px;bottom:12px;color:var(--dim);font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none;white-space:pre-line}#scrubber:not([hidden]){position:absolute;right:12px;bottom:12px;display:flex;gap:8px;align-items:center;font-size:12px}#scrubber select,#scrubber button{background:#1b1b1f;color:inherit;border:1px solid #33333a;border-radius:4px;padding:3px 6px;font:inherit}#scrubber input[type=range]{width:200px;accent-color:var(--accent)}#scrubber .status{min-width:5.5em}#sound:not([hidden]){position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:14px}#sound button{background:#1b1b1f;color:inherit;border:1px solid #33333a;border-radius:4px;padding:4px 12px;font:inherit}body.dragging{outline:2px dashed var(--accent);outline-offset:-8px}#sheet{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;background:#14141a}