:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{color:#172033;cursor:pointer;background:#fff;border:1px solid #cfd5df;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;min-height:42px;padding:.55rem .8rem;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{color:#172033;background:#fff;border:1px solid #cfd5df;border-radius:8px;width:100%;min-height:42px;padding:.6rem .7rem}textarea{resize:vertical;min-height:120px}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1{font-size:1.75rem}h2{align-items:center;gap:.45rem;margin-bottom:.75rem;font-size:1.05rem;display:flex}.app-shell{min-height:100vh}.topbar{z-index:5;background:#fff;border-bottom:1px solid #d9dee7;align-items:center;gap:1rem;height:64px;padding:0 1.25rem;display:flex;position:sticky;top:0}.brand{font-size:1.15rem;font-weight:800}.topbar nav{flex:1;gap:.5rem;display:flex}.topbar nav a,.topbar-action{border-radius:8px;align-items:center;gap:.35rem;min-height:40px;padding:0 .75rem;display:flex}.topbar nav a.active{background:#e9edf4}.topbar-action{background:#fff;width:auto}.user-chip{align-items:center;gap:.5rem;display:flex}.icon-button{width:42px;padding:0}.app-modal-backdrop{z-index:50;background:#17203357;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.app-modal{background:#fff;border:1px solid #dce1ea;border-radius:8px;gap:1.25rem;width:min(460px,100%);padding:1.25rem;display:grid;box-shadow:0 24px 80px #1720333d}.app-modal h2{margin-bottom:.35rem;font-size:1.1rem}.app-modal p{color:#5b6575;line-height:1.45}.app-modal-actions{justify-content:flex-end;gap:.6rem;display:flex}.app-toast{z-index:60;color:#205d36;background:#eef7f2;border:1px solid #add9ba;border-radius:8px;align-items:center;gap:.45rem;min-height:44px;padding:0 .9rem;font-weight:700;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 12px 34px #17203329}.page{padding:1.25rem}.login-page{background:linear-gradient(135deg,#0f1c2e,#24364f);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-panel{background:#fff;border-radius:8px;gap:1rem;width:min(420px,100%);padding:1.5rem;display:grid;box-shadow:0 20px 70px #0f1c2e38}.login-panel label,.stack-form,.stack{gap:.75rem;display:grid}.primary{color:#fff;background:#1f6feb;border-color:#1f6feb}.error{color:#b42318}.section-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-head p{color:#5b6575;margin-top:.2rem}.search{width:min(420px,100%);position:relative}.search svg{color:#667085;position:absolute;top:.7rem;left:.7rem}.search input{padding-left:2.2rem}.split{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.item-card{background:#fff;border:1px solid #dce1ea;border-radius:8px;align-content:start;gap:.4rem;min-height:118px;padding:1rem;display:grid}.item-card span,.pill,.track-title span,.set-builder span,.admin-item span{color:#667085;font-size:.9rem}.recent-row,.notes-strip{flex-wrap:wrap;gap:.6rem;display:flex}.pill,.notes-strip span{background:#fff;border:1px solid #dce1ea;border-radius:999px;padding:.45rem .75rem}.cue-strip{flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem;display:flex}.cue-strip button{background:#eef7f2;border-color:#b9dfc8;min-height:36px;padding:.4rem .65rem}.cue-toggle{background:#fff;border:1px solid #cfd5df;border-radius:8px;align-items:center;gap:.45rem;min-height:42px;padding:0 .7rem;display:inline-flex}.cue-toggle input{width:auto;min-height:auto}.set-cue-toggle{margin:.75rem 0}.set-player-controls{flex-wrap:wrap;gap:.55rem;margin-bottom:.8rem;display:flex}.compact-control{color:#344054;background:#fff;border:1px solid #cfd5df;border-radius:8px;align-items:center;gap:.45rem;min-height:42px;padding:0 .7rem;display:inline-flex}.compact-control input[type=number]{width:78px}.compact-control select{width:auto;min-width:122px}.compact-control input[type=range]{width:120px;padding:0}.player-layout,.set-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:1rem;display:grid}.set-layout{grid-template-columns:260px minmax(0,1fr) 320px}.player-main,.notes-panel,.notation-panel,.set-list,.admin-panel{background:#fff;border:1px solid #dce1ea;border-radius:8px;padding:1rem}.side-stack{gap:1rem;max-height:calc(100vh - 92px);display:grid;overflow:auto}.notation-panel{gap:.75rem;display:grid}.empty-notation{color:#667085;place-items:center;min-height:92px}.notation-head{gap:.6rem;display:grid}.notation-head h2{margin-bottom:.25rem}.notation-head span{color:#667085;font-size:.9rem}.notation-frame{background:#f6f7f9;border:1px solid #dce1ea;border-radius:8px;width:100%;height:520px}.notation-loading{color:#667085;border:1px solid #dce1ea;border-radius:8px;place-items:center;min-height:220px;display:grid}.notation-markers{flex-wrap:wrap;gap:.5rem;display:flex}.notation-markers button{min-height:34px;padding:.35rem .55rem;font-size:.85rem}.notation-markers .active-marker{background:#eaf2ff;border-color:#1f6feb}.transport{grid-template-columns:minmax(320px,1fr) 500px minmax(320px,1fr);place-items:center;gap:.5rem .75rem;margin-bottom:.7rem;padding:.15rem 0 .35rem;display:grid}.transport-title{color:#172033;grid-column:1/-1;justify-items:center;gap:.1rem;display:grid}.transport-title strong{font-size:1rem;line-height:1.1}.transport-title span{color:#667085;font-size:.8rem}.transport-cluster{flex-wrap:wrap;justify-self:end;align-items:center;gap:.35rem;display:inline-flex}.transport-icon{width:52px;min-height:52px;padding:0}.transport-icon svg{width:22px;height:22px}.transport-display{background:#fff;border:1px solid #cfd5df;border-radius:8px;grid-template-columns:180px 150px 170px;align-items:stretch;width:500px;min-height:56px;display:grid;overflow:hidden}.transport-position,.transport-display-cell{border-right:1px solid #dce1ea;place-items:center;padding:.45rem .75rem;display:grid}.transport-position{color:#172033;grid-template-columns:90px 90px;gap:.35rem;font-weight:700;line-height:1}.transport-position div{justify-items:center;gap:.18rem;display:grid}.transport-position strong{font-variant-numeric:tabular-nums;text-align:center;width:72px;font-size:2rem}.transport-position span{color:#667085;text-transform:uppercase;font-size:.72rem;font-weight:800}.transport-display-cell:last-child{border-right:0}.transport-display-cell strong{color:#172033;font-variant-numeric:tabular-nums;text-align:center;width:86px;font-size:1.05rem}.transport-display-cell span{color:#667085;text-transform:uppercase;font-size:.72rem;font-weight:800}.transport-meta{flex-wrap:wrap;justify-self:start;align-items:center;gap:.45rem;display:inline-flex}.transport-options{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:end;gap:.45rem;display:flex}.transport-options label{color:#667085;gap:.18rem;font-size:.72rem;font-weight:800;display:grid}.transport-options input[type=number]{width:86px;min-height:34px;padding:.35rem .5rem}.transport-options .click-control{background:#fff;border:1px solid #cfd5df;border-radius:8px;align-items:center;gap:.45rem;min-height:42px;padding:0 .65rem;display:inline-flex}.transport-options .click-control input{width:110px;min-height:auto;padding:0}.mini-toggle{min-height:34px;padding:.35rem .65rem;font-size:.85rem}.mini-toggle.active{color:#fff;background:#1f6feb;border-color:#1f6feb}.transport-range{grid-column:1/-1;align-items:center;gap:.75rem;width:100%;display:flex}.segmented-control{background:#fff;border:1px solid #cfd5df;border-radius:8px;display:inline-flex;overflow:hidden}.segmented-control button{background:0 0;border:0;border-radius:0;min-height:40px;padding:0 .65rem;font-size:.85rem}.segmented-control button.active{color:#fff;background:#1f6feb}.ready-indicator{color:#667085;white-space:nowrap;background:#f6f7f9;border:1px solid #d0d5dd;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 .65rem;font-size:.85rem;font-weight:700;display:inline-flex}.ready-indicator.ready{color:#1f5132;background:#eef7f2;border-color:#9bd4ae}.ready-indicator.error{color:#b42318;background:#fff1f0;border-color:#f1b8b4}.time{white-space:nowrap;color:#344054}.timeline{flex:180px;padding:0}.mix-status{color:#1f5132;white-space:nowrap;background:#eef7f2;border:1px solid #9bd4ae;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 .65rem;font-size:.85rem;font-weight:700;display:inline-flex}.playback-stack{position:relative}.main-playhead{top:var(--main-playhead-top,0px);bottom:0;left:var(--main-playhead-left,0px);z-index:4;pointer-events:none;background:#d92d20;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 0 1px #d92d2024,0 0 16px #d92d2047}.main-playhead:before{content:"";clip-path:polygon(50% 100%,0 0,100% 0);background:#d92d20;width:12px;height:12px;position:absolute;top:0;left:50%;transform:translate(-50%)}.beat-timeline{gap:.45rem;margin-bottom:.8rem;display:grid}.beat-timeline-top{color:#344054;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.beat-timeline-top strong{font-size:.95rem}.beat-timeline-top span{color:#667085;text-align:right;font-size:.88rem}.beat-ruler-frame{border:1px solid #cfd5df;border-radius:8px;width:100%;position:relative;overflow:hidden}.beat-ruler-viewport{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#aeb8c7 #eef2f7;width:100%;overflow:auto hidden}.beat-fixed-playhead{left:var(--playhead-left,38%);z-index:3;pointer-events:none;background:#d92d20;width:2px;height:74px;display:block;position:absolute;top:0;transform:translate(-1px);box-shadow:0 0 0 1px #d92d2024,0 0 16px #d92d204d}.beat-fixed-playhead:before{content:"";clip-path:polygon(50% 100%,0 0,100% 0);background:#d92d20;width:12px;height:12px;position:absolute;top:0;left:50%;transform:translate(-50%)}.beat-ruler-viewport::-webkit-scrollbar{height:8px}.beat-ruler-viewport::-webkit-scrollbar-track{background:#eef2f7}.beat-ruler-viewport::-webkit-scrollbar-thumb{background:#aeb8c7;border-radius:999px}.beat-ruler{cursor:pointer;background:linear-gradient(#f9fbfd 0 32px,#eef2f7 32px 33px,#fff 33px),repeating-linear-gradient(90deg,#1f6feb14 0 1px,#0000 1px 32px);border:0;border-radius:0;height:74px;min-height:74px;padding:0;display:block;position:relative;overflow:hidden}.beat-tick{background:#aeb8c7;width:1px;height:30px;position:absolute;bottom:0;transform:translate(-.5px)}.bar-tick{background:#667085;height:74px;top:0;bottom:auto}.bar-tick em{color:#172033;font-size:.8rem;font-style:normal;position:absolute;top:6px;left:6px}.precount-tick{background:#d9822b}.precount-tick b{color:#7a4b00;font-size:.78rem;position:absolute;top:38px;left:6px}.bar-tick.precount-tick em{color:#7a4b00}.precount-cue-marker{color:#7a4b00;pointer-events:none;background:#fff8e6;border:1px solid #d9822b;border-radius:50%;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;font-size:.75rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:42px;transform:translate(-50%)}.timeline-cue-marker{white-space:nowrap;text-overflow:ellipsis;color:#1f5132;pointer-events:none;background:#eef7f2;border:1px solid #9bd4ae;border-radius:6px;max-width:110px;padding:.16rem .35rem;font-size:.72rem;line-height:1.2;position:absolute;top:38px;overflow:hidden;transform:translate(-50%)}.beat-scrollbar-hint{background:#e4e9f1;border-radius:999px;height:4px;overflow:hidden}.beat-scrollbar-hint span{border-radius:inherit;background:#1f6feb;height:100%;display:block}.loop-controls,.inline-form{align-items:end;gap:.55rem;margin-bottom:.8rem;display:flex}.loop-controls label{gap:.25rem;display:grid}.mixer{--track-title-width:clamp(96px, 10vw, 150px);--track-controls-width:clamp(640px, 45vw, 800px);--track-gap:.55rem;gap:.55rem;display:grid;position:relative}.mixer-playhead-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.mixer-playhead{top:0;bottom:0;left:var(--waveform-playhead-left,0px);background:#d92d20;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 0 1px #d92d2024,0 0 12px #d92d203d}.mixer-playhead:before{content:"";clip-path:polygon(50% 100%,0 0,100% 0);background:#d92d20;width:10px;height:10px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.track-row{grid-template-columns:var(--track-title-width) minmax(260px, 1fr) var(--track-controls-width);gap:var(--track-gap);border:1px solid #dce1ea;border-left:6px solid;border-radius:8px;align-items:center;padding:.6rem;display:grid}.track-title{gap:.15rem;min-width:0;display:grid}.track-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.waveform-lane-anchor{cursor:pointer;min-width:0}.waveform{z-index:1;background:#f7f9fc;border:1px solid #edf1f6;border-radius:6px;align-items:center;min-width:0;height:46px;display:flex;position:relative;overflow:hidden}.waveform svg{width:100%;height:100%}.waveform-ready rect{opacity:.76}.waveform-loading{background:repeating-linear-gradient(90deg,#d7dee9 0 4px,#0000 4px 10px);border-color:#0000}.track-controls{grid-template-columns:44px 44px minmax(230px,1fr) 150px 112px;align-items:center;gap:.55rem;min-width:0;display:grid}.toggle{width:44px;min-height:44px;padding:0;font-weight:800}.active-muted{color:#fff;background:#b42318;border-color:#b42318}.active-solo{color:#fff;background:#b7791f;border-color:#b7791f}.active-loop{color:#fff;background:#1f6feb;border-color:#1f6feb}.danger{color:#b42318;background:#fff5f4;border-color:#f1b8b4}.slider,.pan-control{align-items:center;gap:.4rem;display:flex}.slider input,.pan-control input{padding:0}.control-label{color:#667085;min-width:48px;font-size:.78rem;font-weight:800}.pan-fader{cursor:pointer;touch-action:none;width:92px;height:22px;position:relative}.pan-value{color:#667085;text-align:center;pointer-events:none;justify-content:center;min-width:30px;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-16px;transform:translate(-50%)}.pan-rail{pointer-events:none;background:#d7dee9;border-radius:999px;height:4px;position:absolute;top:10px;left:0;right:0}.pan-thumb{pointer-events:none;background:#fff;border:1px solid #8b95a5;border-radius:999px;width:14px;height:16px;position:absolute;top:2px;transform:translate(-50%);box-shadow:0 1px 2px #17203329}.volume-db{color:#172033;text-align:right;white-space:nowrap;min-width:48px;font-size:.78rem;font-weight:800}.fx-send-control{align-items:center;gap:.35rem;min-width:0;display:flex;overflow:hidden}.fx-send-control .control-label{min-width:18px}.fx-send-control input{background:0 0;border:0;border-radius:0;width:76px;min-width:0;min-height:auto;padding:0}.snap-button{border-radius:6px;min-width:36px;min-height:32px;padding:0 .45rem;font-size:.78rem;font-weight:800}.notes-panel h2{margin-top:1rem}.notes-panel h2:first-child{margin-top:0}.notes-panel pre{white-space:pre-wrap;color:#344054;line-height:1.45}.set-list{gap:.5rem;max-height:calc(100vh - 92px);display:grid;overflow:auto}.set-song,.admin-item{text-align:left;justify-content:flex-start;width:100%;display:grid}.set-song{grid-template-columns:28px 1fr auto}.admin-item{grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.admin-item strong,.admin-item span{min-width:0}.admin-item strong{overflow-wrap:anywhere}.admin-item span{color:#667085;white-space:nowrap;justify-self:end}.set-song.active,.admin-item.active{background:#eaf2ff;border-color:#1f6feb}.set-nav{gap:.5rem;display:flex}.admin-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:1rem;display:grid}.admin-panel{gap:.75rem;display:grid}.users-page,.artists-page{gap:1rem;display:grid}.artists-layout{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);align-items:start;gap:1rem;display:grid}.user-create-panel{grid-template-columns:minmax(160px,1fr) minmax(220px,1.2fr) minmax(180px,1fr) 130px auto;align-items:end;gap:.6rem;display:grid}.artist-create-panel{grid-template-columns:minmax(220px,1fr) minmax(260px,1.4fr) auto;align-items:end;gap:.6rem;display:grid}.artist-list,.song-assignment-list{gap:.65rem;display:grid}.artist-card,.song-assignment-row{border:1px solid #dce1ea;border-radius:8px;gap:.65rem;padding:.75rem;display:grid}.artist-card-head{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.artist-card-head div,.artist-songs{gap:.25rem;display:grid}.artist-card span,.artist-songs span{color:#667085;font-size:.9rem}.artist-card label,.song-assignment-row label{color:#667085;gap:.25rem;font-size:.78rem;font-weight:800;display:grid}.artist-members{flex-wrap:wrap;gap:.45rem;display:flex}.artist-members button{background:#f6f7f9;min-height:32px;padding:0 .55rem}.song-assignment-row{grid-template-columns:minmax(150px,1fr) minmax(170px,1fr);align-items:center}.admin-list{gap:.45rem;display:grid}.set-builder{border:1px solid #dce1ea;border-radius:8px;gap:.55rem;padding:.75rem;display:grid}.set-actions{margin-bottom:0}.track-admin-list{border-top:1px solid #dce1ea;gap:.5rem;padding-top:.75rem;display:grid}.track-admin-row{border:1px solid #dce1ea;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.65rem;display:grid}.track-admin-row div{gap:.2rem;min-width:0;display:grid}.track-admin-row span{color:#667085;overflow-wrap:anywhere;font-size:.9rem}.track-setup-list{gap:.5rem;display:grid}.track-setup-row{border:1px solid #dce1ea;border-left:4px solid #2f80ed;border-radius:8px;grid-template-columns:minmax(140px,1.4fr) minmax(120px,1fr) minmax(120px,1fr) 76px 72px;align-items:end;gap:.55rem;padding:.65rem;display:grid}.track-setup-row label{color:#667085;gap:.25rem;font-size:.82rem;display:grid}.track-setup-row input[type=range],.track-setup-row input[type=color]{padding:0}.track-setup-row input[type=color]{width:48px}.user-admin-list{border-top:1px solid #dce1ea;gap:.5rem;padding-top:.75rem;display:grid}.user-admin-row{border:1px solid #dce1ea;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.65rem;display:grid}.editable-user-row{grid-template-columns:minmax(140px,1fr) minmax(180px,1.2fr) 120px minmax(150px,1fr) auto;align-items:end}.editable-user-row label{color:#667085;gap:.25rem;font-size:.78rem;font-weight:800;display:grid}.editable-user-row input,.editable-user-row select{min-height:38px;font-size:.9rem}.user-admin-row div{gap:.2rem;min-width:0;display:grid}.user-row-actions{gap:.45rem;display:flex}.success-text{color:#1f6f3c;font-weight:700}.user-admin-row span{color:#667085;overflow-wrap:anywhere;font-size:.9rem}.role-pill{color:#344054;background:#f6f7f9;border:1px solid #cfd5df;border-radius:999px;padding:.2rem .45rem;font-weight:700}.cue-admin{border-top:1px solid #dce1ea;gap:.75rem;padding-top:.75rem;display:grid}.cue-admin-list{gap:.5rem;display:grid}.cue-admin-row{border:1px solid #dce1ea;border-radius:8px;grid-template-columns:minmax(120px,1fr) 110px 72px auto;align-items:center;gap:.5rem;padding:.6rem;display:grid}.cue-admin-row label{align-items:center;gap:.35rem;display:flex}.cue-admin-row label input{width:auto;min-height:auto}.notation-admin-list{gap:.75rem;display:grid}.notation-admin-card{border:1px solid #dce1ea;border-radius:8px;gap:.65rem;padding:.75rem;display:grid}.notation-admin-title{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.notation-admin-title div{gap:.2rem;min-width:0;display:grid}.notation-admin-title span{color:#667085;overflow-wrap:anywhere;font-size:.9rem}.editor{border-top:1px solid #dce1ea;padding-top:.75rem}@media (width<=1180px){.player-layout,.set-layout,.admin-grid,.split{grid-template-columns:1fr}.set-list{max-height:none}}@media (width<=860px){.mixer{--track-title-width:0px;--track-controls-width:0px;--track-gap:0px}.mixer-playhead-layer{top:58px}.section-head,.loop-controls,.inline-form,.set-nav{flex-direction:column;align-items:stretch}.transport,.track-row{grid-template-columns:1fr 1fr}.track-controls{grid-column:1/-1;grid-template-columns:44px 44px 1fr}.pan-control,.timeline,.time,.slider,.waveform,.track-title,.cue-admin-row{grid-column:1/-1}.cue-admin-row{grid-template-columns:1fr}.topbar{flex-wrap:wrap;height:auto;padding:.75rem}}