@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--bg:#0b0f17;--panel:#121a28;--panel2:#0f1623;--text:#e8eefc;--muted:#e8eefcb3;--border:#e8eefc1f;--accent:#6ea8ff;--danger:#ff6b6b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.page{grid-template-columns:380px 1fr;align-items:stretch;gap:16px;height:calc(100vh - 77px);padding:16px;display:grid}.leftColumn,.rightColumn{min-width:0;height:100%;overflow:hidden}.rightColumn{padding-right:4px;overflow:auto}.panelHeader{opacity:.95;margin-bottom:10px;font-weight:700}.songList{flex-direction:column;height:100%;min-height:0;display:flex}.songGrid{flex:1;min-height:0;overflow:auto}.songCard{background:var(--panel2);border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:12px;grid-template-columns:52px 1fr;align-items:center;gap:10px;padding:10px;display:grid}.songCard.dragging{opacity:.65}.songCover{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:52px;height:52px}.songTitle{font-weight:700}.songArtist,.songAlbum{color:var(--muted);font-size:12px}.trackSlot{background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:14px}.trackHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.trackTitle{letter-spacing:.2px;font-weight:800}.trackHint{color:var(--muted)}.trackHeaderRight{align-items:center;gap:10px;display:flex}.dropZone{background:#ffffff05;border:1px dashed #e8eefc40;border-radius:12px;padding:12px}.dropZone.over{border-color:var(--accent);background:#6ea8ff0f}.dropEmpty{text-align:center;color:var(--muted);padding:22px}.trackBody{grid-template-columns:150px 1fr;gap:12px;display:grid}.leftRail{border:1px solid var(--border);background:#0000001f;border-radius:12px;padding:10px}.leftRailHeader{margin-bottom:8px;font-weight:700}.stemRow{color:var(--text);align-items:center;gap:8px;padding:6px 0;display:flex}.stemRow span{font-size:13px}.trackMain{min-width:0}.stemWaves{gap:8px;margin-bottom:12px;display:grid}.lane{grid-template-columns:110px 1fr;align-items:center;gap:10px;display:grid}.laneLabel{color:var(--muted);font-size:12px}.laneImg{object-fit:cover;border:1px solid var(--border);background:#0003;border-radius:10px;width:100%;height:44px}.structureBlock{margin-top:10px}.blockTitle{margin-bottom:8px;font-weight:700}.laneWithOverlay{background:#ffffff08;border-radius:12px;width:100%;position:relative}.overlayRoot{position:absolute;inset:0}.segmentBtn{cursor:pointer;background:#6ea8ff2e;border:1px solid #6ea8ff59;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;transition:background .12s,border-color .12s;display:flex;position:absolute;top:6px;bottom:6px;overflow:hidden}.segmentBtn:hover{background:#6ea8ff47}.segmentBtn.selected{background:#6ea8ff66;border-color:#6ea8ffa6}.segMeasures{background:#6ea8ff1a;border-color:#6ea8ff40}.segMeasures.selected{background:#6ea8ff40;border-color:#6ea8ff8c}.segmentLabelAlways{color:#fffffff2;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;width:100%;font-size:13px;font-weight:700;overflow:hidden}.trackFooterNote{color:var(--muted);margin-top:10px;font-size:12px}.btnPrimary,.btnSecondary{border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:10px;padding:10px 14px;font-weight:700}.btnPrimary{background:#6ea8ff38;border-color:#6ea8ff66}.btnPrimary:disabled{opacity:.5;cursor:not-allowed}.btnSecondary{background:#ffffff0f}.mixerPanel{background:var(--panel);border:1px solid var(--border);border-radius:14px;gap:12px;padding:14px;display:grid}.mixStatus{color:var(--muted);font-size:13px}.muted{color:var(--muted);margin-top:6px;font-size:12px}.error{color:var(--danger);margin-top:6px}.resultPlayer audio{width:100%}.timelineGrid{gap:8px;display:grid}.timelineRow{grid-template-columns:160px 1fr;align-items:center;gap:12px;display:grid}.rowLeft{border:1px solid var(--border);background:#0000001f;border-radius:12px;align-items:center;padding:8px 10px;display:flex}.rowLeftCenter{border:1px solid var(--border);text-align:center;background:#0000001f;border-radius:12px;justify-content:center;align-items:center;padding:8px 10px;display:flex}.rowLeftInner{align-items:center;gap:10px;display:flex}.rowLabel{font-size:13px;font-weight:700}.rowLabelMuted{color:var(--muted);font-weight:700}.rowRight{min-width:0}.timelineImg{width:100%;display:block}.waveformImg{max-height:28px}.timelineImgTall{height:90px}.laneWithOverlay{width:100%;position:relative}.timeRuler{grid-template-columns:160px 1fr;align-items:end;gap:12px;margin-bottom:10px;display:grid}.timeRulerLeft{border:1px solid var(--border);background:#0000001a;border-radius:12px;height:28px}.timeRulerRight{border:1px solid var(--border);background:#0000001a;border-radius:12px;height:28px;position:relative;overflow:hidden}.timeTick{pointer-events:none;position:absolute;top:0;bottom:0;transform:translate(-1px)}.timeTickLine{background:#e8eefc2e;width:1px;position:absolute;top:0;bottom:0}.timeTickLabel{color:#e8eefcbf;white-space:nowrap;font-size:11px;position:absolute;top:6px;left:6px}.trackArt{object-fit:cover;border:1px solid var(--border);background:#0003;border-radius:12px;width:44px;height:44px}.trackSongMeta{line-height:1.1;display:grid}.trackSongTitle{font-weight:800}.trackSongArtist{color:var(--muted);margin-top:2px;font-size:12px}.waveformImg{width:100%;height:auto;max-height:70px;display:block}.appHeader{border-bottom:1px solid var(--border);background:linear-gradient(#0f1623 0%,#0b0f17 100%);width:100%;padding:14px 24px}.appHeaderInner{align-items:center;gap:16px;max-width:1600px;margin:0 auto;display:flex}.appLogo{object-fit:contain;background:#ffffff0a;border-radius:10px;width:48px;height:48px;padding:4px}.appTitle{flex-direction:column;justify-content:center;display:flex}.appTitleMain{letter-spacing:.5px;font-size:20px;font-weight:800}.appTitleSub{color:var(--muted);margin-top:2px;font-size:12px}.stemInactive{opacity:.35;filter:grayscale(60%)brightness(.7);transition:opacity .12s,filter .12s}.rightColumn{min-width:0;height:100%;padding-right:4px;overflow:auto}.segSemantic{padding:0}.segMeasures .segmentLabelAlways{white-space:nowrap}.segSemantic{background:#6ea8ff29;border-color:#6ea8ff59}.segVerse{background:#6ea8ff2e;border-color:#6ea8ff66}.segChorus{background:#48dbfb38;border-color:#48dbfb75}.segBridge{background:#8c7aff33;border-color:#8c7aff70}.segIntro,.segOutro{background:#c8d6e524;border-color:#c8d6e54d}.segInstrumental{background:#7896be29;border-color:#7896be57}.segOther{background:#6ea8ff24;border-color:#6ea8ff4d}.segSemantic.selected{background:#6ea8ff57;border-color:#ffffff8c}.segChorus.selected{background:#48dbfb5c}.segBridge.selected{background:#8c7aff57}.segIntro.selected,.segOutro.selected{background:#c8d6e53d}.segInstrumental.selected{background:#7896be47}.timelineGrid{position:relative}.playhead{pointer-events:none;z-index:5;background:#ffffff8c;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #6ea8ff73}.playheadSemantic{pointer-events:none;z-index:6;background:#ffffffa6;border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;transform:translate(-1px);box-shadow:0 0 10px #6ea8ff8c}.timelinePlayArea{pointer-events:none;z-index:6;position:absolute;top:0;left:172px;right:0}.playheadSweep{background:#ffffffa6;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 10px #6ea8ff8c}.laneBgImg{object-fit:cover!important;width:100%!important;height:56px!important;display:block!important}.playheadInteractive{cursor:ew-resize;pointer-events:auto}.playheadInteractive:after{content:"";width:14px;position:absolute;top:0;bottom:0;left:-6px}.segmentStopBtn{color:#fffffff2;cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;border:1px solid #e8eefc40;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:13px;font-weight:900;display:flex;position:absolute;top:100%;transform:translate(-50%)}.segmentStopBtn:hover{background:#000000a6}.segmentBtn.selected{transform:translateY(-1px);border-color:#ffffffd9!important;box-shadow:0 0 0 2px #ffffff59,0 0 50px #6ea8ff73!important}.segSemantic.selected{filter:brightness(1.12)saturate(1.05)}.segmentBtn.selected:after{content:"";pointer-events:none;opacity:.35;background:linear-gradient(90deg,#fff0,#fff9,#fff0) 0 0/200% 100%;border-radius:12px;animation:12s linear infinite shimmer;position:absolute;inset:-2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.segMeasures{padding:0!important}.segMeasures .segmentLabelAlways{font-size:12px;line-height:1;padding:0!important}.songBadges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.badge{color:#e8eefce6;background:#ffffff0d;border:1px solid #e8eefc24;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;line-height:1}.songCard{border-left:4px solid #e8eefc1a}.genreDance{border-left-color:#48dbfb8c}.genreHipHop{border-left-color:#8c7aff8c}.genreRock{border-left-color:#ffffff73}.genreLatino{border-left-color:#ffc8578c}.genrePop{border-left-color:#6ea8ff8c}.genreOther{border-left-color:#c8d6e559}.badgeGenre.genreDance{background:#48dbfb1a;border-color:#48dbfb38}.badgeGenre.genreHipHop{background:#8c7aff1a;border-color:#8c7aff38}.badgeGenre.genreRock{background:#ffffff0f;border-color:#ffffff2e}.badgeGenre.genreLatino{background:#ffc8571a;border-color:#ffc85738}.badgeGenre.genrePop{background:#6ea8ff1a;border-color:#6ea8ff38}.badgeGenre.genreOther{background:#c8d6e514;border-color:#c8d6e52e}.headerMeta{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.headerPill{color:#e8eefce6;background:#ffffff0d;border:1px solid #e8eefc24;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.songListHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.songSort{align-items:center;gap:8px;display:flex}.songSortLabel{color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:flex}.songSortSelect{border:1px solid var(--border);color:var(--text);background:#ffffff0f;border-radius:10px;outline:none;padding:6px 8px;font-size:12px}.songSortBtn{border:1px solid var(--border);width:34px;height:32px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:10px;font-weight:900}.songSortBtn:hover{background:#ffffff1a}.mixPlayheadSweep{pointer-events:none;background:#ffffffa6;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 10px #6ea8ff8c}.rowLabelWrap{white-space:normal;line-height:1.05}.rowLabelCenteredBlock{text-align:center;flex-direction:column;justify-content:center;align-items:center;line-height:1.05;display:flex}@media (max-width:900px){.page{grid-template-columns:1fr;height:auto}.leftColumn,.rightColumn{height:auto;overflow:visible}.rightColumn{order:1}.leftColumn{order:2}.songList{border-radius:14px;max-height:55vh}.songGrid{max-height:55vh}.appHeaderInner{flex-wrap:wrap;gap:10px}.headerMeta{justify-content:flex-start;width:100%;margin-left:0}}.mixBar{background:#ffffff08;border:1px solid #e8eefc1a;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 22px;padding:10px 12px;display:flex;position:relative}.mixBar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#6ea8ff00,#6ea8ff59,#6ea8ff00);height:1px;position:absolute;top:50%;left:18%;right:18%;transform:translateY(-50%)}.mixCenter{z-index:1;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.mixCenterMeta{flex-direction:column;align-items:center;gap:2px;margin-top:2px;display:flex}.mixBpm{color:#e8eefccc;font-size:12px;font-weight:800}.mixStatusOk{color:#e8eefcbf;font-size:12px}.mixStatusError{color:var(--danger);font-size:12px}.mixRightSpacer{width:110px}.btnMixCenter{letter-spacing:.6px;background:linear-gradient(135deg,#6ea8ff59,#48dbfb59);border:1px solid #ffffff40;border-radius:999px;padding:12px 34px;font-size:16px;transition:transform .14s,box-shadow .14s;box-shadow:0 8px 30px #6ea8ff2e}.btnMixCenter:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6ea8ff47}.mixBtnPulse{animation:2.4s ease-in-out infinite mixPulse}@keyframes mixPulse{0%,to{box-shadow:0 8px 30px #6ea8ff2e}50%{box-shadow:0 10px 44px #6ea8ff4d}}@media (max-width:900px){.mixBar{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1623c7;border-color:#e8eefc1f;margin:10px 0 14px;position:sticky;top:8px}.mixBar:before{left:12%;right:12%}.mixRightSpacer{display:none}.btnMixCenter{padding:12px 26px;font-size:15px}}.btnSwap{border-radius:999px;align-items:center;gap:8px;height:44px;padding:12px 18px;display:inline-flex}.btnMixCenter{height:44px}.btnSwap:before{content:"⇄";opacity:.85}.headerMeta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.trackChip{background:#ffffff0d;border:1px solid #e8eefc24;border-radius:14px;align-items:center;gap:10px;max-width:340px;padding:8px 10px;display:flex}.trackChipArt{object-fit:cover;border:1px solid #e8eefc1f;border-radius:10px;width:38px;height:38px}.trackChipText{flex-direction:column;min-width:0;display:flex}.trackChipTop{color:#e8eefcbf;font-size:11px;font-weight:800;line-height:1.05}.trackChipTitle{white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:12px;font-weight:900;line-height:1.1;overflow:hidden}.trackChipArtist{color:#e8eefcbf;white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:11px;line-height:1.05;overflow:hidden}@media (max-width:900px){.headerMeta{justify-content:flex-start;width:100%}.trackChip{flex:1;max-width:100%}.trackChipTitle,.trackChipArtist{max-width:100%}}.segSemantic .segmentLabelAlways{text-align:center;text-overflow:clip;pointer-events:none;justify-content:center;align-items:center;padding:4px 6px;font-size:12px;font-weight:800;line-height:1.05;display:flex;position:absolute;inset:0;overflow:hidden}.segNarrow .segmentLabelAlways{white-space:normal}.segVeryNarrow .segmentLabelAlways{white-space:nowrap;font-size:11px}.badgeDelta{background:#48dbfb1a;border-color:#48dbfb40}.badgeBpm{background:#6ea8ff29;border-color:#6ea8ff59}.bpmPerfect{background:#50ff8c2e;border-color:#50ff8c99}.bpmGood{background:#6ea8ff29;border-color:#6ea8ff73}.bpmOk{background:#ffffff14}.bpmFar{opacity:.45}.badge.badgeBpm.bpmPerfect{color:#e8eefcf2!important;background:#50ff8c2e!important;border-color:#50ff8c99!important}.badge.badgeBpm.bpmGood{background:#6ea8ff29!important;border-color:#6ea8ff73!important}.badge.badgeBpm.bpmOk{background:#ffffff14!important;border-color:#e8eefc24!important}.badge.badgeBpm.bpmFar{opacity:.45}.headerMixHint{color:#e8eefcf2;cursor:pointer;background:#6ea8ff1f;border:1px solid #6ea8ff59;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;transition:transform .12s,background .12s}.headerMixHint:disabled{opacity:.45;cursor:not-allowed;transform:none}.headerMixCluster{align-items:center;gap:8px;display:inline-flex}.headerMixBtn{color:#e8eefcf2;cursor:pointer;background:#6ea8ff24;border:1px solid #6ea8ff59;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.headerMixBtn:hover{background:#6ea8ff38}.headerMixBtn:disabled{opacity:.5;cursor:not-allowed}.headerMixStatusOk{color:#e8eefcbf;font-size:12px}.headerMixStatusErr{color:var(--danger);font-size:12px}.headerMixStack{flex-direction:column;align-items:center;gap:3px;display:flex}.headerMixStatusOk,.headerMixStatusErr{text-align:center;min-height:12px;font-size:11px;line-height:1}.headerMixStatusOk{color:#e8eefcbf}.headerMixStatusErr{color:var(--danger)}