:root{--ink: #1a1a1a;--paper: #fafaf7;--paper-2: #f3f2ed;--line: #e6e3dc;--line-2: #d4d4d4;--yellow: #ffe169;--mute: #8a857a;--red: #c1392b;--green: #2c9759;color:var(--ink);background:var(--paper);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;cursor:pointer}.yellow-tile{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:var(--yellow);color:var(--ink);box-shadow:0 12px 30px -18px #00000073}.brand-row{display:flex;align-items:center;gap:12px}.brand-row strong{font-size:22px;letter-spacing:-.03em}.eyebrow{margin:0;font:700 11px/1 JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase}.muted{color:var(--mute)}.hand-note{margin:0;color:var(--red);font:500 24px/1 Caveat,cursive}.mono{font-family:JetBrains Mono,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:999px;padding:0 18px;font-weight:750;background:var(--ink);color:var(--yellow);white-space:nowrap}.btn-outline{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.btn-yellow{background:var(--yellow);color:var(--ink);border:1.5px solid var(--ink)}.btn-round{width:34px;min-height:34px;padding:0;background:var(--ink);color:var(--yellow)}.btn-full{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-danger{background:#fbe4df;color:var(--red);border:1.5px solid #d89b92}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1fr) minmax(420px,1fr);background:var(--paper)}.auth-loading{min-height:100vh;display:grid;place-items:center;background:var(--paper);font:800 13px/1 JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.share-gate{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;padding:28px;text-align:center}.share-gate h1{margin:0;font-size:clamp(34px,6vw,58px);letter-spacing:-.05em}.share-gate>p:not(.eyebrow){max-width:540px;margin:0;color:var(--mute);line-height:1.6}.share-gate-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.auth-brand{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:56px 48px;background:var(--yellow)}.auth-brand>svg{position:absolute;top:86px;right:-68px;opacity:.16;transform:rotate(8deg)}.auth-brand-copy{position:relative;z-index:1;margin-top:auto}.auth-brand-copy h1{margin:14px 0 24px;font-size:clamp(42px,6vw,64px);line-height:.95;letter-spacing:-.055em}.brand-tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:18px;margin-top:36px;color:#1a1a1ab8;font:700 10px/1 JetBrains Mono,monospace;letter-spacing:.12em}.auth-form-panel{display:grid;place-items:center;padding:54px}.auth-form{width:min(100%,390px)}.auth-clerk-copy{margin:-8px 0 24px;color:var(--mute);line-height:1.6}.auth-clerk-embed{width:100%}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px;padding:4px;border:1.5px solid var(--ink);border-radius:10px}.auth-mode-switch button{border:0;border-radius:6px;background:transparent;color:var(--ink);padding:9px 10px;font-weight:800;cursor:pointer}.auth-mode-switch button.active{background:var(--ink);color:var(--yellow)}.auth-form h2{margin:10px 0 28px;font-size:38px;line-height:1.08;letter-spacing:-.04em}.social-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--mute);font:700 10px/1 JetBrains Mono,monospace;letter-spacing:.12em}.divider span{flex:1;height:1px;background:var(--line)}.field{display:block;margin-bottom:18px}.field span{display:block;margin-bottom:7px;color:var(--mute);font:700 10px/1 JetBrains Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.field input,.new-playlist input,.search-form input{width:100%;border:1.5px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink);padding:12px 14px;outline:0}.auth-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;color:var(--mute);font-size:13px}.auth-meta label{display:flex;align-items:center;gap:8px;color:var(--ink)}.auth-switch{margin:22px 0 0;text-align:center;color:var(--mute);font-size:13px}.auth-switch a{color:var(--ink);font-weight:800}.app-shell{height:100vh;display:flex;overflow:hidden;background:var(--paper)}.sidebar{width:224px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line);background:var(--paper-2);padding:20px 14px}.side-brand{padding:4px 10px 16px}.side-brand strong{font-size:17px}.sidebar nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;min-height:42px;border:0;border-radius:8px;padding:0 12px;background:transparent;color:var(--ink);font-weight:650;text-align:left}.nav-item.active{background:var(--ink);color:var(--yellow)}.nav-item small{margin-left:auto;border-radius:999px;padding:2px 6px;background:currentColor;color:var(--paper-2);font:800 9px/1 JetBrains Mono,monospace}.credits-card{margin-top:auto;display:grid;gap:10px;border:1.5px dashed var(--ink);border-radius:8px;background:var(--paper);padding:12px}.credits-card.negative{border-color:var(--red);background:#fdf6f4}.credits-card strong{font-size:17px;letter-spacing:-.02em}.credits-card span{color:var(--mute);font-size:12px}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:20px;min-height:74px;border-bottom:1px solid var(--line);background:var(--paper);padding:14px 28px}.topbar h1{margin:0;font-size:23px;line-height:1.1;letter-spacing:-.03em}.topbar p{margin:4px 0 0;color:var(--mute);font:700 11px/1 JetBrains Mono,monospace;letter-spacing:.06em}.topbar>div:first-child{flex:1;min-width:180px}.top-search{width:min(280px,26vw);display:flex;align-items:center;gap:9px;border-radius:999px;background:var(--paper-2);color:var(--mute);padding:9px 14px;font-size:13px}.account-control{width:34px;height:34px;display:grid;place-items:center}.screen-body{flex:1;overflow:auto;padding:26px}.credits-screen{display:grid;gap:20px;max-width:1100px;margin:0 auto}.credit-balance-hero{position:relative;display:flex;align-items:end;justify-content:space-between;gap:24px;min-height:210px;overflow:hidden;border:1.5px solid var(--ink);border-radius:14px;background:var(--yellow);padding:30px}.credit-balance-hero.negative{background:#fbe4df;border-color:var(--red)}.credit-balance-hero>div{display:flex;align-items:baseline;gap:10px}.credit-balance-hero>div>strong{font-size:clamp(58px,9vw,104px);line-height:.8;letter-spacing:-.07em}.credit-balance-hero>div>span{font-size:18px;font-weight:800}.credit-balance-hero .eyebrow{position:absolute;top:30px;left:30px}.credit-balance-hero .hand-note{max-width:260px;color:var(--ink);font-size:28px;text-align:right}.credit-balance-hero.negative .hand-note{color:var(--red)}.credit-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper)}.credit-account-grid>div{display:grid;gap:8px;padding:20px;border-right:1px solid var(--line)}.credit-account-grid>div:last-child{border-right:0}.credit-account-grid span{color:var(--mute);font:700 10px/1 JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.credit-account-grid strong{font-size:20px}.credit-history{border:1px solid var(--line);border-radius:10px;background:var(--paper);overflow:hidden}.credit-history>.section-head{margin:0;padding:20px;border-bottom:1px solid var(--line)}.credit-transaction-list{display:grid}.credit-transaction{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;min-height:76px;border-bottom:1px solid var(--line);padding:14px 20px}.credit-transaction:last-child{border-bottom:0}.credit-transaction-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:21px;font-weight:900}.credit-transaction-mark.positive{background:#e4f4e9;color:var(--green)}.credit-transaction-mark.negative{background:#fbe4df;color:var(--red)}.credit-transaction>div>strong,.credit-transaction>div>span{display:block}.credit-transaction>div>strong{font-size:14px}.credit-transaction>div>span,.credit-transaction time{margin-top:4px;color:var(--mute);font-size:12px}.credit-transaction time{margin:0;white-space:nowrap}.credit-transaction>strong:last-child{min-width:86px;text-align:right;font:800 16px/1 JetBrains Mono,monospace}.credit-positive{color:var(--green)}.credit-negative{color:var(--red)}.credit-notice{display:flex;align-items:center;gap:12px;padding:22px;color:var(--mute);font-weight:700}.credit-notice span{flex:1;font-size:13px}.credit-notice.error{background:#fdf6f4;color:var(--red)}.home-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,1fr);grid-template-areas:"upload youtube" "songs songs";gap:20px}.upload-panel,.youtube-panel,.song-table-wrap,.playlist-index,.playlist-detail{border:1px solid var(--line);border-radius:10px;background:var(--paper)}.upload-panel{grid-area:upload;overflow:hidden}.youtube-panel{grid-area:youtube;position:relative;z-index:5;padding:18px}.upload-drop{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;background:#fffdf0;padding:22px;min-height:100%}.upload-drop input{display:none}.upload-mark{width:88px;height:88px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:12px;background:var(--yellow)}.upload-drop h2{margin:0;font-size:22px;letter-spacing:-.025em}.upload-drop h2 button{border:0;background:transparent;color:var(--ink);text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--yellow);text-underline-offset:4px;font-weight:850}.upload-drop p{margin:7px 0 0;color:var(--mute);font:700 11px/1.4 JetBrains Mono,monospace;letter-spacing:.06em}.queue-list{max-height:256px;overflow:auto}.queue-row,.playlist-song-row{display:grid;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 16px}.queue-row{grid-template-columns:auto 1fr auto}.queue-row:last-child,.playlist-song-row:last-child{border-bottom:0}.queue-row strong,.song-row strong,.playlist-song-row strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.queue-row small,.song-row small,.playlist-song-row small{display:block;margin-top:3px;color:var(--mute);font-size:12px}.section-head{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head h2{margin:5px 0 0;font-size:20px;letter-spacing:-.025em}.api-chip{border-radius:999px;background:var(--paper-2);color:var(--mute);padding:5px 9px;font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.08em}.search-combobox{position:relative;z-index:20;display:grid}.search-form{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid var(--line-2);border-radius:9px;background:var(--paper-2);padding:0 14px}.search-combobox.open .search-form{border-color:var(--ink);background:var(--paper)}.search-form input{border:0;background:transparent;padding-left:0;padding-right:0}.section-meta{border-radius:8px;background:var(--paper-2);color:var(--mute);padding:10px 12px;font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.08em}.section-meta.error{background:#fdf6f4;color:var(--red)}.smart-results{position:absolute;top:calc(100% + 6px);left:0;right:0;display:grid;max-height:268px;overflow:auto;border:1px solid var(--ink);border-radius:9px;background:var(--paper);box-shadow:0 18px 44px -28px #00000073,0 8px 18px -14px #00000040}.smart-results.error{border-color:#d89b92;background:#fdf6f4}.smart-results-message{padding:14px;color:var(--mute);font-size:13px;font-weight:700}.smart-results.error .smart-results-message{color:var(--red)}.smart-result-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px}.smart-result-row:last-child{border-bottom:0}.smart-result-row strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.smart-result-row small{display:block;margin-top:3px;color:var(--mute);font-size:12px}.smart-result-tag{color:var(--mute);font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.08em}.smart-result-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.youtube-preview{position:fixed;left:18px;bottom:18px;z-index:80;width:min(380px,calc(100vw - 36px));overflow:hidden;border:1.5px solid var(--ink);border-radius:10px;background:var(--ink);box-shadow:0 20px 60px -30px #0000008c,0 8px 24px -18px #00000073}.youtube-preview-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;background:var(--paper);color:var(--ink);padding:10px 12px}.youtube-preview-head strong,.youtube-preview-head span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-preview-head strong{font-size:13px}.youtube-preview-head span{margin-top:2px;color:var(--mute);font-size:11px}.youtube-preview-head button{width:28px;height:28px;border:1.5px solid var(--ink);border-radius:50%;background:var(--yellow);color:var(--ink);font-size:20px;line-height:1;font-weight:700}.youtube-preview iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0;background:#000}.youtube-preview-link{display:block;background:var(--yellow);color:var(--ink);padding:9px 12px;text-align:center;font-size:12px;font-weight:800;text-decoration:none}.youtube-preview-error{display:grid;min-height:180px;place-items:center;background:#000;color:var(--paper);padding:18px;text-align:center;font-weight:700}.stem-player{position:fixed;right:18px;bottom:18px;z-index:85;width:min(390px,calc(100vw - 36px));overflow:hidden;border:1.5px solid var(--ink);border-radius:10px;background:var(--paper);box-shadow:0 20px 60px -30px #0000008c,0 8px 24px -18px #00000073}.stem-player-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;background:var(--ink);color:var(--yellow);padding:11px 12px}.stem-player-head strong,.stem-player-head span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stem-player-head strong{font-size:13px}.stem-player-head span{margin-top:3px;color:#ffe169b8;font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.stem-player-head button{width:28px;height:28px;border:1.5px solid var(--yellow);border-radius:50%;background:transparent;color:var(--yellow);font-size:20px;line-height:1;font-weight:700}.stem-player-body{display:grid;gap:12px;padding:13px}.stem-progress{height:8px;overflow:hidden;border-radius:999px;background:var(--line)}.stem-progress span{display:block;height:100%;border-radius:inherit;background:var(--yellow);box-shadow:inset 0 0 0 1px #1a1a1a2e}.stem-time{display:flex;justify-content:space-between;color:var(--mute);font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.08em}.stem-error{border:1px solid #d89b92;border-radius:8px;background:#fdf6f4;color:var(--red);padding:9px 10px;font-size:12px;font-weight:700;line-height:1.35}.editor-hint{border:1px solid var(--line-2);border-radius:8px;background:var(--paper-2);color:var(--mute);padding:9px 10px;font-size:12px;font-weight:750;line-height:1.35}.stem-controls{display:flex;flex-wrap:wrap;gap:8px}.stem-list{display:flex;flex-wrap:wrap;gap:6px}.stem-list span{max-width:100%;overflow:hidden;border-radius:999px;background:var(--paper-2);color:var(--mute);padding:6px 9px;text-overflow:ellipsis;white-space:nowrap;font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.song-editor-layer{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;background:#1a1a1a2e}.song-editor-drawer{width:100%;max-height:min(78vh,760px);display:flex;flex-direction:column;overflow:hidden;border-top:1.5px solid var(--ink);background:var(--paper);box-shadow:0 -24px 70px -42px #0000008c,0 -10px 28px -22px #00000061}.song-editor-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:var(--paper);padding:18px 24px}.song-editor-title{min-width:0}.song-editor-title h2{margin:5px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;line-height:1.1}.song-editor-title span{display:block;color:var(--mute);font:800 11px/1 JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.song-editor-actions{display:flex;align-items:center;gap:10px}.playlist-picker{display:grid;gap:10px;border-bottom:1px solid var(--line);background:#fffdf0;padding:14px 24px}.playlist-picker-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.playlist-picker-head strong{display:block;min-width:0;overflow:hidden;margin-top:5px;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.playlist-picker-head button{width:30px;height:30px;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);font-size:19px;line-height:1;font-weight:750}.playlist-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line-2);border-radius:8px;background:var(--paper);padding:8px 10px}.playlist-search input{min-width:0;border:0;background:transparent;color:var(--ink);padding:6px 0;outline:0}.playlist-picker-message{border:1px dashed var(--line-2);border-radius:8px;background:var(--paper);color:var(--mute);padding:10px 12px;font-size:13px;font-weight:700}.playlist-picker-message.error{border-color:#d89b92;background:#fdf6f4;color:var(--red)}.playlist-checkbox-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;max-height:172px;overflow:auto}.playlist-checkbox-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:10px 11px}.playlist-checkbox-row input{width:16px;height:16px;accent-color:var(--ink)}.playlist-checkbox-row span,.playlist-checkbox-row strong,.playlist-checkbox-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-checkbox-row strong{display:block;font-size:13px}.playlist-checkbox-row small{display:block;margin-top:3px;color:var(--mute);font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.editor-close{width:36px;height:36px;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);font-size:22px;line-height:1;font-weight:750}.song-editor-body{min-height:0;display:flex;flex-direction:column;gap:14px;overflow:auto;padding:16px 24px 22px}.song-editor-transport{display:flex;align-items:center;justify-content:space-between;gap:18px}.editor-time-fields{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.editor-time-fields label{display:grid;grid-template-columns:auto 86px;align-items:center;gap:7px;color:var(--mute);font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.08em}.editor-time-fields input{width:86px;border:1px solid var(--line-2);border-radius:7px;background:var(--paper-2);color:var(--ink);padding:8px 9px;outline:0;font:750 13px/1 Inter,system-ui,sans-serif}.editor-time-fields strong{border-radius:999px;background:var(--paper-2);color:var(--ink);padding:9px 11px;font:800 11px/1 JetBrains Mono,monospace;letter-spacing:.08em}.count-in-panel{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,2fr);gap:12px;border:1px solid var(--line);border-radius:8px;background:#fffdf0;padding:12px}.count-in-summary{display:grid;align-content:center;gap:5px}.count-in-toggle{display:flex;align-items:center;gap:8px;font-weight:850}.count-in-summary strong,.count-in-summary small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count-in-summary strong{font-size:13px}.count-in-summary small{color:var(--mute);font:800 10px/1.3 JetBrains Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.count-in-grid{display:grid;grid-template-columns:repeat(6,minmax(92px,1fr));gap:8px}.count-in-grid label{display:grid;gap:6px}.count-in-grid span{color:var(--mute);font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.08em}.count-in-grid input,.count-in-grid select{min-width:0;width:100%;border:1px solid var(--line-2);border-radius:7px;background:var(--paper);color:var(--ink);padding:8px 9px;outline:0;font:750 13px/1 Inter,system-ui,sans-serif}.count-in-grid input:disabled,.count-in-grid select:disabled{cursor:not-allowed;opacity:.55}.song-editor-timeline-scroll{width:100%;overflow:auto;overscroll-behavior:contain;padding-bottom:4px}.song-editor-timeline{--editor-label-width: 160px;position:relative;min-width:820px;max-width:none;display:grid;gap:8px;-webkit-user-select:none;user-select:none;transform-origin:left center}.editor-ruler{position:relative;height:34px;width:calc(100% - var(--editor-label-width));margin-left:var(--editor-label-width);border-bottom:1px solid var(--line);color:var(--mute);cursor:pointer;font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.08em}.editor-ruler span{position:absolute;top:10px;transform:translate(-50%);white-space:nowrap}.editor-ruler span:first-child{left:0;transform:none}.editor-ruler span:last-child{right:0;transform:none}.editor-overlay-lane{position:absolute;top:34px;right:0;bottom:0;left:var(--editor-label-width);z-index:7;pointer-events:none}.editor-selection{position:absolute;top:0;bottom:0;z-index:2;border-left:2px solid var(--yellow);border-right:2px solid var(--yellow);background:#ffe1691a;pointer-events:none}.editor-playhead{position:absolute;top:0;bottom:0;z-index:5;width:2px;background:var(--red);pointer-events:none}.editor-handle{position:absolute;top:-3px;bottom:0;z-index:7;width:18px;border:0;border-radius:0;background:transparent;transform:translate(-50%);cursor:ew-resize;pointer-events:auto}.editor-handle:before{content:"";position:absolute;top:0;left:7px;width:4px;height:100%;border-radius:999px;background:var(--ink)}.editor-handle:after{content:"";position:absolute;top:0;left:2px;width:14px;height:14px;border:1.5px solid var(--ink);border-radius:4px;background:var(--yellow)}.editor-track-stack{position:relative;display:grid;gap:8px}.editor-track{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:stretch;min-height:74px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--paper)}.editor-track-label{display:grid;align-content:center;gap:9px;border-right:1px solid var(--line);background:var(--paper-2);padding:12px}.editor-track-label-copy,.editor-track-label-copy strong,.editor-track-label-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-track-label-copy strong{display:block;font-size:13px}.editor-track-label-copy span{display:block;margin-top:5px;color:var(--mute);font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.stem-mute-toggle{width:100%;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);cursor:pointer;font:850 10px/1 JetBrains Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.stem-mute-toggle.muted{border-color:var(--ink);background:var(--ink);color:var(--yellow)}.stem-mute-toggle:disabled{cursor:not-allowed;opacity:.55}.editor-wave{position:relative;min-width:0;cursor:pointer}.editor-wave canvas{display:block;width:100%;height:72px}.editor-track.is-disabled .editor-wave canvas{opacity:.34}.editor-track.is-disabled .editor-wave:after{content:"MUTED";position:absolute;top:50%;left:50%;z-index:4;transform:translate(-50%,-50%);border:1px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);padding:6px 10px;font:900 10px/1 JetBrains Mono,monospace;letter-spacing:.12em}.wave-muted{position:absolute;top:0;bottom:0;z-index:3;background:#fafaf7bd;pointer-events:none}.wave-muted.left{left:0}.wave-muted.right{right:0}.editor-loading{border:1px dashed var(--line-2);border-radius:8px;background:var(--paper-2);color:var(--mute);padding:18px;font-weight:750}.thumb{width:54px;height:40px;border-radius:7px;object-fit:cover;background:var(--yellow);color:var(--ink)}.thumb.placeholder{display:grid;place-items:center}.song-table-wrap{grid-area:songs;padding:16px;overflow:hidden}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filter-row>span{flex:1}.filter-row button:not(.btn){border:1.5px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);padding:7px 13px;font-weight:750}.filter-row button.active{background:var(--ink);color:var(--yellow)}.filter-row button span{margin-left:6px;opacity:.7;font:800 10px/1 JetBrains Mono,monospace}.song-table{border:1px solid var(--line);border-radius:10px;overflow:auto}.song-head,.song-row{display:grid;grid-template-columns:58px minmax(220px,1.7fr) 110px 100px 100px 126px 88px;align-items:center;gap:10px;min-width:960px}.song-head{border-bottom:1px solid var(--line);background:var(--paper-2);color:var(--mute);padding:12px 16px;font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.song-row{border-bottom:1px solid var(--line);padding:13px 16px}.song-row:last-child{border-bottom:0}.song-row.clickable{cursor:pointer}.song-row.clickable:hover,.song-row.clickable:focus-visible{outline:0;background:#fffdf0}.song-row.processing,.song-row.queued{background:#fffdf0}.song-row.error{background:#fdf6f4}.song-row>span{color:var(--mute);font:600 12px/1.3 JetBrains Mono,monospace}.song-table-state{min-width:960px;padding:28px 18px;color:var(--mute);font-weight:750}.song-table-state.error{background:#fdf6f4;color:var(--red)}.progress{display:block;height:4px;margin-top:7px;overflow:hidden;border-radius:999px;background:var(--line)}.progress span{display:block;height:100%;border-radius:inherit;background:var(--ink)}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:fit-content;border-radius:999px;padding:5px 10px;background:var(--paper-2);color:#666;font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.08em}.status-pill span{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.ready{background:#dff4e6;color:#1d6b39}.status-pill.processing{background:var(--ink);color:var(--yellow)}.status-pill.uploading{background:#fff4c2;color:#7a5b00}.status-pill.error{background:#fbe4df;color:#a3271a}.playlist-layout{min-height:100%;display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px}.playlist-index{align-self:start;padding:14px}.new-playlist{display:grid;grid-template-columns:1fr 42px;gap:8px;margin-bottom:12px}.new-playlist input{border-color:var(--line-2);background:var(--paper-2)}.playlist-card{width:100%;display:grid;gap:5px;border:0;border-radius:8px;background:transparent;color:var(--ink);padding:13px 12px;text-align:left}.playlist-card.active{background:var(--ink);color:var(--yellow)}.playlist-card span{font-weight:800}.playlist-card small{color:inherit;opacity:.72;font:700 11px/1 JetBrains Mono,monospace;letter-spacing:.06em}.playlist-notice{display:grid;gap:8px;margin:10px 0;border:1px dashed var(--line-2);border-radius:8px;background:var(--paper-2);color:var(--mute);padding:12px;font-size:13px;line-height:1.35}.playlist-notice strong{color:var(--ink)}.playlist-notice.error,.detail-status.error{border-color:#d89b92;background:#fdf6f4;color:var(--red)}.playlist-detail{overflow:hidden}.playlist-hero{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:24px;border-bottom:1px solid var(--line);background:#fffdf0}.playlist-hero h2{margin:7px 0;font-size:clamp(30px,4vw,54px);line-height:.98;letter-spacing:-.055em}.playlist-title-button{display:block;max-width:min(760px,100%);margin:7px 0;overflow:hidden;border:0;background:transparent;color:var(--ink);padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(30px,4vw,54px);font-weight:800;line-height:.98}.playlist-title-button:hover,.playlist-title-button:focus-visible{outline:0;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:5px;text-underline-offset:7px}.playlist-title-edit{max-width:min(760px,100%);margin:7px 0}.playlist-title-edit input{width:100%;border:0;border-bottom:3px solid var(--ink);background:transparent;color:var(--ink);padding:0 0 4px;outline:0;font-size:clamp(30px,4vw,54px);font-weight:800;line-height:.98}.playlist-hero p:last-child{margin:0;color:var(--mute);font:700 12px/1 JetBrains Mono,monospace;letter-spacing:.06em}.playlist-hero-tools{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;flex-wrap:wrap}.playlist-delay-field{display:grid;grid-template-columns:auto auto;align-items:end;gap:6px 8px}.playlist-delay-field label{grid-column:1 / -1;color:var(--mute);font:800 10px/1 JetBrains Mono,monospace;letter-spacing:.08em}.playlist-delay-field input{width:112px;height:38px;border:1px solid var(--line-2);border-radius:8px;background:var(--paper-2);padding:0 10px;color:var(--ink);font:700 13px/1 JetBrains Mono,monospace}.add-song-form{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.add-song-form input{width:100%;min-width:0;border:1px solid var(--line-2);border-radius:8px;background:var(--paper-2);color:var(--ink);padding:12px 14px;outline:0}.clear-song-search{width:30px;height:30px;border:1px solid var(--line-2);border-radius:50%;background:var(--paper);color:var(--ink);font-size:18px;line-height:1;font-weight:750}.song-autocomplete{position:absolute;top:calc(100% - 10px);left:16px;right:16px;z-index:30;display:grid;max-height:312px;overflow:auto;border:1.5px solid var(--ink);border-radius:9px;background:var(--paper);box-shadow:0 18px 44px -28px #00000073,0 8px 18px -14px #00000040}.song-autocomplete-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 12px;text-align:left}.song-autocomplete-row:last-child{border-bottom:0}.song-autocomplete-row:hover,.song-autocomplete-row:focus-visible{outline:0;background:#fffdf0}.song-autocomplete-row strong,.song-autocomplete-row small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-autocomplete-row strong{font-size:14px}.song-autocomplete-row small{margin-top:3px;color:var(--mute);font-size:12px}.song-autocomplete-message{padding:14px;color:var(--mute);font-size:13px;font-weight:700}.song-autocomplete-message.error{background:#fdf6f4;color:var(--red)}.playlist-song-list{overflow:auto}.playlist-song-row{grid-template-columns:36px auto minmax(180px,1fr) 124px 126px auto}.playlist-song-row[draggable=true]{cursor:grab}.playlist-song-row.clickable:hover,.playlist-song-row.clickable:focus-visible{outline:0;background:#fffdf0}.playlist-song-row.dragging{opacity:.55;cursor:grabbing}.playlist-song-row.drag-over{background:#fffdf0;box-shadow:inset 4px 0 0 var(--yellow)}.playlist-row-actions{display:flex;justify-content:flex-end;gap:8px}.detail-status{border-bottom:1px solid var(--line);background:var(--paper-2);color:var(--mute);padding:10px 16px;font:700 12px/1.35 JetBrains Mono,monospace}.track-number{color:var(--mute);font:800 11px/1 JetBrains Mono,monospace}.playlist-song-row[draggable=true] .track-number{cursor:grab}.empty-state{padding:28px;color:var(--mute);font-weight:700}.share-dialog-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;overflow-y:auto;padding:24px;background:#1a1a1a94}.share-dialog{width:min(100%,660px);max-height:calc(100vh - 48px);overflow-y:auto;border:1.5px solid var(--ink);border-radius:14px;background:var(--paper);box-shadow:0 24px 80px #00000047}.share-dialog>header,.share-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px}.share-dialog>header{border-bottom:1px solid var(--line)}.share-dialog>footer{border-top:1px solid var(--line);color:var(--mute);font-size:13px}.share-dialog h2{margin:6px 0 0;font-size:25px;letter-spacing:-.035em}.share-dialog-close{width:36px;height:36px;flex:0 0 auto;border:0;border-radius:50%;background:var(--paper-2);color:var(--ink);font-size:25px;line-height:1}.share-mode-list{display:grid;gap:8px;padding:18px 22px}.share-mode-list label{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:12px;border:1.5px solid var(--line-2);border-radius:10px;padding:14px;cursor:pointer}.share-mode-list label.active{border-color:var(--ink);background:#fffdf0;box-shadow:inset 4px 0 0 var(--yellow)}.share-mode-list input{margin-top:3px;accent-color:var(--ink)}.share-mode-list span,.share-person span{display:grid;gap:4px}.share-mode-list small,.share-person small{color:var(--mute);font-size:12px;line-height:1.35}.share-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 22px 20px}.share-link-row input,.share-email-section form input{min-width:0;border:1px solid var(--line-2);border-radius:8px;background:var(--paper-2);color:var(--ink);padding:0 12px}.share-email-section{border-top:1px solid var(--line);padding-top:20px}.share-email-section .share-link-row{padding-bottom:12px}.share-email-section form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 22px 16px}.share-people-list{display:grid;border-top:1px solid var(--line)}.share-person{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--line)}.share-empty{margin:0;padding:18px 22px;color:var(--mute);font-size:13px}.share-dialog-status{padding:22px;color:var(--mute);font-weight:700}.share-dialog-status.error{background:#fdf6f4;color:var(--red)}.process-confirmation-dialog{width:min(100%,520px)}.process-confirmation-body{padding:22px}.process-confirmation-body p{margin:0;color:var(--mute);line-height:1.55}.process-confirmation-body p+p{margin-top:12px;color:var(--ink);font-weight:800}.process-confirmation-dialog>footer{justify-content:flex-end}@media(max-width:1040px){.home-grid{grid-template-columns:1fr;grid-template-areas:"upload" "youtube" "songs"}.upload-drop{grid-template-columns:auto 1fr}.upload-drop>.btn{grid-column:1 / -1}.playlist-layout{grid-template-columns:1fr}.playlist-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.new-playlist{grid-column:1 / -1}}@media(max-width:760px){.auth-page{grid-template-columns:1fr}.auth-brand{min-height:42vh;padding:34px 24px}.auth-form-panel{padding:32px 22px}.app-shell{height:auto;min-height:100vh;flex-direction:column;overflow:visible}.sidebar{position:sticky;top:0;z-index:3;width:100%;flex-direction:row;align-items:center;overflow-x:auto}.side-brand,.credits-card{display:none}.sidebar nav{display:flex;gap:4px}.nav-item{width:auto}.topbar{flex-wrap:wrap;padding:16px}.top-search{order:3;width:100%}.screen-body{padding:16px}.credit-balance-hero{min-height:180px;align-items:start;flex-direction:column;padding:22px}.credit-balance-hero .eyebrow{top:22px;left:22px}.credit-balance-hero>div{margin-top:auto}.credit-balance-hero .hand-note{max-width:none;text-align:left}.credit-account-grid{grid-template-columns:1fr}.credit-account-grid>div{border-right:0;border-bottom:1px solid var(--line)}.credit-account-grid>div:last-child{border-bottom:0}.credit-transaction{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:14px}.credit-transaction time{grid-column:2}.credit-transaction>strong:last-child{grid-column:3;grid-row:1 / span 2}.smart-result-row{grid-template-columns:auto 1fr}.smart-result-row .smart-result-tag,.smart-result-row .smart-result-actions{grid-column:2;justify-self:start}.youtube-preview,.stem-player{left:12px;right:12px;bottom:12px;width:auto}.song-editor-drawer{max-height:86vh}.song-editor-head{grid-template-columns:1fr;padding:15px 16px}.song-editor-actions{justify-content:space-between}.playlist-picker{padding:14px 16px}.playlist-search{grid-template-columns:auto minmax(0,1fr)}.playlist-search .btn{grid-column:1 / -1}.song-editor-body{padding:14px 16px 18px}.song-editor-transport{align-items:stretch;flex-direction:column}.editor-time-fields{justify-content:flex-start}.count-in-panel{grid-template-columns:1fr}.count-in-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.song-editor-timeline{--editor-label-width: 124px;min-width:640px}.playlist-hero{flex-direction:column}.playlist-hero-tools{justify-content:flex-start}.share-dialog-backdrop{align-items:end;padding:0}.share-dialog{width:100%;max-height:92vh;border-radius:14px 14px 0 0}.share-link-row,.share-email-section form{grid-template-columns:1fr}.share-link-row input,.share-email-section form input{min-height:42px}.editor-track{grid-template-columns:124px minmax(0,1fr)}.playlist-song-row{grid-template-columns:28px auto 1fr}.playlist-song-row .mono,.playlist-song-row .status-pill,.playlist-song-row .playlist-row-actions{grid-column:3;justify-self:start}}