:root{--bg: #121416;--fg: #e6e6e6;--muted: #9aa0a6;--accent: #4da3ff;--danger: #ff6161;--panel: #1b1e22;--border: #2a2e34}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.topbar{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--fg);font-weight:700;font-size:18px;letter-spacing:-.01em;padding:4px 6px;border-radius:6px}.brand:hover{background:#23272e}.brand-mark{font-size:20px;filter:saturate(1.2)}.loader{display:flex;gap:6px;align-items:center}.tune-select{padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:#0f1114;color:var(--fg)}.loader input{width:420px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:#0f1114;color:var(--fg)}.loader button,.transport button{padding:6px 12px;border:1px solid var(--border);background:#23272e;color:var(--fg);border-radius:6px;cursor:pointer}.loader button:hover,.transport button:hover{background:#2c3139}.loader button:disabled,.transport button:disabled{opacity:.5;cursor:not-allowed}.song-info{color:var(--muted);margin-right:auto}.song-info strong{color:var(--fg)}.transport{display:flex;gap:12px;align-items:center}.transport label{display:inline-flex;align-items:center;gap:6px}.transport input[type=range]{vertical-align:middle}.transport .volume{display:inline-flex;align-items:center;gap:6px}.transport .volume input[type=range]{width:100px}.transport .volume button{padding:4px 8px;font-size:14px}.transport .volume button.muted{color:var(--danger)}.transport .loop-range{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--border);border-radius:6px;background:#0f1114;color:var(--accent);font-size:12px}.transport .loop-range button{padding:0 6px;font-size:12px;line-height:1.4;background:transparent;color:var(--muted);border:none;cursor:pointer}.transport .loop-range button:hover{color:var(--fg)}.transport .position{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}body{display:flex;flex-direction:column}.main{display:flex;flex:1;min-height:0}.right-column{display:flex;flex-direction:column;flex:1;min-width:0}.bottombar{display:flex;flex-direction:column;gap:6px;padding:8px 16px 10px;background:var(--panel);border-top:1px solid var(--border)}.seek{display:flex;align-items:center;gap:10px}.seek-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;width:44px;text-align:center}.seek-track{position:relative;flex:1;height:8px;border-radius:4px;background:#0f1114;border:1px solid var(--border);cursor:pointer;overflow:hidden}.seek-track:focus{outline:2px solid var(--accent);outline-offset:2px}.seek-loop{position:absolute;top:0;bottom:0;background:#4da3ff47;pointer-events:none}.seek-fill{position:absolute;top:0;bottom:0;left:0;width:0;background:#ffffff2e;pointer-events:none}.seek-handle{position:absolute;top:-2px;bottom:-2px;width:3px;background:#ff3b30;transform:translate(-50%);pointer-events:none;transition:left .05s linear}.track-list{width:240px;min-width:240px;overflow-y:auto;border-right:1px solid var(--border);background:var(--panel);padding:8px}.track-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;margin-bottom:4px}.track-row:hover{background:#23272e}.track-row.selected{background:#2c3a4d;box-shadow:inset 2px 0 0 var(--accent)}.track-row.all-row{font-weight:600;margin-bottom:8px}.track-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row .instr{color:var(--muted);font-size:12px}.track-row{flex-wrap:wrap}.track-controls{flex-basis:100%;margin-top:2px}.track-controls summary{list-style:none;cursor:pointer;font-size:11px;color:var(--muted);padding:2px 0 2px 4px;-webkit-user-select:none;user-select:none}.track-controls summary::-webkit-details-marker{display:none}.track-controls summary:before{content:"▸ ";display:inline-block;transition:transform .1s}.track-controls[open] summary:before{transform:rotate(90deg)}.track-controls-body{display:flex;flex-direction:column;gap:4px;padding:4px 4px 2px}.track-ctrl{display:grid;grid-template-columns:20px 1fr 34px;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.track-ctrl .ctrl-label{text-align:left}.track-ctrl .ctrl-val{font-variant-numeric:tabular-nums;text-align:right;color:var(--fg)}.track-ctrl input[type=range]{width:100%;margin:0}.track-fx{margin-top:4px;padding-top:4px;border-top:1px dashed var(--border)}.track-fx-hint{color:var(--muted);font-size:10px;padding:0 4px 4px;line-height:1.3}.track-fx.disabled .track-fx-ctrl{opacity:.4}.track-fx-ctrl .ctrl-label{color:var(--accent);font-size:10px}.track-row button{width:28px;height:28px;border:1px solid var(--border);background:#1b1e22;color:var(--fg);border-radius:6px;cursor:pointer;font-weight:600}.track-row button.on.m{background:var(--danger);border-color:var(--danger);color:#fff}.track-row button.on.s{background:var(--accent);border-color:var(--accent);color:#0a1220}.score{flex:1;overflow:auto;position:relative;background:#f7f6f2;color:#111}.render-options{position:sticky;top:0;z-index:1050;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;background:#ecebe6;border-bottom:1px solid #d6d4cc;color:#2a2a2a;font-size:12px;box-shadow:0 2px 6px #00000014}.render-options .render-opt{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.render-options select,.render-options input[type=number]{padding:2px 6px;border:1px solid #cbc8bf;border-radius:4px;background:#fff;font:inherit;color:inherit}.render-options input[type=number]{width:58px}.render-options input[type=range]{vertical-align:middle;width:120px}.render-options .render-opt-val{font-variant-numeric:tabular-nums;color:#555;width:36px;text-align:right}.render-options-menu{position:relative}.render-options-menu summary{cursor:pointer;list-style:none;padding:2px 8px;border:1px solid #cbc8bf;border-radius:4px;background:#fff;-webkit-user-select:none;user-select:none}.render-options-menu summary::-webkit-details-marker{display:none}.render-options-menu[open] summary{background:#ddd9cf}.render-options-panel{position:absolute;top:100%;right:0;margin-top:6px;padding:10px 14px;background:#fff;color:#2a2a2a;border:1px solid #cbc8bf;border-radius:6px;box-shadow:0 10px 24px #00000026;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px 24px;z-index:1100;min-width:360px;max-height:60vh;overflow:auto}.render-options-section h4{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#888}.render-options-section label{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:13px}.fx-panel{grid-template-columns:repeat(4,minmax(180px,1fr));min-width:760px}.fx-engine{grid-column:1 / -1;padding:4px 0 8px;border-bottom:1px solid #eee;margin-bottom:8px;font-size:13px}.fx-engine label{display:inline-flex;align-items:center;gap:6px}.fx-engine-note{color:#777;font-size:11px;margin-left:10px}.fx-section h4{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#888}.fx-row{display:flex;align-items:center;gap:6px;font-size:12px;padding:3px 0}.fx-row.fx-range{display:grid;grid-template-columns:68px 1fr 40px}.fx-label{color:#555}.fx-val{font-variant-numeric:tabular-nums;text-align:right;color:#2a2a2a}.fx-row input[type=range]{width:100%}.status{padding:12px 16px;color:#555;background:#ecebe6;border-bottom:1px solid #d6d4cc}.status.error{color:var(--danger)}.home{padding:32px 40px 60px;color:#2a2a2a;max-width:880px}.home h1{margin:0 0 8px;font-size:40px;letter-spacing:-.02em}.home-lede{color:#555;line-height:1.5;font-size:15px;margin:0 0 28px;max-width:680px}.home-section{margin-bottom:36px}.home-section h2{margin:0 0 4px;font-size:20px}.home-sub{color:#666;margin:0 0 14px;font-size:13px}.home-tunes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.home-tunes li{margin:0}.home-tune{display:block;padding:12px 14px;border:1px solid #d6d4cc;border-radius:8px;background:#fff;color:inherit;text-decoration:none;transition:border-color .1s,box-shadow .1s}.home-tune:hover{border-color:var(--accent);box-shadow:0 2px 8px #4da3ff2e}.home-tune .title{font-weight:600;font-size:15px;margin-bottom:4px}.home-tune .source{color:#777;font-size:12px}.search-form{display:flex;flex-direction:column;gap:8px;max-width:520px}.search-input{padding:10px 14px;font-size:15px;border:1px solid #d6d4cc;border-radius:8px;background:#fff;color:#2a2a2a}.search-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.search-status{color:#666;font-size:12px;min-height:16px}.search-results{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.search-results li{margin:0}.search-result{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 12px;border:1px solid transparent;border-radius:6px;color:inherit;text-decoration:none;background:#fff}.search-result:hover{border-color:var(--accent);box-shadow:0 2px 8px #4da3ff2e}.search-result .title{font-weight:600;color:#2a2a2a}.search-result .artist{color:#666;font-size:12px}.home-catalog{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 12px}.home-catalog li{margin:0}.home-catalog-item{display:flex;align-items:baseline;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:6px;color:inherit;text-decoration:none;transition:background .1s,border-color .1s}.home-catalog-item:hover{background:#fff;border-color:#d6d4cc}.home-catalog-item .rank{color:#999;font-variant-numeric:tabular-nums;font-size:12px;min-width:20px}.home-catalog-item .title{color:var(--accent)}.at-wrap{padding:12px;min-height:400px}.at-wrap svg{background:transparent}.at-cursor-bar{background:#ffe06638}.at-cursor-beat{background:#ff3b30;width:3px!important}.at-selection div{background:#4da3ff38}