/* BeatPulse approved layout — single final visual authority */
:root{color-scheme:dark;--bg:#050912;--panel:#0b121d;--panel2:#0f1724;--line:#1c2a3a;--text:#f5f7fb;--muted:#8f9bac;--purple:#8b2cff;--pink:#ef3ccf;--cyan:#22c7ff;--green:#39d98a;--danger:#ff5a68}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg)!important;color:var(--text)!important;font-family:Inter,system-ui,sans-serif;min-width:0!important}button,input{font:inherit}.v6-app{display:grid!important;grid-template-columns:232px minmax(0,1fr) 292px!important;gap:14px!important;width:100%!important;max-width:1540px!important;margin:0 auto!important;padding:14px!important;align-items:start!important}.v6-sidebar,.v6-right{position:sticky!important;top:14px!important;align-self:start!important}.v6-sidebar{display:flex!important;flex-direction:column!important;gap:12px!important;min-height:calc(100vh - 28px)!important;background:#070c14!important;border:1px solid #111b29!important;border-radius:14px!important;padding:14px!important}.v6-main{display:flex!important;flex-direction:column!important;gap:12px!important;min-width:0!important}.v6-right{display:flex!important;flex-direction:column!important;gap:12px!important}.v6-card,.v6-stats article{background:linear-gradient(180deg,#0c131f,#09111a)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important}.v6-brand{padding:8px 6px!important}.v6-brand small{display:none!important}.v6-nav{gap:4px!important}.v6-nav a,.v6-nav button{border-radius:9px!important;padding:12px 13px!important}.v6-nav [data-open-settings]{display:none!important}#settingsDialog,[data-open-settings]{display:none!important}.v6-topbar{display:none!important}
/* top actions */
.v7-hero{display:block!important;width:100%!important;max-width:none!important;padding:0!important;min-height:0!important;height:auto!important;background:transparent!important;border:0!important;overflow:visible!important}.v7-hero-content{display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}.v7-hero-content>h2,.v7-hero-content>p,.v7-hero-photo{display:none!important}.v7-action-groups{display:grid!important;width:100%!important;max-width:none!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;padding:0!important;margin:0!important}.v7-primary-actions,.v7-secondary-actions{display:contents!important}.v7-action-groups button,.v7-action-groups .v7-file-button{height:64px!important;min-width:0!important;width:100%!important;padding:9px 8px!important;border:1px solid #25364a!important;border-radius:11px!important;background:linear-gradient(180deg,#101927,#0a111b)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:11px!important;font-weight:700!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.v7-action-groups button:hover,.v7-action-groups .v7-file-button:hover{border-color:#6f49d8!important}.v7-action-groups #analyzeBtn{background:linear-gradient(135deg,#7c24ff,#d631c4)!important;border-color:#9b55ff!important}.bp-icon{width:19px!important;height:19px!important;flex:0 0 19px!important}.bp-label{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1.15!important}
/* stats */
.v6-stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}.v6-stats article{padding:14px!important;min-width:0!important}.v6-stats article b{font-size:24px!important}.v6-stats article small{color:var(--muted)!important}
/* list */
.v6-list-panel{overflow:hidden!important}.v6-list-head{padding:14px!important}.v6-progress{padding:0 14px 10px!important}.v6-list{overflow:visible!important}.v6-track{display:grid!important;grid-template-columns:22px 34px 42px minmax(125px,1fr) minmax(145px,1.25fr) 58px 58px 96px 74px 34px!important;gap:6px!important;align-items:center!important;padding:10px 10px!important;min-width:0!important;border-top:1px solid rgba(255,255,255,.055)!important}.v6-track .rank{grid-column:1!important;color:var(--muted)!important}.v6-track .play-track{grid-column:2!important;width:34px!important;height:34px!important;border-radius:8px!important}.v6-track .track-thumb{grid-column:3!important;width:40px!important;height:40px!important;border-radius:8px!important;object-fit:cover!important;background:#121c2a!important}.v6-track .track-copy{grid-column:4!important;min-width:0!important}.v6-track .track-copy strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.v6-track .track-copy small{display:block!important;color:var(--muted)!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.v6-track .track-waveform,.v6-track .track-copy canvas{grid-column:5!important;width:100%!important;max-width:100%!important;height:40px!important;display:block!important;background:transparent!important;border-radius:6px!important;overflow:hidden!important}.v6-track>label:nth-of-type(1){grid-column:6!important}.v6-track>label:nth-of-type(2){grid-column:7!important}.v6-track>label:nth-of-type(3){grid-column:8!important}.v6-track label{min-width:0!important;color:var(--muted)!important;font-size:9px!important}.v6-track input.track-bpm,.v6-track input.track-key{width:100%!important;height:34px!important;min-width:0!important;padding:0 7px!important}.v6-track .track-energy{width:100%!important}.v6-track .analyze-track{grid-column:9!important;width:100%!important;height:34px!important;padding:0 5px!important;border-radius:8px!important;white-space:normal!important;font-size:9px!important;line-height:1.05!important}.v6-track .remove-track{grid-column:10!important;width:32px!important;height:32px!important;padding:0!important;border:1px solid rgba(255,90,104,.45)!important;border-radius:8px!important;background:rgba(255,90,104,.08)!important;color:var(--danger)!important;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.v6-track .remove-track::before{content:'🗑';font-size:15px!important}.v6-list-panel footer{padding:12px 14px!important}
/* now playing */
.beatpulse-now-playing{order:3!important;margin:0!important;padding:13px!important;border:1px solid #2a2147!important;border-radius:13px!important;background:linear-gradient(180deg,#0f1724,#0a111b)!important;overflow:hidden!important}.beatpulse-now-playing[hidden]{display:block!important;opacity:1!important}.beatpulse-now-playing canvas{width:100%!important;max-width:100%!important;height:48px!important;display:block!important;background:#07101b!important;border-radius:7px!important}.beatpulse-now-playing-time{text-align:left!important;min-width:0!important;margin-top:7px!important}.beatpulse-now-playing-controls{display:grid!important;grid-template-columns:1fr 1.2fr 1fr!important;gap:7px!important;margin-top:9px!important}.beatpulse-now-playing-controls button{height:34px!important;min-width:0!important;padding:0 6px!important;font-size:10px!important}.v6-sidebar .v6-upload{order:4!important;margin:0!important}.site-credit{order:5!important}
/* right */
.v6-right .v6-card{padding:14px!important;overflow:hidden!important}.v6-right h2{font-size:14px!important;margin:0 0 12px!important}#energyCurve{width:100%!important;height:190px!important;min-height:190px!important;overflow:hidden!important}.harmonic-row{display:grid!important;grid-template-columns:auto 18px auto 1fr!important;gap:8px!important;align-items:center!important;padding:9px!important;border:1px solid rgba(124,92,255,.2)!important;border-radius:9px!important;margin:7px 0!important}.v7-filters input{width:100%!important}
@media(max-width:1250px){.v6-app{grid-template-columns:210px minmax(0,1fr) 270px!important}.v7-action-groups{grid-template-columns:repeat(4,minmax(0,1fr))!important}.v7-action-groups button,.v7-action-groups .v7-file-button{justify-content:flex-start!important;font-size:12px!important}.v6-track{grid-template-columns:20px 32px 38px minmax(110px,1fr) minmax(130px,1.1fr) 54px 54px 88px 68px 32px!important;gap:5px!important}}
@media(max-width:980px){.v6-app{grid-template-columns:190px minmax(0,1fr)!important}.v6-right{grid-column:1/-1!important;position:static!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}.v7-action-groups{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v6-list{overflow-x:auto!important}.v6-track{min-width:820px!important}}