*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#060606;color:#eee;font:14px Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{color:inherit;background:#111;border:1px solid #46443e;border-radius:7px;cursor:pointer;padding:9px 12px}button:hover:not(:disabled){border-color:#e9bd37;background:#211b0e}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}input,select,textarea{color:#eee;background:#0c0c0c;border:1px solid #45433c;border-radius:5px;padding:8px;min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f5ca41;outline-offset:3px}button img{width:20px;height:20px}button.active,button[aria-pressed=true],.gold{background:#efc12e;color:#080808;border-color:#ffe083}button.active img,button[aria-pressed=true] img{filter:brightness(0)}#sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:12px 10px;display:flex;flex-direction:column;border-right:1px solid #675221;background:#070707;z-index:10;overflow-y:auto}.logo{height:198px;display:block}.logo img{height:100%;width:100%;object-fit:contain}.back{padding:16px 11px;border-top:1px solid #29251d;border-bottom:1px solid #29251d;font-size:13px}.nav-link{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:8px;margin:4px 0;font-size:15px;min-height:45px}.nav-link img{width:25px;height:25px;filter:grayscale(1) brightness(1.5)}.nav-link.active{background:#efc12e;color:#070707;box-shadow:0 0 16px #b8881733}.nav-link.active img{filter:brightness(0)}.heard{border:1px solid #e0ad26;border-radius:8px;margin:20px 2px;padding:18px 10px;display:flex;gap:10px}.heard img{width:36px}.heard strong{display:block;font-size:16px}.heard small{display:block;margin-top:8px;font-size:10px}#sidebar footer{margin-top:auto;border-top:1px solid #29251d;padding:20px 10px;font-weight:700}#sidebar footer small{color:#999;font-weight:400}main{margin-left:230px;padding:0 12px 12px;min-width:0}.hero{height:173px;position:relative;margin:0 -12px 8px}.hero>img{width:100%;height:100%;object-fit:cover}.identity{position:absolute;right:15px;top:8px;display:flex;align-items:center;gap:10px;background:#080808e8;border:1px solid #6f5925;border-radius:9px;padding:8px 12px;font-size:12px}.identity>img{width:28px;height:28px}.private{color:#efc12e;padding-left:12px;border-left:1px solid #4c4026}.panel{background:#0a0a0a;border:1px solid #474239;border-radius:10px;padding:11px;min-width:0}h2{margin:0 0 12px;font-size:13px;font-weight:700}h2 span{font-size:10px;color:#afa589;font-weight:400;float:right}.session-bar{display:flex;align-items:center;gap:8px;padding:0 0 8px;font-size:11px}.session-bar input{width:180px;padding:5px 8px}.session-bar button{padding:6px 9px;font-size:11px}.session-bar #save-state{flex:1;color:#a99c7d;font-size:10px}.transport{display:flex;gap:8px;align-items:center;margin-bottom:9px;padding:9px}.tempo{display:flex;border:1px solid #3b372e;border-radius:8px;padding:4px;width:255px;flex-shrink:0}.tempo label{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;color:#a9a69e;font-size:10px;padding:3px;border-right:1px solid #242424}.tempo label:last-child{border:0}.tempo input,.tempo select{width:100%;max-width:90px;border:0;padding:3px;text-align:center;font-size:15px;background:transparent}.transport-buttons{display:flex;gap:7px}.transport-buttons button{width:45px;height:49px;padding:8px}.record{background:#f32e30!important;border:2px solid #ff5353!important;border-radius:50%;width:46px;height:46px;padding:7px;flex-shrink:0}.record img{filter:brightness(0) invert(1);opacity:0}.record.recording{box-shadow:0 0 0 4px #f32e3040}.clock{border:1px solid #373329;padding:7px 11px;border-radius:8px;flex:1;min-width:140px}.clock output{display:block;font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:1px}.clock small{display:block;font-size:9px;color:#aaa;margin-top:3px}.options{display:flex;gap:7px}.options button{font-size:10px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:69px}.options button img{width:16px;height:16px}#master-meter{width:110px;height:38px;border:1px solid #28251e;border-radius:5px;background:#050505}.editor{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:9px;margin-bottom:10px}.timeline{padding:5px;position:relative;overflow:hidden}.track-header{display:flex;align-items:center;gap:7px;height:36px;font-size:11px}.track-header strong{flex:1;padding-left:6px}.track-header button,.track-header select{padding:5px;font-size:10px}.ruler{display:grid;grid-template-columns:320px minmax(0,1fr);height:36px}.ruler span{color:#9b957f;font-size:10px;padding:10px}.ruler canvas{width:100%;height:36px;cursor:crosshair}.track-row{display:grid;grid-template-columns:320px minmax(0,1fr);height:57px;border-top:1px solid #24221d}.track-info{display:grid;grid-template-columns:25px 1fr 58px;align-items:center;gap:8px;padding:6px 9px;margin-right:6px;background:#151515;border:1px solid #302e27;border-radius:6px;cursor:pointer}.track-row.selected .track-info{border-color:#d6b137}.track-info>img{width:22px;height:25px;filter:grayscale(1) brightness(1.5)}.track-title{font-size:12px;display:block;margin-bottom:5px}.track-sub{display:flex;gap:6px;align-items:center}.track-sub button{padding:1px 5px;font-size:10px;border-radius:4px}.track-sub button[aria-pressed=true]{background:#f4c437}.track-sub .armed{color:#ff6363}.track-info input[type=range]{width:58px;accent-color:#e7bd3c;padding:0}.lane{position:relative;background:#0b0b0b;overflow:hidden}.lane canvas{width:100%;height:55px;display:block;cursor:crosshair}.lane .clip-caption{position:absolute;pointer-events:none;left:8px;top:5px;font-size:10px;color:#efd67a;text-shadow:0 1px 2px #000;max-width:95%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.timeline-help{margin:8px 6px 3px;color:#a69d87;font-size:11px}.lyrics{display:flex;flex-direction:column;padding:10px}.tabs{display:flex;gap:6px;border-bottom:1px solid #302c24}.tabs button{background:transparent;border:0;border-radius:0;padding:8px 10px;font-size:13px}.tabs button.active{color:#f1cc49;border-bottom:2px solid #f1cc49}.lyric-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:13px 0;color:#c0b9a5}.lyric-meta select{padding:4px;font-size:11px}.lyrics textarea{width:100%;flex:1;resize:none;border:0;line-height:1.9;min-height:230px;background:transparent;font-size:14px}.lyric-actions{display:flex;gap:8px;margin-top:8px}.lyric-actions button{flex:1;font-size:11px}.control-grid{display:grid;grid-template-columns:1.15fr 1.4fr 1fr 1fr;gap:7px;margin-bottom:8px}.inputs>button,.inputs>select{width:100%;display:flex;gap:8px;text-align:left;font-size:11px;padding:7px;margin-bottom:5px}.monitor-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:8px 0}.monitor-row label{display:flex;align-items:center;font-size:10px;white-space:nowrap}.monitor-row input{accent-color:#e8b72d}.inputs small,.takes-panel>small,.fx>small{color:#9b9486;font-size:9px}.recording-controls>div{display:flex;justify-content:space-around;align-items:center}.recording-controls button{width:48px;height:48px;border-radius:50%;padding:10px}.recording-controls .record{width:64px;height:64px}.control-labels{font-size:10px;margin-top:8px}.control-labels span{width:25%;text-align:center}.takes-panel h2{margin-bottom:7px}#takes{max-height:105px;overflow-y:auto}#takes p{font-size:11px;color:#999;margin:10px 0}#takes .take{display:flex;align-items:center;gap:7px;margin-bottom:5px}#takes .take button:first-child{flex:1;font-size:10px;text-align:left;padding:5px}#takes .take button:last-child{padding:4px 6px;font-size:9px}.quick>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quick button,.quick label{font-size:10px;padding:9px 5px;background:#121212;border:1px solid #37332c;border-radius:7px;text-align:center;min-height:37px}.quick input{accent-color:#edc232}.fx-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:7px}.fx #effects{display:flex;gap:8px}.fx button{display:flex;flex:1;flex-direction:column;align-items:center;gap:12px;font-size:10px;padding:11px 5px;height:69px}.fx button img{width:24px;height:24px}.fx small{display:block;margin-top:7px}.presets>div{display:flex;gap:8px}.preset{padding:0;flex:1;overflow:hidden;background:#12100c}.preset img{width:100%;height:50px;object-fit:cover;display:block}.preset span{font-size:9px;display:block;padding:6px 1px}.preset.active{background:#12100c;color:#eeca44;border-color:#efc33d;box-shadow:0 0 10px #b888172f}.footer-note{display:flex;gap:16px;justify-content:space-between;color:#8e8676;font-size:9px;padding:9px 3px}.footer-note a:hover{color:#edc535}#status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:90vw;background:#edc232;color:#111;padding:12px 20px;border-radius:8px;box-shadow:0 5px 25px #000;z-index:20;display:none;font-size:13px}#status.visible{display:block}#menu{display:none}dialog{border:1px solid #af8727;border-radius:12px;max-width:440px;background:#101010;color:white;padding:25px}dialog::backdrop{background:#000b}dialog p{line-height:1.6;color:#aaa}dialog>div{display:flex;gap:10px;justify-content:flex-end}input[type=checkbox]{accent-color:#f1c73e}@media(max-width:1300px){#sidebar{width:205px}.logo{height:175px}.nav-link{font-size:13px;padding:10px;gap:10px}main{margin-left:205px}.editor{grid-template-columns:minmax(0,1fr) 270px}.track-row,.ruler{grid-template-columns:240px minmax(0,1fr)}.tempo{width:210px}.transport{flex-wrap:wrap}.options{margin-left:auto}.control-grid{grid-template-columns:1fr 1.2fr 1fr}.quick{grid-column:1/-1}.quick>div{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.editor{grid-template-columns:1fr}.lyrics textarea{min-height:190px}.control-grid,.fx-grid{grid-template-columns:1fr 1fr}.quick{grid-column:auto}.quick>div{grid-template-columns:1fr 1fr}.clock{min-width:140px}.hero{height:150px}.session-bar{flex-wrap:wrap}.session-bar #save-state{flex-basis:45%}}@media(max-width:650px){#sidebar{transform:translateX(-100%);width:220px}#sidebar.open{transform:translateX(0)}main{margin-left:0;padding:0 8px 10px}#menu{display:block}.hero{height:105px;margin:0 -8px 8px}.identity{font-size:9px;padding:5px;right:5px}.identity>img{width:18px}.session-bar input{width:140px}.transport{gap:7px}.tempo{width:100%}.transport-buttons{gap:5px}.transport-buttons button{width:36px;height:39px}.clock{padding:5px;min-width:120px}.clock output{font-size:20px}#master-meter{display:none}.options{width:100%;justify-content:space-around}.options button{flex:1}.track-row,.ruler{grid-template-columns:135px minmax(0,1fr)}.track-info{grid-template-columns:16px 1fr;gap:4px;padding:5px}.track-info>img{width:16px}.track-info input{display:none}.track-title{font-size:10px}.track-sub{gap:4px}.ruler span{font-size:8px;padding:6px}.track-header strong{font-size:9px}.track-header select{max-width:115px}.control-grid,.fx-grid{grid-template-columns:1fr}.quick{grid-column:auto}.fx #effects{gap:5px}.fx button{font-size:8px}.footer-note{flex-wrap:wrap}.lyrics textarea{min-height:230px}.session-bar #save-state{font-size:9px}.presets>div{gap:5px}}

@media(min-width:901px){.track-row{height:50px}.lane canvas{height:48px}.track-info{padding:4px 8px}.track-title{margin-bottom:3px}.track-header{height:30px}.ruler{height:28px}.ruler canvas{height:28px}.ruler span{padding:6px}.control-grid>.panel{min-height:139px}.fx-grid>.panel{min-height:108px}.fx button{height:61px;gap:9px}.fx h2,.presets h2{margin-bottom:8px}.hero{height:165px}}
.heard strong{font-size:14px;white-space:nowrap}.session-bar #save-state{min-width:100px}.track-info input[type=range]{accent-color:#e4ba38}.footer-note{line-height:1.4}

@media(min-width:901px){.control-grid .panel{padding:10px}.control-grid h2{margin-bottom:9px}.inputs>button,.inputs>select{height:25px;padding:4px 6px;font-size:10px;margin-bottom:3px}.monitor-row{margin:5px 0}.monitor-row canvas{width:100px;height:17px}.inputs>small{font-size:9px}.control-grid>.panel{min-height:139px}}
.sidebar-close{display:none}@media(max-width:650px){#sidebar{visibility:hidden}#sidebar.open{visibility:visible}.sidebar-close{display:block;position:absolute;right:7px;top:7px;padding:6px}.sidebar-close img{width:15px;height:15px}.track-info input[type=range]{display:block;grid-column:2;width:65px;height:8px;position:absolute;right:8px;bottom:3px}.track-info{position:relative}.track-title{margin-bottom:7px}.hero>img{object-position:35% center}.identity{display:none}}

@media(max-width:650px){.track-info>div{align-self:start}.track-info input[type=range]{bottom:3px}}

/* Unified launch: dynamic tracks and a contained mobile timeline. */
.track-row{height:98px}.track-info{grid-template-columns:22px minmax(0,1fr) 58px}.track-management{grid-column:1/-1;display:flex;gap:4px;flex-wrap:wrap}.track-management button{padding:4px 6px;font-size:10px;min-height:26px}.track-header{height:auto;min-height:44px;flex-wrap:wrap}.timeline{overflow-x:auto}.ruler,#tracks{min-width:650px}.timeline-help{min-height:60px;padding:12px}.session-bar{flex-wrap:wrap}.track-title{overflow-wrap:anywhere}.lane{min-width:0}.lane canvas{height:94px!important}
@media(max-width:650px){.hero{height:70px}.hero>img{object-fit:cover}.transport{position:sticky;top:0;z-index:4;flex-wrap:wrap;gap:6px}.tempo{width:100%;order:2}.transport-buttons button{width:44px;height:44px}.options{width:100%;order:3}.clock{min-width:104px;padding:5px}.clock output{font-size:19px}#master-meter{display:none}.session-bar input{flex:1;min-width:150px}.session-bar button{min-height:38px}.editor{grid-template-columns:minmax(0,1fr)}.lyrics{max-height:250px}.track-header select{max-width:130px}.track-header button{min-height:40px;padding:8px}.timeline{max-width:100%;width:100%;}.ruler,.track-row{grid-template-columns:170px minmax(0,1fr)}.ruler,#tracks{min-width:660px}.track-info input[type=range]{position:static;grid-column:3;width:45px}.track-management{gap:3px}.track-management button{min-width:28px}.track-info{margin-right:2px;gap:4px;padding:4px}.track-title{font-size:12px}.track-row{height:100px}.control-grid,.fx-grid{grid-template-columns:minmax(0,1fr)}.footer-note{flex-wrap:wrap}}

.mobile-record-brand{display:none}@media(max-width:650px){.hero>img{display:none}.hero{height:60px;margin-bottom:6px}.mobile-record-brand{display:flex;align-items:center;gap:12px;padding:6px 16px;color:#e8c25d;font-size:19px}.mobile-record-brand img{height:48px;width:50px;object-fit:contain}}