:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111214;color:#d6d7d9;font-size:13px;--bg:#111214;--panel:#1a1b1e;--inset:#121315;--border:#303237;--muted:#85888f;--accent:#ed9746;--accent-dim:#372a1e;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}body{margin:0;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.35;cursor:default}button:disabled{pointer-events:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.icon-defs{width:0;height:0;overflow:hidden;position:absolute}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon.small{width:15px;height:15px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.muted{color:var(--muted)}.small{font-size:11px}.tiny{font-size:11px;line-height:1.4}.eyebrow{font-size:10px;font-weight:600;color:var(--accent);letter-spacing:1px}.button{border:1px solid var(--border);border-radius:3px;min-height:32px;padding:6px 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:550;white-space:nowrap;background:#282a2e}.button:hover{background:#34363c}.primary{background:var(--accent);color:#17120e;border-color:#f0aa67}.primary:hover{background:#f4b06d}.secondary,.light{background:#292b2f;color:#d5d6d9}.full-width{width:100%}.text-button{background:none;border:0;color:#a9acb3;font-size:11px;padding:4px 0;text-align:left}.text-button:hover{color:var(--accent)}.icon-button{background:none;border:1px solid transparent;border-radius:3px;display:inline-flex;justify-content:center;align-items:center;min-height:29px;min-width:29px;padding:5px;text-decoration:none;position:relative}.icon-button:hover{background:#303237;border-color:#3c3e44}.brand{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750;letter-spacing:1px;white-space:nowrap}.brand>.icon{color:var(--accent);width:22px;height:22px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:204px;background:#17181b;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:15px 10px 0;z-index:30}.sidebar>.brand{height:25px;margin-bottom:22px;padding:0 3px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:650;letter-spacing:1px;color:#9da0a7;margin:0 4px 9px}.count{font-family:var(--mono);color:var(--accent);font-size:11px}.add-song{justify-content:flex-start;width:100%;background:#26282c;min-height:30px}.add-song>.icon{width:14px;height:14px}.search-field{display:flex;align-items:center;gap:6px;background:var(--inset);border:1px solid #2a2c30;border-radius:3px;padding:5px 7px;margin-top:12px;color:#60636a}.search-field>input{background:none;border:0;min-width:0;width:100%;outline:none;font-size:11px;padding:0}.filter{background:none;border:0;border-bottom:1px solid var(--border);border-radius:0;font-size:11px;color:#91949d;padding:8px 2px;margin-bottom:8px}.song-list{flex:1;min-height:80px;overflow:auto;margin:0 -3px;padding:0 2px}.song-row{display:flex;align-items:center;border:1px solid transparent;border-radius:3px;margin-bottom:3px}.song-row:hover{background:#25272b}.song-row.active{background:#30261e;border-color:#654626;box-shadow:inset 2px 0 var(--accent)}.song-entry{display:flex;align-items:center;gap:7px;background:none;border:0;border-radius:2px;padding:7px 5px;flex:1;min-width:0;text-align:left}.song-delete{flex-shrink:0;color:#858890;min-width:27px;min-height:29px;padding:5px;margin-right:2px}.song-delete>.icon{width:14px;height:14px}.song-delete:hover,.song-delete:focus-visible{color:#f2a092;background:#3e2726;border-color:#68403b}.song-thumb{width:29px;height:29px;background:#2b2c31;border-radius:2px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#93979e}.song-thumb>img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.song-entry-info{min-width:0;flex:1;overflow:hidden}.song-entry strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;color:#dddfe3}.song-entry small{font-size:9px;color:#858890;display:block;margin-top:2px}.learned-dot{width:5px;height:5px;border-radius:50%;background:#9fb76d;flex-shrink:0}.library-empty{font-size:11px;color:#61656d;padding:20px 10px;text-align:center}.library-empty>.icon{display:block;margin:0 auto 9px;color:#44474e}.sidebar-bottom{border-top:1px solid var(--border);padding-top:8px;margin-top:8px}.backup-actions{display:flex;justify-content:space-between;padding:0 2px 8px}.backup-actions>button{font-size:10px;color:#6c7079}.account-row{border-top:1px solid #27292d;display:flex;align-items:center;gap:6px;padding:8px 0}.account-row>div{flex:1;min-width:0}.account-row small{color:#72777e;font-size:9px;display:block}.account-row>.text-button{font-size:10px}.account-row>.icon-button{min-width:25px;min-height:25px;color:#767b83}.main{margin-left:204px;flex:1;min-width:0}.topbar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#1b1c1f;border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:7px}.studio-label{font-size:10px;font-weight:600;letter-spacing:1.2px;color:#969aa2}.prototype-badge{font-size:9px;color:#60656d;letter-spacing:.8px}.workspace{padding:12px 14px;max-width:1580px;margin:0 auto}.source-row{display:flex;align-items:stretch;gap:6px;margin-bottom:12px}.link-bar{display:flex;align-items:center;gap:9px;flex:1;min-width:0;background:#191a1d;border:1px solid var(--border);border-radius:3px;padding:3px 3px 3px 10px}.youtube-logo{color:#dd5b52;font-size:12px}.link-bar>input{background:transparent;border:0;outline:none;flex:1;min-width:0;padding:3px 0;font-size:12px}.link-bar>.button{min-height:27px;padding:4px 9px;font-size:11px}.link-bar>.button>.icon{width:13px;height:13px}.source-row>.button{padding:6px 12px;font-size:11px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:10px;align-items:start}.player-column,.tools-column{display:flex;flex-direction:column;gap:10px;min-width:0}.card,.player-card{background:var(--panel);border:1px solid var(--border);border-radius:4px;overflow:hidden}.song-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;background:#202125;border-bottom:1px solid #2c2e33;min-height:49px}.song-heading>div{min-width:0}.song-heading .eyebrow{font-size:9px;color:#7a7f88;letter-spacing:1px}.song-heading h2{font-size:13px;font-weight:550;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-heading .icon-button{color:#858b96;min-width:25px;min-height:25px}.video-stage{background:#090a0b;aspect-ratio:16/9;min-height:200px;max-height:340px;position:relative;overflow:hidden}.video-stage iframe,#youtube-player{position:absolute;inset:0;width:100%;height:100%;border:0}.empty-player,.audio-player-view{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px;color:#656a73}.empty-player>.icon,.audio-player-view>.icon{width:29px;height:29px;stroke-width:1;color:#5c6069;margin-bottom:8px}.empty-player h3{font-size:13px;font-weight:500;color:#91959f;margin:5px 0}.empty-player p{font-size:11px;color:#5c6069;margin:0}.audio-player-view>span{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#727984;margin-top:3px}.audio-player-view>p{font-family:var(--mono);font-size:14px;color:var(--accent);overflow-wrap:anywhere;max-width:100%;margin:8px 0}.audio-player-view>small{font-size:10px;color:#585d66;margin-top:8px}.audio-player-view>.button{font-size:10px;min-height:26px}.transport{border-top:1px solid var(--border);padding:9px 10px;background:#1c1d21}.seek-row{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;color:#9fa4ad}.seek-row>input{flex:1;min-width:30px}.seek-row>span{min-width:32px}.seek-row>span:last-child{text-align:right}input[type=range]{appearance:none;-webkit-appearance:none;height:4px;border:0;background:#393c43;border-radius:1px;cursor:pointer;padding:0;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{appearance:none;width:8px;height:12px;background:var(--accent);border:1px solid #f1b77c;border-radius:1px}input[type=range]::-moz-range-thumb{width:6px;height:10px;background:var(--accent);border:1px solid #f1b77c;border-radius:1px}.transport-row{display:flex;align-items:center;gap:12px;margin-top:8px}.playback-buttons{display:flex;gap:5px;align-items:center}.playback-buttons .icon-button{color:#8d939e;min-width:28px;min-height:28px}.playback-buttons .icon{width:20px;height:20px}.playback-buttons small{position:absolute;font-family:var(--mono);font-size:7px;top:10px;left:12px}.forward>.icon{transform:scaleX(-1)}.play-button{width:36px;height:29px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#21170c;border:1px solid #f0ac69;border-radius:2px}.play-button:hover{background:#f3b477}.play-button>.icon{width:18px;height:18px}.rate-control{display:flex;align-items:center;gap:6px;margin-left:auto}.rate-control>label,.volume-control>label{font-size:10px;color:#7d838c}.rate-control>select{font-family:var(--mono);font-size:12px;border:1px solid #3a3d43;border-radius:2px;background:#111315;padding:4px 5px;color:var(--accent)}.volume-control{display:flex;align-items:center;gap:6px}.volume-control>input{width:48px}.card{padding:11px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.card-heading>div{display:flex;align-items:center;gap:6px}.card-heading .icon{color:#8d939e}.card h2{font-size:12px;letter-spacing:.5px;font-weight:600;text-transform:uppercase;margin:0}.toggle-button{background:none;border:0;display:flex;align-items:center;gap:7px;font-size:10px;color:#747a85;padding:0}.toggle-button[aria-pressed=true]{color:var(--accent)}.switch-track{width:25px;height:13px;background:#3a3d43;border-radius:2px;position:relative}.switch-track:after{content:'';width:9px;height:9px;background:#9b9fa8;position:absolute;top:2px;left:2px;border-radius:1px}.toggle-button[aria-pressed=true] .switch-track{background:#6e4a27}.toggle-button[aria-pressed=true] .switch-track:after{transform:translateX(12px);background:var(--accent)}.loop-inputs{display:flex;align-items:center;gap:8px}.loop-point{display:flex;align-items:center;gap:8px;border:1px solid #34363d;background:#131416;border-radius:2px;padding:5px 7px;flex:1;min-width:0}.point-label{font-family:var(--mono);font-size:17px;font-weight:600;color:var(--accent);width:18px}.point-label.end{color:#a6b1c2}.loop-point>div{flex:1;min-width:0}.loop-point label{font-size:9px;color:#737986;text-transform:uppercase;letter-spacing:.4px;display:block}.loop-point input{background:none;border:0;outline-offset:0;font-family:var(--mono);font-size:19px;line-height:1.2;width:100%;min-width:32px;padding:0;color:#e6e7eb}.loop-point .text-button{font-size:9px;color:#a48564;white-space:nowrap}.loop-line{font-size:14px;color:#535965}.loop-visual{position:relative;height:17px;overflow:hidden;background:#0f1113;margin:7px 0;display:flex;align-items:center;justify-content:center;border:1px solid #2c2e33}.loop-visual>div{position:absolute;inset:0 auto 0 0;background:#6d4b273d;border-left:2px solid #a7753c;border-right:2px solid #a7753c;width:0}.loop-visual>span{position:relative;font-family:var(--mono);font-size:9px;color:#9d9488}.fragment-form{display:flex;gap:5px}.fragment-form>input{flex:1;min-width:0;background:#121315;border:1px solid #34363c;border-radius:2px;padding:6px 7px;font-size:11px}.fragment-form>.button{font-size:10px;min-height:28px;padding:5px 8px}.fragment-form>.button>.icon{width:12px;height:12px}.fragment-list{display:flex;flex-direction:column;gap:4px;margin-top:7px}.fragment-empty{font-size:10px;color:#5c626e;margin:1px 0}.fragment-entry{display:flex;align-items:center;gap:4px;background:#202226;border:1px solid #2d3036;border-radius:2px;padding:0 3px 0 7px}.fragment-entry.active{background:#33271b;border-color:#6b4c2b}.fragment-activate{border:0;background:none;flex:1;min-width:0;display:flex;align-items:center;gap:7px;text-align:left;padding:5px 0}.fragment-activate>.icon{width:12px;height:12px;color:#a38d6c}.fragment-activate>strong{font-size:11px;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fragment-activate>span{font-size:10px;font-family:var(--mono);color:#818792}.fragment-entry>.icon-button{min-height:23px;min-width:23px;padding:3px;color:#666d79}.fragment-entry>.icon-button>.icon{width:13px;height:13px}.pitch-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px}.pitch-card>div:first-child{flex:1;min-width:0}.pitch-card p{font-size:10px;color:#777e89;margin:4px 0 0}.pill{color:#787f8a;border:1px solid #3a3d44;font-size:8px;font-weight:400;padding:1px 4px;border-radius:2px;vertical-align:middle;margin-left:4px}.pitch-stepper{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100px;flex-shrink:0}.pitch-stepper>.icon-button{min-width:25px;min-height:24px;border:1px solid #3c3f47;background:#23252a;padding:0;font-family:var(--mono);font-size:18px}.pitch-stepper>output{font-family:var(--mono);font-size:17px;color:var(--accent);text-align:center;width:24px}.pitch-stepper>span{width:100%;text-align:center;color:#666d78;font-size:9px;margin-top:-5px}.metronome-card .card-heading{border-bottom:1px solid #303238;padding-bottom:8px;margin-bottom:8px}.bpm-control{display:flex;align-items:center;justify-content:center;gap:20px;margin:8px 0}.bpm-control>.icon-button{border:1px solid #383b43;background:#24262b;font-family:var(--mono);font-size:19px;min-width:25px;min-height:25px;padding:0;color:#a4abb6}.bpm-control>div{display:flex;flex-direction:column;align-items:center}.bpm-control input{border:0;background:none;font-family:var(--mono);font-size:44px;line-height:1;text-align:center;width:102px;padding:0;letter-spacing:-2px;color:var(--accent);appearance:textfield}.bpm-control input::-webkit-inner-spin-button{appearance:none}.bpm-control span{font-size:9px;letter-spacing:1px;color:#6c727d}.beat-dots{display:flex;justify-content:center;gap:8px;margin:12px 0}.beat-dots>i{width:19px;height:5px;border:1px solid #454852;background:#282b31;border-radius:1px}.beat-dots>i:first-child{background:#5b432c;border-color:#8d6338}.beat-dots>i.active{background:var(--accent);border-color:#ffc086;box-shadow:0 0 9px #f6984540}.tap-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #5d4831;border-radius:2px;background:#2b241d;color:#d4ac7d;min-height:30px;width:100%;font-size:12px;font-weight:600}.tap-button>span{font-size:9px;font-weight:400;color:#8a7660}.tap-button:active,.tap-button.tapped{background:#6d4727;color:#f3d2a8}.tap-status{font-size:9px;color:#737983;text-align:center;margin:6px 0 10px;min-height:12px}.metronome-options,.song-options{display:flex;gap:7px;margin:8px 0}.metronome-options>label,.song-options>label{flex:1;min-width:0;font-size:9px;color:#7c838e;text-transform:uppercase;letter-spacing:.4px}.metronome-options select,.song-options select{display:block;width:100%;background:#121416;border:1px solid #353841;border-radius:2px;font-size:11px;color:#c0c4cb;padding:5px 4px;margin-top:3px}.metronome-card>.button{font-size:11px;min-height:29px}.metronome-card>.button[aria-pressed=true]{color:#20160e;background:var(--accent);border-color:#efb16b}.metronome-foot{font-size:9px;color:#616976;margin:8px 0 0}.notes-card .card-heading{margin-bottom:7px}.notes-card .card-heading .tiny{font-size:8px;color:#606773}.notes-card textarea{width:100%;min-height:164px;resize:vertical;background:#111315;color:#b3b8c3;border:1px solid #32353d;border-radius:2px;font-family:var(--mono);font-size:12px;line-height:1.7;padding:7px}.notes-card textarea::placeholder{color:#4f5864}.notes-card>p.tiny{font-size:9px;color:#626a76;margin:5px 0}.notes-card>.text-button{font-size:10px}.notes-card>.danger{float:right;color:#9c6e61;font-size:10px}.workspace-footer{font-size:9px;color:#616874;margin-top:9px}.keyboard-help{display:flex;gap:5px;align-items:center}kbd{font-family:var(--mono);font-size:9px;border:1px solid #34373e;background:#1e2025;color:#969eab;border-radius:2px;padding:0 3px}.player-error{margin:0;padding:8px 10px;background:#3c291c;color:#e1b181;font-size:11px;border-bottom:1px solid #62452c}.countdown-overlay{position:absolute;inset:0;z-index:5;background:#0d0e11ed;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--accent)}.countdown-overlay>span{font-family:var(--mono);font-size:11px;letter-spacing:2px;color:#8b7661}.countdown-overlay>strong{font-family:var(--mono);font-size:71px;line-height:1.4;font-weight:500}.countdown-overlay>.button{font-size:11px;min-height:26px}.auth-screen{display:grid;place-items:center;min-height:100vh;background:#101113;padding:20px}.auth-form-wrap{width:100%;max-width:340px;padding:27px;background:#1b1d21;border:1px solid #343840;border-radius:4px}.auth-form-wrap>.brand{border-bottom:1px solid #343840;padding-bottom:19px;margin-bottom:21px}.auth-form-wrap>h2{font-size:19px;font-weight:550;margin:0 0 6px}.auth-form-wrap>p.muted{font-size:12px;margin:0}.auth-form{display:flex;flex-direction:column;gap:7px;margin-top:20px}.auth-form>label{font-size:11px;color:#8a919e}.auth-form input,dialog input{border:1px solid #3c414b;background:#111317;border-radius:2px;padding:9px;width:100%;min-width:0}.password-field{position:relative}.password-field>input{padding-right:55px}.password-field>.text-button{position:absolute;right:10px;top:6px;font-size:10px}.auth-form>.button{justify-content:space-between;margin-top:8px}.auth-foot{display:flex;justify-content:center;align-items:center;gap:6px;color:#666e7c;font-size:10px;margin:20px 0 0}.auth-foot>.icon{width:12px;height:12px}.error{font-size:12px;color:#e5a379}.error:empty{display:none}.toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:min(90vw,530px);padding:10px 15px;background:#2b2520;border:1px solid #795433;color:#e9c8a3;font-size:12px;border-radius:3px;z-index:100;box-shadow:0 5px 30px #0009}.mobile-only{display:none}.sidebar-shade{display:none}dialog{background:#1b1e23;border:1px solid #454a54;border-radius:4px;color:#d7dbe2;width:calc(100% - 30px);max-width:380px;padding:20px;box-shadow:0 10px 70px #0009}dialog::backdrop{background:#000b}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialog-heading h2{font-size:16px;margin:0}dialog label{display:block;font-size:11px;color:#8a94a3;margin:0 0 4px}dialog input{margin-bottom:12px}dialog .tiny{font-size:10px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#111315}::-webkit-scrollbar-thumb{background:#383c44;border-radius:2px}
@media(min-width:1350px){.studio-grid{grid-template-columns:minmax(0,1fr) 270px}.notes-card textarea{min-height:205px}.bpm-control{margin:13px 0}.beat-dots{margin:14px 0}.card{padding:13px}.video-stage{max-height:360px}}
@media(max-width:1050px){.sidebar{width:184px}.main{margin-left:184px}.sidebar>.brand{font-size:12px;gap:6px}.workspace{padding:10px}.studio-grid{grid-template-columns:minmax(0,1fr) 220px;gap:8px}.player-column,.tools-column{gap:8px}.loop-point{padding:5px;gap:5px;flex-wrap:wrap}.loop-point>div{min-width:60px}.loop-point>.text-button{width:100%;margin-left:24px;padding:0;font-size:9px}.loop-line{display:none}.loop-point input{font-size:18px}.volume-control{display:none}.card{padding:9px}.notes-card textarea{min-height:162px}.pitch-card p{font-size:9px}.pitch-stepper{width:88px;gap:4px}.pitch-stepper>.icon-button{min-width:24px}.pitch-stepper>output{width:23px}.tap-button{font-size:11px}.tap-button>span{font-size:8px}.metronome-card .card-heading{margin-bottom:4px}.bpm-control{margin:6px 0}.bpm-control input{font-size:41px;width:85px}.bpm-control{gap:15px}.beat-dots{margin:10px 0}.metronome-foot{font-size:8px}.card h2{font-size:11px}.notes-card .card-heading .tiny{font-size:7px}.pitch-card h2{font-size:11px}}
@media(max-width:800px){.studio-grid{grid-template-columns:minmax(0,1fr)}.tools-column{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}.video-stage{max-height:280px}.loop-point{flex-wrap:nowrap;gap:7px}.loop-point>.text-button{width:auto;margin:0;white-space:nowrap}.notes-card textarea{min-height:150px}.bpm-control{gap:15px}.bpm-control input{font-size:43px;width:90px}.tap-button>span{display:none}.volume-control{display:flex}.loop-point input{font-size:20px}.sidebar{width:172px}.main{margin-left:172px}.sidebar>.brand{font-size:11px}}
@media(max-width:620px){.sidebar{width:232px;transform:translateX(-100%);transition:transform .15s;padding-top:13px}.sidebar.open{transform:translateX(0)}.sidebar>.brand{font-size:13px}.sidebar .brand>.icon-button{margin-left:auto}.main{margin-left:0}.mobile-only{display:inline-flex}.sidebar-shade:not([hidden]){display:block;position:fixed;inset:0;z-index:29;background:#0009}.topbar{height:36px;padding:0 8px}.topbar .icon-button{min-height:25px;min-width:25px;padding:4px}.studio-label{font-size:9px}.prototype-badge{font-size:8px}.workspace{padding:8px}.source-row{margin-bottom:8px;gap:5px}.source-row>.button{font-size:10px;padding:5px 8px}.link-bar{gap:7px;padding-left:7px}.link-bar>input{font-size:11px}.link-bar>.button{font-size:10px;gap:4px;padding:4px 6px}.link-bar>.button>span{display:none}.link-bar>.button>.icon{width:15px;height:15px}.studio-grid{gap:8px}.song-heading{min-height:43px;padding:6px 9px}.song-heading h2{font-size:12px}.song-heading .eyebrow{font-size:8px}.video-stage{min-height:200px;max-height:230px}.transport{padding:8px}.transport-row{margin-top:6px;gap:8px}.playback-buttons{gap:4px}.rate-control label{font-size:9px}.rate-control>select{font-size:11px}.volume-control{display:none}.card{padding:10px}.card h2{font-size:11px}.card-heading{margin-bottom:9px}.loop-point{padding:5px 6px;gap:6px;flex-wrap:wrap}.loop-point input{font-size:20px}.loop-point>.text-button{margin-left:24px;width:100%;font-size:9px}.point-label{font-size:17px;width:18px}.loop-point>div{min-width:65px}.loop-visual>span{font-size:8px}.toggle-button{font-size:9px}.fragment-form>input{font-size:11px}.pitch-card p{font-size:9px}.pitch-stepper{width:100px;gap:6px}.pitch-stepper>.icon-button{min-width:25px}.pitch-stepper>output{width:24px}.tools-column{grid-template-columns:1fr 1fr}.metronome-card{padding:9px 8px}.metronome-card h2{font-size:11px}.bpm-control{gap:6px;margin:6px 0}.bpm-control input{font-size:35px;width:72px}.bpm-control>.icon-button{min-width:21px;min-height:23px;font-size:17px}.tap-button{font-size:11px;min-height:30px}.tap-status{font-size:8px;min-height:20px;margin:5px 0}.beat-dots{gap:5px;margin:10px 0}.beat-dots>i{width:15px;height:5px}.metronome-options{gap:5px;flex-wrap:wrap;margin-bottom:8px}.metronome-options>label{font-size:8px}.metronome-options select{font-size:10px;padding:5px 2px}.metronome-card>.button{font-size:10px;padding:6px 3px}.metronome-card>.button>.icon{width:12px;height:12px}.metronome-foot{font-size:7px}.notes-card{padding:9px 8px}.notes-card h2{font-size:10px;letter-spacing:0}.notes-card .card-heading .tiny{display:none}.song-options{gap:5px;flex-wrap:wrap;margin-top:13px}.song-options>label{font-size:8px}.song-options select{font-size:10px;padding:5px 2px}.notes-card textarea{font-size:11px;line-height:1.6;min-height:146px;padding:5px}.notes-card>p.tiny{font-size:8px}.notes-card>.text-button{font-size:9px}.notes-card>.danger{float:none;display:block;font-size:9px;margin-top:4px}.workspace-footer{font-size:8px;margin-top:9px}.keyboard-help{gap:4px;font-size:8px}kbd{font-size:8px}.fragment-activate>span{font-size:9px}.fragment-activate>strong{font-size:11px}.auth-form-wrap{padding:22px}.toast{font-size:11px;padding:9px 12px}.pitch-card .pill{font-size:7px}.countdown-overlay>strong{font-size:61px}}
@media(max-width:350px){.tools-column{grid-template-columns:1fr}.bpm-control input{font-size:44px;width:100px}.bpm-control{gap:25px}.metronome-foot{font-size:9px}.metronome-options select,.song-options select{font-size:12px}.notes-card textarea{font-size:12px}.tap-button>span{display:inline}.tap-status{font-size:10px;min-height:12px}.notes-card h2{font-size:12px}.metronome-card h2{font-size:12px}.metronome-card>.button{font-size:12px}.beat-dots>i{width:24px}.keyboard-help{flex-wrap:wrap}.loop-point input{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.video-stage.audio-mode,.video-stage.empty-mode{aspect-ratio:auto;min-height:120px;max-height:120px;height:120px}.audio-mode .audio-player-view>.icon{display:none}.audio-mode .audio-player-view>p{margin:4px 0}.audio-mode .audio-player-view>small{margin-top:5px}
.download-dialog{max-width:490px}.download-settings{display:flex;gap:10px;align-items:flex-end}.download-settings>label{flex:1;min-width:0;margin:0;font-size:11px}.download-settings select{display:block;width:100%;background:#111317;border:1px solid #3c414b;border-radius:2px;padding:8px 5px;font-size:12px;margin-top:4px}.download-settings>.button{min-height:34px}.download-message{font-size:11px;color:#939aa6;line-height:1.5;margin:13px 0}.download-jobs{max-height:310px;overflow:auto;display:flex;flex-direction:column;gap:7px}.download-job{border:1px solid #363b44;background:#14161a;border-radius:3px;padding:9px}.download-job-heading{display:flex;gap:7px;align-items:center;min-width:0}.download-job-heading>strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-format-badge{font-family:var(--mono);color:var(--accent);font-size:9px;padding:2px 4px;background:#33291e;border:1px solid #5c452c;border-radius:2px;flex-shrink:0}.download-job-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;font-size:11px;color:#868e9b;min-height:21px}.download-job-status>.button{font-size:10px;min-height:26px;padding:4px 8px;text-decoration:none;color:var(--accent)}.download-job>progress{width:100%;height:5px;accent-color:var(--accent);appearance:none;border:0;margin-top:7px;display:block}.download-job>progress::-webkit-progress-bar{background:#343943}.download-job>progress::-webkit-progress-value{background:var(--accent)}.download-job-error{font-size:11px;color:#d7a17c;line-height:1.5;margin:5px 0 0}.download-foot{font-size:10px;color:#626d7c;line-height:1.5;margin:13px 0 0}.download-empty{font-size:11px;color:#59636f;margin:6px 0}.source-row>.download-busy{color:var(--accent);border-color:#916233}@media(max-width:620px){.source-row>.button{font-size:9px;padding:4px 6px}.download-dialog{padding:15px}.download-settings{gap:6px}.download-settings select{font-size:11px}.download-job-heading>strong{font-size:11px}}
.player-error{display:flex;align-items:center;gap:10px;justify-content:space-between}.player-error>span{flex:1;min-width:0;line-height:1.5}.player-error>.button{font-size:10px;min-height:29px;padding:5px 8px;flex-shrink:0}.download-ready-actions{display:flex;align-items:center;gap:5px}.download-ready-actions>.button{font-size:10px;min-height:26px;padding:4px 8px;text-decoration:none}.song-heading>#return-to-youtube{font-size:9px;white-space:nowrap;margin-left:auto}.audio-player-view>small{max-width:95%}@media(max-width:620px){.player-error{flex-direction:column;align-items:flex-start;gap:7px}.player-error>.button{min-height:32px}.download-job-status{flex-wrap:wrap;gap:5px}.download-ready-actions{margin-left:auto}.song-heading>#return-to-youtube{font-size:8px}}

/* Prominent source and loop controls, kept compact for practice. */
.link-bar{background:#211c17;border-color:#966233;padding:5px 5px 5px 11px;gap:10px;min-height:49px}.link-bar:focus-within{border-color:#f2ac66;box-shadow:0 0 0 1px #f2ac66}.youtube-logo{color:#f1896a;font-size:17px}.youtube-field{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}.youtube-field>span{font-size:11px;font-weight:650;color:#f3be86}.youtube-field>input{width:100%;min-width:0;border:0;background:transparent;outline:0;padding:1px 0;font-size:13px;color:#f0f1f3}.youtube-field>input::placeholder{color:#b0a69c}.link-bar>.button{min-height:35px;font-size:12px;padding:6px 10px}.link-bar>.button>span{display:inline}.source-row>.download-trigger{display:flex;flex-direction:column;gap:1px;justify-content:center;border-color:#a66f3e;background:#3a2b1d;color:#ffd09e;padding:5px 13px;font-size:12px}.download-trigger>small{font-family:var(--mono);font-size:11px;font-weight:600;color:#edab6c}.source-row>.download-trigger:hover{background:#56402a;border-color:#f1b273}.source-row>#open-audio{font-size:12px;color:#bcc1ca}.loop-point{display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px 8px;padding:7px 8px;border-color:#55504a;background:#151516}.loop-point>div{min-width:0}.loop-point label{font-size:10px;color:#aeb3bd}.loop-point input{font-size:21px;color:#f2f3f5}.point-label,.point-label.end{font-size:21px;color:#f2ac66;width:auto}.loop-point>.loop-set-button{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin:3px 0 0;width:100%;min-height:32px;padding:5px 10px;border-color:#906137;background:#3a2b1e;color:#ffd4a6;font-size:12px}.loop-set-button:hover{background:#58402a;border-color:#ecaa6a}.loop-set-button>kbd{font-size:13px;color:#ffd4a6;border-color:#8a6643;background:#241c15;padding:0 5px}.workspace-footer{color:#9ca3ae;font-size:10px}.keyboard-help{flex-wrap:wrap;gap:6px}.keyboard-help>kbd{font-size:10px;color:#d6dbe2}.song-delete:focus-visible{outline-color:#f2a092}
@media(max-width:620px){.source-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.source-row>.link-bar{grid-column:1/-1;padding-left:9px;gap:8px}.link-bar>.button>span{display:inline}.link-bar>.button{font-size:11px;padding:5px 7px;gap:4px}.youtube-field>input{font-size:12px}.source-row>#open-audio{min-height:34px;font-size:11px}.source-row>.download-trigger{min-height:34px;flex-direction:row;gap:7px;padding:5px 7px;font-size:11px}.download-trigger>small{font-size:10px}.loop-point{padding:6px;gap:4px 6px;grid-template-columns:18px minmax(0,1fr)}.loop-point input{font-size:19px}.loop-point>.loop-set-button{min-height:34px;padding:5px 8px;font-size:12px}.workspace-footer{font-size:9px}}

#local-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#090a0b}

/* Compact library sets and track editing. */
.sidebar>.brand{margin-bottom:15px}.sets-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 3px 4px;font-size:10px;letter-spacing:1px;color:#90959e}.sets-heading .text-button{font-size:11px;letter-spacing:0;color:#e7ab70;padding:4px}.set-list{max-height:170px;min-height:58px;overflow:auto;flex-shrink:0;margin-bottom:7px}.set-row{display:flex;align-items:center;min-width:0;border:1px solid transparent;border-radius:3px}.set-row:hover{background:#25272b}.set-row.active{background:#30261e;border-color:#654626}.set-filter{flex:1;min-width:0;display:flex;align-items:center;gap:7px;border:0;background:none;text-align:left;padding:5px 6px;color:#b6bac3;font-size:11px}.set-filter>.icon{width:14px;height:14px;color:#8d929c}.set-filter>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-filter>small{font-family:var(--mono);font-size:10px;color:#858b96}.set-row.active .set-filter,.set-row.active .set-filter>.icon{color:#f0b071}.set-options,.song-menu{flex-shrink:0;min-width:26px;min-height:26px;padding:4px;color:#9ca1ab}.set-options>.icon,.song-menu>.icon{width:15px;height:15px}.song-list-heading{font-size:9px;letter-spacing:.8px;line-height:1.4;color:#858b96;border-top:1px solid var(--border);padding:7px 4px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.song-title-line{display:flex;align-items:center;gap:5px;min-width:0}.song-title-line h2{min-width:0}.song-title-line>.icon-button{color:#d9ad7c;flex-shrink:0;min-width:25px;min-height:25px;padding:4px}.song-heading>div:first-child{min-width:0}.song-heading .song-title-line h2{white-space:normal;overflow-wrap:anywhere}.song-row>.song-menu{margin-right:2px}.song-row>.song-menu:hover{color:var(--accent)}#song-set{display:block;width:100%;padding:9px;background:#111317;border:1px solid #3c414b;border-radius:3px;font-size:13px;margin:6px 0 12px}#delete-edited-song,#delete-set{margin-top:12px;font-size:11px}#set-form .error:empty{display:none}@media(max-width:620px){.set-list{max-height:170px}.set-filter{min-height:32px;font-size:12px}.set-options,.song-row>.song-menu{min-width:32px;min-height:32px}.song-title-line>.icon-button{min-width:29px;min-height:29px}.song-title-line h2{font-size:12px}}