@font-face{font-family:Archivo;src:url(/fonts/v1/archivo-v25-latin.woff2)format("woff2");font-style:normal;font-weight:300 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/v1/instrument-sans-v4-latin.woff2)format("woff2");font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/v1/ibm-plex-mono-v20-latin-400.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/v1/ibm-plex-mono-v20-latin-500.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}[hidden]{display:none!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101214;--panel:#15181b;--panel-2:#1b1f23;--line:#23282d;--line-2:#30363c;--ink:#ecebe4;--ink-2:#c6c7c1;--mute:#8c9299;--faint:#5a6168;--signal:#f2a93b;--signal-2:#ffc774;--signal-ink:#1c1305;--v-lo:#2e6f73;--v-mid:#d9a441;--v-hi:#fff1cf;--cut:#e5684f;--wave:#c6c7c1;--note:#f2a93b;--display:"Archivo","Arial Narrow","Helvetica Neue",Arial,sans-serif;--text:"Instrument Sans","Helvetica Neue",Arial,sans-serif;--data:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--gutter:clamp(16px,3.4vw,44px);--max:1360px}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased;padding-inline:var(--gutter);margin:0;font-size:16px;line-height:1.55}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.wrap{max-width:var(--max);margin-inline:auto}.top{top:env(safe-area-inset-top,0px);z-index:20;background:linear-gradient(var(--bg) 70%,transparent);align-items:center;gap:24px;padding-block:18px;display:flex;position:sticky}.brand{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:21px;font-weight:800;font-stretch:88%;text-decoration:none;display:flex}.mark{--wave:var(--ink-2);--note:var(--signal);flex:none;width:31px;height:23px;display:block}.sprite{width:0;height:0;position:absolute;overflow:hidden}.tools{scrollbar-width:none;border:1px solid var(--line);border-radius:4px;gap:2px;margin-left:auto;padding:2px;display:flex;overflow-x:auto}.tools::-webkit-scrollbar{display:none}.tools a{white-space:nowrap;color:var(--mute);border-radius:2px;padding:7px 11px;font-size:13px;font-weight:600;text-decoration:none}.tools a:hover{color:var(--ink);background:var(--panel-2)}.tools a[aria-current=page]{color:var(--signal-ink);background:var(--signal)}.local{color:var(--ink-2);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.led{background:var(--signal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #f2a93b29,0 0 10px #f2a93b99}.instrument{grid-template-columns:minmax(0,1fr) 280px;gap:12px;margin-top:6px;display:grid}.deck{background:var(--panel);border:1px solid var(--line);border-radius:6px;min-width:0;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.deck.is-over{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal),0 0 60px -10px #f2a93b73}.bar{border-bottom:1px solid var(--line);background:var(--panel-2);flex-wrap:wrap;align-items:center;gap:10px;min-height:52px;padding:8px 12px 8px 14px;display:flex}.bar .file{flex-direction:column;min-width:0;margin-right:auto;display:flex}.bar .fname{white-space:nowrap;text-overflow:ellipsis;max-width:42ch;font-size:14px;font-weight:600;overflow:hidden}.bar .fmeta{font-family:var(--data);color:var(--mute);font-variant-numeric:tabular-nums;font-size:12px}.bar[hidden]{display:none}.ctrl{border:1px solid var(--line-2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.ctrl:hover{border-color:var(--mute)}.ctrl svg{fill:currentColor;width:14px;height:14px}.ctrl.square{width:34px;padding:0}.ctrl.primary{background:var(--signal);border-color:var(--signal);color:var(--signal-ink)}.ctrl.primary:hover{background:var(--signal-2);border-color:var(--signal-2)}.stage{grid-template-rows:minmax(0,1fr) 54px;grid-template-columns:44px minmax(0,1fr);height:clamp(300px,52vh,470px);display:grid;position:relative}.keys{border-right:1px solid var(--line);grid-area:1/1;width:44px;height:100%;display:block}.scroll{scrollbar-color:var(--line-2) transparent;grid-area:1/2/span 2;position:relative;overflow:auto hidden}.scroll canvas{display:block}.vel-label{border-top:1px solid var(--line);border-right:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);writing-mode:vertical-rl;grid-area:2/1;justify-content:center;align-items:center;font-size:10px;display:flex;transform:rotate(180deg)}.cover{pointer-events:none;background:linear-gradient(90deg,#15181bf0 0%,#15181bd1 42%,#15181b26 78%,#15181b00 100%);flex-direction:column;justify-content:space-between;padding:clamp(18px,3.2vw,40px);display:flex;position:absolute;inset:0}.cover>*{pointer-events:auto}.cover[hidden]{display:none}h1{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:900;line-height:.84}h1 .big{font-size:clamp(66px,10.4vw,150px);font-stretch:68%;display:block}h1 .to{color:var(--mute);letter-spacing:0;margin-inline:.02em;font-weight:300;font-stretch:62%}.cover .small{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-top:.32em;font-size:clamp(15px,1.45vw,19px);font-weight:600;font-stretch:125%;line-height:1.2;display:block}.lede{max-width:34ch;color:var(--ink-2);margin:18px 0 0;font-size:clamp(16px,1.35vw,18px)}.go{flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;display:flex}.choose{background:var(--signal);height:56px;color:var(--signal-ink);font-family:var(--display);cursor:pointer;border:0;border-radius:4px;align-items:center;gap:12px;padding:0 24px 0 20px;font-size:19px;font-weight:800;font-stretch:100%;display:inline-flex;box-shadow:0 12px 34px -12px #f2a93bb3}.choose:hover{background:var(--signal-2)}.choose svg{fill:currentColor;width:20px;height:20px}.choose .or{font-family:var(--text);opacity:.62;margin-left:2px;font-size:13px;font-weight:600}.textbtn{color:var(--ink);cursor:pointer;border:0;border-bottom:1px solid var(--line-2);background:0 0;padding:4px 0;font-size:15px;font-weight:600}.textbtn:hover{border-color:var(--signal);color:var(--signal-2)}.drop-hint{color:var(--mute);font-size:14px}.specline{color:var(--mute);flex-wrap:wrap;gap:4px 18px;font-size:13px;display:flex}.specline b{color:var(--ink-2);font-weight:600}.release{pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.deck.is-over .release{display:flex}.release span{font-family:var(--display);color:var(--signal);text-shadow:0 0 40px #f2a93b80;font-size:clamp(40px,7vw,96px);font-weight:900;font-stretch:70%}.deck.is-over .cover{opacity:.12}.status{font-family:var(--data);color:var(--signal-2);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:12px;display:flex}.stage>.status{pointer-events:none;position:absolute;bottom:62px;left:58px;right:16px}.end-status-slot .status{border-top:1px solid var(--line);background:var(--panel-2);min-height:38px;padding:10px 14px;position:static}.status[hidden]{display:none}.notice{border-top:1px solid var(--line);color:#f6d9a8;background:#1f1a12;margin:0;padding:10px 14px;font-size:13px}.notice[hidden]{display:none}.readout{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;min-width:0;display:flex}.readout header{letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding:14px 16px 0;font-size:12px;font-weight:600}.pitch{align-items:baseline;gap:10px;padding:6px 16px 0;display:flex}.pitch strong{font-family:var(--display);letter-spacing:-.02em;font-size:84px;font-weight:900;font-stretch:70%;line-height:.95}.pitch span{font-family:var(--data);color:var(--mute);font-size:13px}.fields{grid-template-columns:1fr auto;gap:0;margin:14px 0 0;padding:0 16px;display:grid}.fields dt,.fields dd{border-top:1px solid var(--line);margin:0;padding:9px 0;font-size:14px}.fields dt{color:var(--mute)}.fields dd{font-family:var(--data);text-align:right;font-variant-numeric:tabular-nums}.velbar{background:var(--line);border-radius:2px;height:4px;margin:0 16px;overflow:hidden}.velbar i{background:linear-gradient(90deg,var(--v-lo),var(--v-mid),var(--v-hi));width:0;height:100%;transition:width .25s;display:block}.summary{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px 10px;margin-top:auto;padding:14px 16px 16px;display:grid}.summary div{flex-direction:column;display:flex}.summary span{color:var(--mute);font-size:12px}.summary b{font-family:var(--data);font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.summary .tb{color:var(--mute);grid-column:1/-1;font-size:12px}.hint{color:var(--faint);padding:0 16px 14px;font-size:12px}.list{border:1px solid var(--line);background:var(--panel);border-radius:6px;margin-top:12px}.list[hidden]{display:none}.list summary{cursor:pointer;align-items:center;gap:12px;padding:14px 16px;font-weight:600;list-style:none;display:flex}.list summary::-webkit-details-marker{display:none}.list summary small{color:var(--mute);font-weight:400}.list summary:after{content:"";border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);width:8px;height:8px;margin-left:auto;transition:transform .2s;transform:rotate(45deg)}.list[open] summary:after{transform:rotate(-135deg)}.tablebox{border-top:1px solid var(--line);max-height:320px;overflow:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:right;white-space:nowrap;padding:8px 16px;font-size:13px}th{background:var(--panel-2);color:var(--mute);text-align:right;font-size:12px;font-weight:600;position:sticky;top:0}th:first-child,td:first-child{text-align:left}td{font-family:var(--data);border-top:1px solid var(--line)}tbody tr{cursor:pointer}tbody tr:hover td{background:var(--panel-2)}tbody tr.sel td{color:var(--signal-2);background:#f2a93b1f}.vdot{vertical-align:0;border-radius:2px;width:8px;height:8px;margin-right:8px;display:inline-block}section{padding-block:clamp(64px,9vw,120px) 0;scroll-margin-top:84px}h2{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(40px,6vw,76px);font-weight:900;font-stretch:72%;line-height:.9}.intro{max-width:60ch;color:var(--ink-2);margin:18px 0 0;font-size:17px}section[aria-labelledby=h-converting]>.intro:first-child+h2{margin-top:clamp(64px,9vw,120px)}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,5vw,72px);display:grid}.path{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:22px;position:relative}.tab{border:1px dashed var(--line-2);border-radius:5px;padding:34px 16px 18px;position:relative}.tab>label{background:var(--panel);color:var(--mute);letter-spacing:.06em;text-transform:uppercase;padding:0 8px;font-size:12px;font-weight:600;position:absolute;top:-10px;left:14px}.chain{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:22px;display:grid}.node{border:1px solid var(--line-2);background:var(--panel-2);border-radius:4px;padding:12px;position:relative}.node b{font-size:14px;display:block}.node small{color:var(--mute);margin-top:2px;font-size:12px;display:block}.chain .node:not(:last-child):after{content:"";background:var(--signal);width:22px;height:1px;position:absolute;top:50%;right:-23px}.node.hot{border-color:var(--signal)}.links{grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:18px;margin-top:22px;display:grid}.wire{flex-direction:column;gap:10px;display:flex}.wire div{align-items:center;gap:10px;font-size:13px;display:flex}.wire .cable{border-radius:1px;flex:1;min-width:24px;height:2px}.wire .in .cable{background:linear-gradient(90deg,var(--line-2),var(--mute))}.wire .out .cable{background:repeating-linear-gradient(90deg,var(--cut) 0 8px,transparent 8px 14px);opacity:.8}.wire .out em{color:var(--cut);font-style:normal;font-weight:700}.server{border:1px solid var(--line-2);text-align:center;color:var(--mute);border-radius:4px;padding:12px;font-size:13px}.server b{color:var(--ink-2);font-size:14px;display:block}.fine{color:var(--mute);max-width:70ch;margin:18px 0 0;font-size:13px}.quad-context{color:var(--signal-2);font-family:var(--text);letter-spacing:.06em;text-transform:uppercase;margin:28px 0 10px;font-size:13px;font-weight:600}.quad{border-top:1px solid var(--line-2);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0;display:grid}.quad div{border-right:1px solid var(--line);padding:22px 18px 4px 0}.quad div:last-child{border-right:0}.quad div+div{padding-left:18px}.quad dt{color:var(--mute);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:600}.quad dd{margin:6px 0 0}.quad .val{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(34px,4.4vw,58px);font-weight:800;font-stretch:72%;line-height:1;display:block}.quad .unit{color:var(--ink-2);margin-top:10px;font-size:14px;display:block}.tips{gap:18px;margin:0;padding:0;list-style:none;display:grid}.tips li{border-left:2px solid var(--line-2);padding-left:18px}.tips b{font-size:16px;display:block}.tips span{color:var(--ink-2);font-size:15px}.fixbox{border:1px solid var(--line);border-radius:6px;overflow-x:auto}.fix{min-width:520px}.fix th,.fix td{text-align:left;white-space:normal;font-family:var(--text);vertical-align:top;padding:12px 14px;font-size:14px}.fix th{position:static}.fix td:first-child{color:var(--ink);font-weight:600}.fix td{color:var(--ink-2)}.formats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:36px;display:grid}.formats h3{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 8px;font-size:13px}.formats p{font-family:var(--display);color:var(--ink);word-spacing:.12em;margin:0;font-size:clamp(26px,3.4vw,44px);font-weight:700;font-stretch:82%;line-height:1.08}.limits{border-top:1px solid var(--line);color:var(--ink-2);flex-wrap:wrap;gap:10px 28px;margin-top:28px;padding-top:18px;font-size:15px;display:flex}.limits b{font-family:var(--data);color:var(--ink);font-weight:500}.toolrows{border-top:1px solid var(--line-2);margin-top:30px}.toolrows a{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) auto;align-items:center;gap:18px;padding:18px 0;text-decoration:none;display:grid}.toolrows a:hover strong{color:var(--signal-2)}.toolrows strong{font-family:var(--display);font-size:clamp(22px,2.4vw,30px);font-weight:800;font-stretch:80%}.toolrows span{color:var(--ink-2);font-size:15px}.toolrows i{color:var(--mute);font-size:20px;font-style:normal}.toolrows a[aria-current=page] strong{color:var(--signal)}.faq{max-width:820px;margin-top:30px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;align-items:baseline;gap:16px;padding:18px 0;font-size:18px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--data);color:var(--signal);margin-left:auto;font-size:20px}.faq details[open] summary:after{content:"−"}.faq p{max-width:65ch;color:var(--ink-2);margin:0 0 20px}footer{border-top:1px solid var(--line);color:var(--mute);flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:clamp(72px,10vw,130px);padding-block:26px 40px;font-size:14px;display:flex}footer nav{flex-wrap:wrap;gap:20px;margin-left:auto;display:flex}footer a{text-decoration:none}footer a:hover{color:var(--ink)}footer button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}.hq{color:var(--ink-2)}.hq b{color:var(--signal)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1080px){.instrument{grid-template-columns:minmax(0,1fr)}.readout{grid-template-rows:auto auto 1fr;grid-template-columns:auto minmax(0,1fr);column-gap:10px;display:grid}.readout header{grid-column:1/-1}.pitch{grid-row:2/span 2}.fields{grid-column:2;margin-top:6px}.velbar{grid-column:2}.summary,.hint{grid-column:1/-1}.split{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.local{display:none}.top{gap:12px}.cover{background:linear-gradient(#15181bf2 0%,#15181bdb 70%,#15181b80 100%)}.stage{height:430px}.go{margin-top:20px}.choose{justify-content:center;width:100%}.choose .or,.drop-hint{display:none}.chain{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:22px}.chain .node:nth-child(2):after{display:none}.links{grid-template-columns:minmax(0,1fr)}.quad{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.quad div:nth-child(2){border-right:0}.quad div:nth-child(3){padding-left:0}.quad div:nth-child(n+3){border-top:1px solid var(--line)}.formats{grid-template-columns:minmax(0,1fr)}.toolrows a{grid-template-columns:minmax(0,1fr) auto}.toolrows span{grid-area:2/1}.toolrows i{grid-area:1/2/span 2}.readout{display:flex}.pitch strong{font-size:64px}.fields{margin-top:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.ready-only[hidden],.hq-options[hidden]{display:none!important}.bar .ready-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bar .ready-controls[hidden]{display:none!important}.stage .no-notes{text-align:center;z-index:2;background:#15181beb;place-content:center;padding:24px;display:grid;position:absolute;inset:0}.no-notes .state-title{max-width:none;color:var(--ink);font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(32px,5vw,54px);font-weight:900;font-stretch:72%;line-height:.9}.tools-title{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(40px,6vw,76px);font-weight:900;font-stretch:72%;line-height:.9}.no-notes p{max-width:46ch;color:var(--ink-2)}.notice.error{color:#ffd6c9;border-color:var(--cut);background:#2c1c1b}.hq-options{border-top:1px solid var(--line);padding:16px}.hq-options h3{margin:0 0 6px;font-size:16px}.hq-options p{color:var(--mute);margin:0 0 10px;font-size:12px}.hq-option{border:1px solid var(--line-2);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;width:100%;margin-top:6px;padding:8px;font-size:12px;display:flex}.hq-option:hover{border-color:var(--signal)}.hq-message{color:var(--signal-2)!important;margin-top:10px!important}.cover .song-caveat{max-width:56ch;color:var(--ink-2);margin:8px 0 0;font-size:13px}.scroll:focus-visible,.list tr:focus-visible td{outline:2px solid var(--signal);outline-offset:-2px}@media (width<=760px){.top{flex-wrap:wrap}.tools{order:3;width:100%;margin-left:0}.stage{height:480px}.cover{padding:18px}.cover h1 .big{font-size:clamp(48px,13vw,74px)}.cover .go{gap:8px}.cover .lede{font-size:16px}.bar .file,.bar .ready-controls{width:100%}.bar .ready-controls .primary{flex:1}.stage>.status{left:55px}}.scroll #roll-spacer{height:100%;position:relative}.scroll #roll{position:sticky;left:0}.ctrl.primary{text-decoration:none}.instrument.hq-result #hq-options{grid-column:1/-1;padding:0}.instrument.hq-result .stage{height:430px}.instrument.hq-result .hint,.instrument.hq-result .summary .tb{display:none}.instrument.hq-result .vel-label{writing-mode:horizontal-tb;transform:none}.instrument.hq-result #download{text-decoration:none}@media (width<=760px){.instrument.hq-result .deck{order:0}.instrument.hq-result #hq-options{order:1}.instrument.hq-result .readout{flex-flow:wrap;order:2;align-items:baseline;gap:6px 12px;padding:14px 16px;display:flex}.instrument.hq-result .readout header,.instrument.hq-result .pitch{padding:0}.instrument.hq-result .pitch strong{font-size:34px;line-height:1}.instrument.hq-result #rMidi,.instrument.hq-result .fields dt,.instrument.hq-result #rStart,.instrument.hq-result .summary,.instrument.hq-result .velbar{display:none}.instrument.hq-result .fields{flex-direction:row-reverse;gap:5px;margin:0 0 0 auto;padding:0;display:flex}.instrument.hq-result .fields dd{color:var(--mute);border:0;padding:0;font-size:12px}.instrument.hq-result #rVel:before{content:"vel "}.instrument.hq-result #rVel:after{content:" ·"}.instrument.hq-result .stage{height:420px}.instrument.hq-result #zoomIn,.instrument.hq-result #zoomOut{display:none}.instrument.hq-result .bar{padding:8px 12px 8px 14px}.top{gap:12px;padding:16px 0 14px}}body.hq-result-mode{padding-inline:40px}@media (width<=760px){body.hq-result-mode{padding-inline:16px}}body.hq-result-mode .top{background:0 0;position:static}@media (width<=350px){.instrument.hq-result .readout{flex-wrap:nowrap;gap:8px;padding-inline:10px}.instrument.hq-result .readout header{white-space:nowrap}.instrument.hq-result .fields dd{white-space:nowrap;font-size:11px}}.barsline{border-top:1px solid var(--line);background:var(--panel-2);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;display:flex}.barsline .bl-title{flex-direction:column;min-width:150px;margin-right:6px;line-height:1.25;display:flex}.barsline .bl-title b{color:var(--ink);font-size:14px;font-weight:600}.barsline .bl-title span{color:var(--mute);font-size:12px}.barsline .bl-group{align-items:center;gap:8px;display:flex}.barsline .bl-label{color:var(--ink-2);font-size:13px}.barsline .bl-num{border:1px solid var(--line-2);background:var(--bg);border-radius:3px;align-items:center;gap:6px;height:34px;padding:0 10px 0 8px;display:inline-flex}.barsline .bl-num input{width:44px;color:var(--ink);font:500 15px var(--data);text-align:right;background:0 0;border:0;outline:none}.barsline .bl-num input::placeholder{color:var(--faint);font:13px var(--text)}.barsline .bl-num i{color:var(--mute);font-size:12px;font-style:normal}.barsline .bl-seg{border:1px solid var(--line-2);border-radius:3px;height:34px;display:inline-flex;overflow:hidden}.barsline .bl-seg button{color:var(--mute);font:500 13px var(--data);cursor:pointer;background:0 0;border:0;padding:0 11px}.barsline .bl-seg button[aria-pressed=true]{background:var(--line-2);color:var(--ink)}.barsline .bl-db{color:var(--ink-2);font-size:13px}.barsline .bl-db b{font:500 14px var(--data);color:var(--ink)}.barsline .bl-db em{color:var(--mute);font-style:normal}.barsline .bl-spacer{flex:auto}.barsline .ctrl[disabled]{color:var(--faint);border-color:var(--line);cursor:not-allowed;background:0 0}.barsline .ctrl.primary[disabled]{color:var(--faint);border-color:var(--line-2);background:0 0}.barsline .bl-why{color:var(--mute);flex-basis:100%;margin-top:-2px;font-size:12px}.barsline .bl-num input{width:72px}.bl-tempo-field{position:relative}#bars-tempo-error{color:var(--ink-2);max-width:160px;margin-top:4px;font-size:12px;display:block}#bars-ruler{cursor:crosshair;touch-action:none;height:20px;position:absolute;top:0;left:0;right:0}#bars-marker{cursor:ew-resize;touch-action:none;width:16px;height:20px;position:absolute;top:0;transform:translate(-8px)}#bars-marker:focus-visible,#bars-ruler:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}.bl-prompt{float:right;color:var(--ink-2);pointer-events:none;font-size:12px;display:none;position:sticky;top:3px;right:12px}#bars-ruler:hover .bl-prompt{display:block}@media (width<=760px){.barsline{gap:10px}.barsline .bl-title{flex-basis:100%}.barsline .bl-spacer{display:none}.barsline .bl-actions{flex-direction:column-reverse;flex-basis:100%;gap:8px;display:flex}.barsline .bl-actions .ctrl{width:100%}#bars-ruler .bl-prompt,#bars-ruler:hover .bl-prompt{display:none}}.ex{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin:22px 0 0;overflow:hidden}.ex-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.ex .tag{font-family:var(--data);letter-spacing:.06em;text-transform:uppercase;color:var(--signal);border:1px solid color-mix(in srgb,var(--signal) 28%,var(--bg));border-radius:999px;padding:2px 10px;font-size:12px}.ex-title{font-weight:600}.ex-roll{background:var(--bg);padding:10px 0}.ex-roll svg{width:100%;height:200px;display:block}.ex-data{background:var(--panel-2);padding:16px;overflow-x:auto}.ex-cap{color:var(--ink-2);max-width:68ch;margin:0 0 12px}.ex-src{color:var(--mute);margin:12px 0 0;font-size:13px}.ex table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.ex th,.ex td{text-align:right;border-top:1px solid var(--line);white-space:nowrap;padding:7px 12px;font-size:13px}.ex th{color:var(--mute);font-weight:500;font-family:var(--text);background:0 0;position:static}.ex th:first-child,.ex td:first-child{text-align:left}.ex td{font-family:var(--data)}.ex tbody tr{cursor:default}.ex tbody tr:hover td{background:0 0}@media (width<=440px){.ex-roll svg{height:150px}.ex th,.ex td{padding:6px 8px;font-size:12px}}