@font-face{font-family:themify-icons;src:url(/assets/themify-icons-BifPJsew.eot);src:url(/assets/themify-icons-BifPJsew.eot?#iefix)format("eot"),url(/assets/themify-icons-BgsFA67P.woff)format("woff"),url(/assets/themify-icons-DuU3rJAt.ttf)format("truetype"),url(/assets/themify-icons-DqOiMLGc.svg#themify-icons)format("svg")}.ti{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal;speak:none;text-transform:none;font-family:themify-icons;font-style:normal;font-weight:400;text-decoration:none}.ti-arrow-up:before{content:""}.ti-arrow-right:before{content:""}.ti-arrow-left:before{content:""}.ti-arrow-down:before{content:""}.ti-arrows-vertical:before{content:""}.ti-arrows-horizontal:before{content:""}.ti-angle-up:before{content:""}.ti-angle-right:before{content:""}.ti-angle-left:before{content:""}.ti-angle-down:before{content:""}.ti-angle-double-up:before{content:""}.ti-angle-double-right:before{content:""}.ti-angle-double-left:before{content:""}.ti-angle-double-down:before{content:""}.ti-move:before{content:""}.ti-fullscreen:before{content:""}.ti-arrow-top-right:before{content:""}.ti-arrow-top-left:before{content:""}.ti-arrow-circle-up:before{content:""}.ti-arrow-circle-right:before{content:""}.ti-arrow-circle-left:before{content:""}.ti-arrow-circle-down:before{content:""}.ti-arrows-corner:before{content:""}.ti-split-v:before{content:""}.ti-split-v-alt:before{content:""}.ti-split-h:before{content:""}.ti-hand-point-up:before{content:""}.ti-hand-point-right:before{content:""}.ti-hand-point-left:before{content:""}.ti-hand-point-down:before{content:""}.ti-back-right:before{content:""}.ti-back-left:before{content:""}.ti-exchange-vertical:before{content:""}.ti-wand:before{content:""}.ti-save:before{content:""}.ti-save-alt:before{content:""}.ti-direction:before{content:""}.ti-direction-alt:before{content:""}.ti-user:before{content:""}.ti-link:before{content:""}.ti-unlink:before{content:""}.ti-trash:before{content:""}.ti-target:before{content:""}.ti-tag:before{content:""}.ti-desktop:before{content:""}.ti-tablet:before{content:""}.ti-mobile:before{content:""}.ti-email:before{content:""}.ti-star:before{content:""}.ti-spray:before{content:""}.ti-signal:before{content:""}.ti-shopping-cart:before{content:""}.ti-shopping-cart-full:before{content:""}.ti-settings:before{content:""}.ti-search:before{content:""}.ti-zoom-in:before{content:""}.ti-zoom-out:before{content:""}.ti-cut:before{content:""}.ti-ruler:before{content:""}.ti-ruler-alt-2:before{content:""}.ti-ruler-pencil:before{content:""}.ti-ruler-alt:before{content:""}.ti-bookmark:before{content:""}.ti-bookmark-alt:before{content:""}.ti-reload:before{content:""}.ti-plus:before{content:""}.ti-minus:before{content:""}.ti-close:before{content:""}.ti-pin:before{content:""}.ti-pencil:before{content:""}.ti-pencil-alt:before{content:""}.ti-paint-roller:before{content:""}.ti-paint-bucket:before{content:""}.ti-na:before{content:""}.ti-medall:before{content:""}.ti-medall-alt:before{content:""}.ti-marker:before{content:""}.ti-marker-alt:before{content:""}.ti-lock:before{content:""}.ti-unlock:before{content:""}.ti-location-arrow:before{content:""}.ti-layout:before{content:""}.ti-layers:before{content:""}.ti-layers-alt:before{content:""}.ti-key:before{content:""}.ti-image:before{content:""}.ti-heart:before{content:""}.ti-heart-broken:before{content:""}.ti-hand-stop:before{content:""}.ti-hand-open:before{content:""}.ti-hand-drag:before{content:""}.ti-flag:before{content:""}.ti-flag-alt:before{content:""}.ti-flag-alt-2:before{content:""}.ti-eye:before{content:""}.ti-import:before{content:""}.ti-export:before{content:""}.ti-cup:before{content:""}.ti-crown:before{content:""}.ti-comments:before{content:""}.ti-comment:before{content:""}.ti-comment-alt:before{content:""}.ti-thought:before{content:""}.ti-clip:before{content:""}.ti-check:before{content:""}.ti-check-box:before{content:""}.ti-camera:before{content:""}.ti-announcement:before{content:""}.ti-brush:before{content:""}.ti-brush-alt:before{content:""}.ti-palette:before{content:""}.ti-briefcase:before{content:""}.ti-bolt:before{content:""}.ti-bolt-alt:before{content:""}.ti-blackboard:before{content:""}.ti-bag:before{content:""}.ti-world:before{content:""}.ti-wheelchair:before{content:""}.ti-car:before{content:""}.ti-truck:before{content:""}.ti-timer:before{content:""}.ti-ticket:before{content:""}.ti-thumb-up:before{content:""}.ti-thumb-down:before{content:""}.ti-stats-up:before{content:""}.ti-stats-down:before{content:""}.ti-shine:before{content:""}.ti-shift-right:before{content:""}.ti-shift-left:before{content:""}.ti-shift-right-alt:before{content:""}.ti-shift-left-alt:before{content:""}.ti-shield:before{content:""}.ti-notepad:before{content:""}.ti-server:before{content:""}.ti-pulse:before{content:""}.ti-printer:before{content:""}.ti-power-off:before{content:""}.ti-plug:before{content:""}.ti-pie-chart:before{content:""}.ti-panel:before{content:""}.ti-package:before{content:""}.ti-music:before{content:""}.ti-music-alt:before{content:""}.ti-mouse:before{content:""}.ti-mouse-alt:before{content:""}.ti-money:before{content:""}.ti-microphone:before{content:""}.ti-menu:before{content:""}.ti-menu-alt:before{content:""}.ti-map:before{content:""}.ti-map-alt:before{content:""}.ti-location-pin:before{content:""}.ti-light-bulb:before{content:""}.ti-info:before{content:""}.ti-infinite:before{content:""}.ti-id-badge:before{content:""}.ti-hummer:before{content:""}.ti-home:before{content:""}.ti-help:before{content:""}.ti-headphone:before{content:""}.ti-harddrives:before{content:""}.ti-harddrive:before{content:""}.ti-gift:before{content:""}.ti-game:before{content:""}.ti-filter:before{content:""}.ti-files:before{content:""}.ti-file:before{content:""}.ti-zip:before{content:""}.ti-folder:before{content:""}.ti-envelope:before{content:""}.ti-dashboard:before{content:""}.ti-cloud:before{content:""}.ti-cloud-up:before{content:""}.ti-cloud-down:before{content:""}.ti-clipboard:before{content:""}.ti-calendar:before{content:""}.ti-book:before{content:""}.ti-bell:before{content:""}.ti-basketball:before{content:""}.ti-bar-chart:before{content:""}.ti-bar-chart-alt:before{content:""}.ti-archive:before{content:""}.ti-anchor:before{content:""}.ti-alert:before{content:""}.ti-alarm-clock:before{content:""}.ti-agenda:before{content:""}.ti-write:before{content:""}.ti-wallet:before{content:""}.ti-video-clapper:before{content:""}.ti-video-camera:before{content:""}.ti-vector:before{content:""}.ti-support:before{content:""}.ti-stamp:before{content:""}.ti-slice:before{content:""}.ti-shortcode:before{content:""}.ti-receipt:before{content:""}.ti-pin2:before{content:""}.ti-pin-alt:before{content:""}.ti-pencil-alt2:before{content:""}.ti-eraser:before{content:""}.ti-more:before{content:""}.ti-more-alt:before{content:""}.ti-microphone-alt:before{content:""}.ti-magnet:before{content:""}.ti-line-double:before{content:""}.ti-line-dotted:before{content:""}.ti-line-dashed:before{content:""}.ti-ink-pen:before{content:""}.ti-info-alt:before{content:""}.ti-help-alt:before{content:""}.ti-headphone-alt:before{content:""}.ti-gallery:before{content:""}.ti-face-smile:before{content:""}.ti-face-sad:before{content:""}.ti-credit-card:before{content:""}.ti-comments-smiley:before{content:""}.ti-time:before{content:""}.ti-share:before{content:""}.ti-share-alt:before{content:""}.ti-rocket:before{content:""}.ti-new-window:before{content:""}.ti-rss:before{content:""}.ti-rss-alt:before{content:""}.ti-control-stop:before{content:""}.ti-control-shuffle:before{content:""}.ti-control-play:before{content:""}.ti-control-pause:before{content:""}.ti-control-forward:before{content:""}.ti-control-backward:before{content:""}.ti-volume:before{content:""}.ti-control-skip-forward:before{content:""}.ti-control-skip-backward:before{content:""}.ti-control-record:before{content:""}.ti-control-eject:before{content:""}.ti-paragraph:before{content:""}.ti-uppercase:before{content:""}.ti-underline:before{content:""}.ti-text:before{content:""}.ti-Italic:before{content:""}.ti-smallcap:before{content:""}.ti-list:before{content:""}.ti-list-ol:before{content:""}.ti-align-right:before{content:""}.ti-align-left:before{content:""}.ti-align-justify:before{content:""}.ti-align-center:before{content:""}.ti-quote-right:before{content:""}.ti-quote-left:before{content:""}.ti-layout-width-full:before{content:""}.ti-layout-width-default:before{content:""}.ti-layout-width-default-alt:before{content:""}.ti-layout-tab:before{content:""}.ti-layout-tab-window:before{content:""}.ti-layout-tab-v:before{content:""}.ti-layout-tab-min:before{content:""}.ti-layout-slider:before{content:""}.ti-layout-slider-alt:before{content:""}.ti-layout-sidebar-right:before{content:""}.ti-layout-sidebar-none:before{content:""}.ti-layout-sidebar-left:before{content:""}.ti-layout-placeholder:before{content:""}.ti-layout-menu:before{content:""}.ti-layout-menu-v:before{content:""}.ti-layout-menu-separated:before{content:""}.ti-layout-menu-full:before{content:""}.ti-layout-media-right:before{content:""}.ti-layout-media-right-alt:before{content:""}.ti-layout-media-overlay:before{content:""}.ti-layout-media-overlay-alt:before{content:""}.ti-layout-media-overlay-alt-2:before{content:""}.ti-layout-media-left:before{content:""}.ti-layout-media-left-alt:before{content:""}.ti-layout-media-center:before{content:""}.ti-layout-media-center-alt:before{content:""}.ti-layout-list-thumb:before{content:""}.ti-layout-list-thumb-alt:before{content:""}.ti-layout-list-post:before{content:""}.ti-layout-list-large-image:before{content:""}.ti-layout-line-solid:before{content:""}.ti-layout-grid4:before{content:""}.ti-layout-grid3:before{content:""}.ti-layout-grid2:before{content:""}.ti-layout-grid2-thumb:before{content:""}.ti-layout-cta-right:before{content:""}.ti-layout-cta-left:before{content:""}.ti-layout-cta-center:before{content:""}.ti-layout-cta-btn-right:before{content:""}.ti-layout-cta-btn-left:before{content:""}.ti-layout-column4:before{content:""}.ti-layout-column3:before{content:""}.ti-layout-column2:before{content:""}.ti-layout-accordion-separated:before{content:""}.ti-layout-accordion-merged:before{content:""}.ti-layout-accordion-list:before{content:""}.ti-widgetized:before{content:""}.ti-widget:before{content:""}.ti-widget-alt:before{content:""}.ti-view-list:before{content:""}.ti-view-list-alt:before{content:""}.ti-view-grid:before{content:""}.ti-upload:before{content:""}.ti-download:before{content:""}.ti-loop:before{content:""}.ti-layout-sidebar-2:before{content:""}.ti-layout-grid4-alt:before{content:""}.ti-layout-grid3-alt:before{content:""}.ti-layout-grid2-alt:before{content:""}.ti-layout-column4-alt:before{content:""}.ti-layout-column3-alt:before{content:""}.ti-layout-column2-alt:before{content:""}.ti-flickr:before{content:""}.ti-flickr-alt:before{content:""}.ti-instagram:before{content:""}.ti-google:before{content:""}.ti-github:before{content:""}.ti-facebook:before{content:""}.ti-dropbox:before{content:""}.ti-dropbox-alt:before{content:""}.ti-dribbble:before{content:""}.ti-apple:before{content:""}.ti-android:before{content:""}.ti-yahoo:before{content:""}.ti-trello:before{content:""}.ti-stack-overflow:before{content:""}.ti-soundcloud:before{content:""}.ti-sharethis:before{content:""}.ti-sharethis-alt:before{content:""}.ti-reddit:before{content:""}.ti-microsoft:before{content:""}.ti-microsoft-alt:before{content:""}.ti-linux:before{content:""}.ti-jsfiddle:before{content:""}.ti-joomla:before{content:""}.ti-html5:before{content:""}.ti-css3:before{content:""}.ti-drupal:before{content:""}.ti-wordpress:before{content:""}.ti-tumblr:before{content:""}.ti-tumblr-alt:before{content:""}.ti-skype:before{content:""}.ti-youtube:before{content:""}.ti-vimeo:before{content:""}.ti-vimeo-alt:before{content:""}.ti-twitter:before{content:""}.ti-twitter-alt:before{content:""}.ti-linkedin:before{content:""}.ti-pinterest:before{content:""}.ti-pinterest-alt:before{content:""}.ti-themify-logo:before{content:""}.ti-themify-favicon:before{content:""}.ti-themify-favicon-alt:before{content:""}:root{--bg-main:#1e1e1e;--bg-panel:#0c0c0c;--bg-panel-soft:#121212;--bg-active-row:#2d2d2d;--text-normal:#d4d4d4;--text-muted:#8d8d8d;--color-note:#4ade80;--color-inst:#f1fa8c;--color-eff:#ff79c6;--color-empty:#666;--osc-bg:#0c0c0c;--osc-border:#444;--osc-text:#4ade80;--osc-line:#4ade80;--border-color:#444;--term-green:#4ade80;--term-cyan:#8be9fd;--term-red:#f55;--shadow:0 24px 60px #00000059;color:var(--text-normal);background:var(--bg-main);font-family:Ubuntu Mono,JetBrains Mono,Fira Code,Hack,Consolas,monospace}html[data-color=neon-blue]{--bg-main:#0b1020;--bg-panel:#10182f;--bg-panel-soft:#162343;--bg-active-row:#233a69;--text-normal:#dce8ff;--text-muted:#8aa6d8;--color-note:#56d6ff;--color-inst:#ffd166;--color-eff:#ff7ab6;--color-empty:#4f6590;--osc-bg:#08101f;--osc-border:#32548c;--osc-text:#56d6ff;--osc-line:#56d6ff;--border-color:#36598f;--term-green:#88f7a1;--term-cyan:#56d6ff;--term-red:#ff6b8f}html[data-color=amber-dusk]{--bg-main:#18140c;--bg-panel:#22190f;--bg-panel-soft:#2d2113;--bg-active-row:#4b3318;--text-normal:#f7e6b8;--text-muted:#b79d73;--color-note:#95e17c;--color-inst:#ffd27a;--color-eff:#ff9f6b;--color-empty:#766140;--osc-bg:#120e08;--osc-border:#6b5331;--osc-text:#ffd27a;--osc-line:#ffd27a;--border-color:#6f5430;--term-green:#9fdb6b;--term-cyan:#8fe9ff;--term-red:#ff8162}html[data-color=violet-pulse]{--bg-main:#0c0714;--bg-panel:#150d22;--bg-panel-soft:#1c1330;--bg-active-row:#2c1e4d;--text-normal:#e5dbff;--text-muted:#9c8dc2;--color-note:#62f2c1;--color-inst:#ffe36d;--color-eff:#ff63c1;--color-empty:#5a4878;--osc-bg:#0b0612;--osc-border:#5d41a6;--osc-text:#9a8cff;--osc-line:#9a8cff;--border-color:#4e3780;--term-green:#62f2c1;--term-cyan:#9a8cff;--term-red:#ff5f87}html[data-color=dracula]{--bg-main:#1e1f29;--bg-panel:#181922;--bg-panel-soft:#232532;--bg-active-row:#313445;--text-normal:#f8f8f2;--text-muted:#9ea3b8;--color-note:#50fa7b;--color-inst:#f1fa8c;--color-eff:#ff79c6;--color-empty:#6272a4;--osc-bg:#191a21;--osc-border:#6272a4;--osc-text:#bd93f9;--osc-line:#bd93f9;--border-color:#44475a;--term-green:#50fa7b;--term-cyan:#8be9fd;--term-red:#f55}html[data-color=monokai]{--bg-main:#272822;--bg-panel:#1f201b;--bg-panel-soft:#2d2e27;--bg-active-row:#3a3b34;--text-normal:#f8f8f2;--text-muted:#a6a28c;--color-note:#66d9ef;--color-inst:#e6db74;--color-eff:#f92672;--color-empty:#75715e;--osc-bg:#1f201b;--osc-border:#5b5d52;--osc-text:#a6e22e;--osc-line:#a6e22e;--border-color:#5b5d52;--term-green:#a6e22e;--term-cyan:#66d9ef;--term-red:#f92672}html[data-color=solarized]{--bg-main:#002b36;--bg-panel:#073642;--bg-panel-soft:#0a3d4a;--bg-active-row:#174752;--text-normal:#93a1a1;--text-muted:#657b83;--color-note:#2aa198;--color-inst:#b58900;--color-eff:#d33682;--color-empty:#586e75;--osc-bg:#002b36;--osc-border:#586e75;--osc-text:#2aa198;--osc-line:#2aa198;--border-color:#586e75;--term-green:#859900;--term-cyan:#2aa198;--term-red:#dc322f}html[data-color=matrix-green]{--bg-main:#020a03;--bg-panel:#061108;--bg-panel-soft:#0a160d;--bg-active-row:#103019;--text-normal:#98ffb5;--text-muted:#4c9a63;--color-note:#0f6;--color-inst:#b7ff7a;--color-eff:#4dffb8;--color-empty:#2c6d3f;--osc-bg:#020a03;--osc-border:#1f7a3a;--osc-text:#0f6;--osc-line:#0f6;--border-color:#1a5c2d;--term-green:#0f6;--term-cyan:#4dffb8;--term-red:#c6ff4d}html[data-color=pastel-pink]{--bg-main:#fff7fb;--bg-panel:#fff0f7;--bg-panel-soft:#ffe7f2;--bg-active-row:#ffd8eb;--text-normal:#6f3d57;--text-muted:#b07f98;--color-note:#d870ad;--color-inst:#f2a65a;--color-eff:#e779c1;--color-empty:#c9a8ba;--osc-bg:#fff7fb;--osc-border:#e7bfd3;--osc-text:#d870ad;--osc-line:#d870ad;--border-color:#ddb3c8;--term-green:#d870ad;--term-cyan:#b870d8;--term-red:#ef8f6a}html[data-color=pastel-pink-dark]{--bg-main:#1a0f17;--bg-panel:#241520;--bg-panel-soft:#2d1b29;--bg-active-row:#4a2d45;--text-normal:#ffe7f2;--text-muted:#c69ab4;--color-note:#ff9ecb;--color-inst:#ffd6a5;--color-eff:#ffb3e6;--color-empty:#8b647f;--osc-bg:#1a0f17;--osc-border:#9f6285;--osc-text:#ff9ecb;--osc-line:#ff9ecb;--border-color:#7e4f6a;--term-green:#ff9ecb;--term-cyan:#ffd1e8;--term-red:#ffb38a}html[data-color=gothic-purple]{--bg-main:#120814;--bg-panel:#1a0d1f;--bg-panel-soft:#24112b;--bg-active-row:#3b1f47;--text-normal:#f0ddff;--text-muted:#a98cc2;--color-note:#c084fc;--color-inst:#e9c46a;--color-eff:#ff6fb5;--color-empty:#6f5a82;--osc-bg:#120814;--osc-border:#7c4d9e;--osc-text:#c084fc;--osc-line:#c084fc;--border-color:#5e3978;--term-green:#c084fc;--term-cyan:#d8b4fe;--term-red:#ff8fab}html[data-color=black]{--bg-main:#000;--bg-panel:#050505;--bg-panel-soft:#0a0a0a;--bg-active-row:#141414;--text-normal:#f5f5f5;--text-muted:#8a8a8a;--color-note:#fff;--color-inst:#d4d4d4;--color-eff:#a3a3a3;--color-empty:#5c5c5c;--osc-bg:#000;--osc-border:#2a2a2a;--osc-text:#fff;--osc-line:#fff;--border-color:#2f2f2f;--term-green:#fff;--term-cyan:#d9d9d9;--term-red:#9f9f9f}html[data-color=white]{--bg-main:#fff;--bg-panel:#f7f7f7;--bg-panel-soft:#efefef;--bg-active-row:#e2e2e2;--text-normal:#111;--text-muted:#6b6b6b;--color-note:#000;--color-inst:#444;--color-eff:#767676;--color-empty:#adadad;--osc-bg:#fff;--osc-border:#cfcfcf;--osc-text:#000;--osc-line:#000;--border-color:#d6d6d6;--term-green:#000;--term-cyan:#3f3f3f;--term-red:#7a7a7a}a{font-variant-numeric:tabular-nums}a[href]{color:var(--term-cyan);border-bottom:1px dashed var(--term-cyan);text-decoration:none}a[href]:hover{color:var(--term-green);border-color:var(--term-green)}*{box-sizing:border-box}html,body,#app{flex-direction:row;align-items:stretch;width:100%;min-height:100vh;margin:0;display:flex}.song-selector{border-right:1px solid var(--border-color);flex-direction:column;gap:12px;width:350px;min-width:280px;height:100dvh;display:flex}.song-selector select#sourceSelect{border:none;border-bottom:1px solid var(--border-color);background:var(--bg-panel);width:100%;color:var(--text-normal);padding:6px 10px;font-family:inherit;font-size:13px}.song-selector select#sourceSelect:hover{background:var(--bg-active-row)}.song-selector select#colorSchemeSelect{border:1px solid var(--border-color);background:var(--bg-panel);width:100%;color:var(--text-normal);padding:6px 10px;font-family:inherit;font-size:13px}.song-selector select#colorSchemeSelect:hover{background:var(--bg-active-row)}.song-selector input#searchInput{border:1px solid var(--border-color);background:var(--bg-panel);color:var(--text-normal);border-width:1px 0;padding:6px 10px;font-size:13px}.song-selector input#searchInput::placeholder{color:var(--text-muted)}.song-selector .song-pagination{justify-content:center;align-items:center;gap:8px;padding:0 10px;display:flex}.song-selector .song-pagination button{appearance:none;border:1px solid var(--border-color);background:var(--bg-panel);min-width:28px;height:28px;color:var(--text-normal);cursor:pointer;justify-content:center;align-items:center;padding:0;display:flex}.song-selector .song-pagination button:hover:not(:disabled){background:var(--bg-active-row)}.song-selector .song-pagination button:disabled{opacity:.4;cursor:not-allowed}.song-selector .song-pagination small{text-align:center;min-width:72px;color:var(--text-muted)}.song-selector .song-list{scroll-behavior:smooth;flex-direction:column;flex:1;width:100%;transition:opacity .2s;display:flex;overflow-y:auto}.song-selector .song-list.disabled{pointer-events:none;opacity:.8}.song-selector .song-list.disabled .song-item{cursor:wait}.song-selector .song-list .song-item{appearance:none;text-align:left;border-bottom:1px dashed var(--border-color);width:100%;color:inherit;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;border-radius:0;padding:8px 10px;transition:all .2s;position:relative}.song-selector .song-list .song-item.active{background:var(--bg-active-row);border:1px solid var(--border-color);border-width:0 0 1px;border-top-style:none;border-top-color:currentColor}.song-selector .song-list .song-item:hover{background:var(--bg-panel)}.song-selector .song-list .song-item.fetching{cursor:wait}.song-selector .song-list .song-item.fetching:before{content:attr(data-fetching-label);color:var(--term-green);font-variant-numeric:tabular-nums;z-index:2;font-size:12px;font-weight:700;position:absolute;top:8px;right:10px}.song-selector .song-list .song-item.fetching:after{content:"";width:var(--fetching-progress,0%);background:var(--term-green);opacity:.2;z-index:0;height:100%;transition:width .1s;position:absolute;top:0;left:0}.song-selector .song-list .song-item .title{--title-scroll-distance:min(0px, calc(100cqw - 100%));color:var(--term-cyan);white-space:nowrap;z-index:1;font-weight:700;display:block;position:relative;overflow:hidden;container-type:inline-size}.song-selector .song-list .song-item .title .title-text{white-space:nowrap;will-change:transform;width:max-content;min-width:100%;display:inline-block;transform:translate(0)}.song-selector .song-list .song-item:hover .title-text{animation:3s linear infinite song-title-marquee}.song-selector .song-list .song-item .bottom{z-index:1;flex-direction:row;justify-content:space-between;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex;position:relative}.song-selector .song-list .song-item .bottom .artist{font-weight:700}.song-selector .song-list .song-item .bottom .info{color:var(--text-muted)}.song-selector .song-list .song-list-empty{color:var(--text-muted);border-bottom:1px dashed var(--border-color);padding:12px 10px;font-size:12px}#app.browser-hidden .song-selector{display:none}.resizer{background-color:var(--border-color);width:100%;height:0;position:relative}.resizer:after{content:"";background-color:var(--term-cyan);cursor:ns-resize;opacity:0;z-index:50;transition:all .15s;position:absolute;inset:-2px 0}.resizer:hover:after,.resizer.is-resizing:after{opacity:1}.resizer.resize-browser{width:0;height:100%}.resizer.resize-browser:after{cursor:ew-resize;inset:0 -2px}@keyframes song-title-marquee{0%,15%,to{transform:translate(0)}45%,70%{transform:translateX(var(--title-scroll-distance))}}body{overflow:hidden}button,input,label,output{font:inherit}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-main);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color)}::-webkit-scrollbar-thumb{border:1px solid var(--bg-main);background:#444}::-webkit-scrollbar-thumb:hover{background:var(--term-green)}.tracker-shell{background:color-mix(in srgb, var(--bg-main) 88%, black);flex-direction:column;flex:1;gap:12px;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.top-bar,.info-bar,.tweak-bar{border:1px dashed var(--border-color);background:var(--bg-panel);border-left:none;border-right:none;align-items:center;gap:12px;padding:10px 14px;display:flex}.top-bar.top-bar,.info-bar.top-bar,.tweak-bar.top-bar{border-top:none}.progress-control{flex-direction:row;align-items:center;gap:10px;width:100%;display:flex}.progress-control>span{min-width:44px;color:var(--term-cyan);font-variant-numeric:tabular-nums}.progress-control .progress-bar{background:var(--bg-main);border:1px solid var(--border-color);cursor:pointer;flex:1;height:12px;position:relative}.progress-control .progress-bar .progress-fill{background:var(--term-green);z-index:1;width:0%;height:100%;position:absolute;inset:0 auto 0 0}.progress-control .progress-bar .progress-handler{background:var(--term-green);border:1px solid var(--bg-main);pointer-events:none;z-index:2;width:10px;height:24px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.top-bar{justify-content:space-between}.controls,.status-display{align-items:center;gap:10px;width:max-content;display:flex}.controls .space,.status-display .space{flex:1}.status-display{color:var(--text-normal);border-top:1px solid var(--border-color);width:100%;padding:6px;font-size:12px}#top-status{color:var(--color-inst)}.term-btn,.controls button{border:1px solid var(--term-green);color:var(--term-green);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:4px 6px;transition:all .15s;display:inline-flex}.term-btn:hover:not(:disabled),.controls button:hover:not(:disabled){background:var(--term-green);color:#000}.term-btn:disabled,.controls button:disabled{color:#444;cursor:not-allowed;border-color:#444}.term-btn.is-active:not(:disabled),.controls button.is-active:not(:disabled){background:var(--term-green);color:#000}input[type=file]{display:none}input[type=file]:disabled+#fileLabel{color:#444;cursor:not-allowed;pointer-events:none;border-color:#444}.info-bar,.tweak-bar{background:var(--bg-panel-soft);flex-wrap:wrap}.info-chip{background:#ffffff05;border:1px solid #272727;flex-direction:column;gap:4px;min-width:140px;padding:8px 10px;display:flex}.info-chip--wide{flex:240px}.info-chip strong{color:var(--term-cyan);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.info-label{color:var(--text-muted);letter-spacing:.08em;font-size:12px}.slider-control{flex:240px;grid-template-columns:72px minmax(120px,1fr) 64px;align-items:center;gap:10px;min-width:min(100%,320px);display:grid}.slider-control output{text-align:right;color:var(--term-cyan)}.tweak-select-control{flex:240px;grid-template-columns:72px minmax(160px,1fr);align-items:center;gap:10px;min-width:min(100%,260px);display:grid}.tweak-select-control #colorSchemeSelect{border:1px solid var(--border-color);background:var(--bg-panel);width:100%;color:var(--text-normal);padding:6px 10px;font-family:inherit;font-size:13px}.tweak-select-control #colorSchemeSelect:hover{background:var(--bg-active-row)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{border:1px solid var(--border-color);background:var(--bg-main);height:12px}input[type=range]::-webkit-slider-thumb{appearance:none;border:1px solid var(--bg-main);background:var(--term-green);border-radius:0;width:10px;height:24px;margin-top:-7px;transition:transform .12s,background-color .12s,box-shadow .12s;box-shadow:0 0 0 1px #0000002e}input[type=range]::-moz-range-track{border:1px solid var(--border-color);background:var(--bg-main);border-radius:0;height:12px}input[type=range]::-moz-range-progress{background:var(--term-green);border-radius:0;height:12px}input[type=range]::-moz-range-thumb{border:1px solid var(--bg-main);background:var(--term-green);border-radius:0;width:10px;height:24px;transition:transform .12s,background-color .12s,box-shadow .12s;box-shadow:0 0 0 1px #0000002e}input[type=range]:hover::-webkit-slider-thumb{background:var(--term-cyan);transform:scale(1.1);box-shadow:0 0 0 1px #0000002e}input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--term-cyan);transform:scale(1.1);box-shadow:0 0 0 1px #0000002e}input[type=range]:active::-webkit-slider-thumb{background:var(--term-cyan);transform:scale(1.1);box-shadow:0 0 0 1px #0000002e}input[type=range]:hover::-moz-range-thumb{background:var(--term-cyan);transform:scale(1.1);box-shadow:0 0 0 1px #0000002e}input[type=range]:focus-visible::-moz-range-thumb{background:var(--term-cyan);transform:scale(1.1);box-shadow:0 0 0 1px #0000002e}input[type=range]:active::-moz-range-thumb{background:var(--term-cyan);transform:scale(1.1);box-shadow:0 0 0 1px #0000002e}input[type=range]:disabled{cursor:not-allowed;opacity:.5}.main-container{background:var(--bg-panel);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pattern-view{border-top:1px dashed var(--border-color);border-bottom:1px solid var(--border-color);flex-direction:column;flex:1;display:flex;overflow:auto hidden}.pattern-header{border-bottom:1px solid var(--border-color);background:var(--bg-main);width:max-content;min-width:100%;font-weight:700;display:flex}.row-number-header,.row-num{text-align:center;background:var(--bg-main);border-right:1px double var(--border-color);width:40px;min-width:40px;position:sticky;left:0}.row-number-header{z-index:20}.channel-header,.channel-data{text-align:center;border-right:1px dashed var(--border-color);width:85px;min-width:85px}.channel-header{color:var(--term-cyan);padding:6px 0;font-size:13px;position:relative}.vu-bg{background:var(--bg-panel);z-index:0;opacity:.4;border-bottom:1px solid #222;height:100%;position:absolute;inset:0 0 auto}.vu-gradient{background:linear-gradient(to right, var(--term-green), var(--color-inst), var(--term-red));clip-path:inset(0 100% 0 0);transition:clip-path 10ms linear;position:absolute;inset:0}.ch-text{z-index:3;text-shadow:0 0 4px #000c;font-weight:700;position:relative}.pattern-body{scroll-behavior:smooth;flex:1;width:max-content;min-width:100%;position:relative;overflow:hidden auto}#btnPlay .ti-control-play{display:inline-block}#btnPlay .ti-control-pause,body.playing #btnPlay .ti-control-play{display:none}body.playing #btnPlay .ti-control-pause{display:inline-block}body.playing .pattern-body{scroll-behavior:unset;overflow:hidden}.pattern-row{width:max-content;min-width:100%;height:20px;line-height:20px;display:flex}.pattern-row.active{background:var(--bg-active-row);border:1px solid var(--border-color);border-width:1px 0}.row-num{z-index:10;color:#888;font-size:14px}.channel-data{white-space:pre;letter-spacing:0;font-size:14px;font-weight:700}.channel-data span{display:inline-block}.nt{color:var(--color-note)}.in{color:var(--color-inst)}.ef{color:var(--color-eff)}.em{color:var(--color-empty)}.osc-view{background:var(--bg-main);gap:8px;height:280px;min-height:200px;padding:10px;display:grid;overflow:hidden}.osc-view.osc-view--hidden{min-height:0;padding:0;display:none;height:0!important}.osc-box{border:1px solid var(--osc-border);background:var(--osc-bg);position:relative;overflow:hidden}.osc-label{border-right:1px solid var(--osc-border);border-bottom:1px solid var(--osc-border);background:var(--bg-main);color:var(--osc-text);pointer-events:none;z-index:1;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:0;left:0}canvas{width:100%;height:100%;display:block}.drop-indicator{color:#0000;letter-spacing:.2em;pointer-events:none;opacity:0;visibility:hidden;background:0 0;border:2px dashed #0000;place-items:center;font-size:20px;font-weight:700;transition:all .2s;display:grid;position:absolute;inset:14px}.drop-indicator--active{border-color:var(--term-green);color:var(--term-green);opacity:1;visibility:visible;background:#000000b8}.tweak-bar--hidden{display:none}
/*$vite$:1*/