@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{font-family:'DM Sans',sans-serif;color:#202a25;background:#f4f6f2;font-synthesis:none;text-rendering:optimizeLegibility;--green:#176b4b;--green-dark:#10533a;--muted:#728078;--line:#e2e8e2;--surface:#fff}
*{box-sizing:border-box}body{margin:0;min-width:320px}.page-shell{width:min(100% - 40px,1050px);margin:0 auto;padding:52px 0 64px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow,.section-kicker{margin:0 0 10px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.14em}.page-header h1,.section-heading h2{font-family:Manrope,sans-serif;letter-spacing:-.035em}.page-header h1{margin:0;font-size:36px;line-height:1.15}.intro{margin:10px 0 0;color:#738078;font-size:14px}.status-pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #dce9df;border-radius:30px;background:#f7fbf7;padding:9px 12px;color:#50715e;font-size:11px;font-weight:600}.status-dot{width:7px;height:7px;border-radius:50%;background:#38a16a}.card{margin-bottom:17px;padding:25px 27px 27px;border:1px solid #e8ece7;border-radius:13px;background:var(--surface);box-shadow:0 3px 14px #172a1b08}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.section-kicker{margin-bottom:6px;font-size:10px}.section-heading h2{margin:0;font-size:20px}.section-note{color:#77847c;font-size:12px}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 17px}.field{display:flex;min-width:0;flex-direction:column;gap:8px;color:#344139;font-size:12px;font-weight:600}.field b{color:#cc584d}.field input,.field select{width:100%;height:42px;border:1px solid #dfe5df;border-radius:7px;background:#fff;padding:0 12px;color:#25332a;font:400 13px 'DM Sans',sans-serif;outline:0;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.source-editor:focus,.rich-editor:focus{border-color:#4c9b70;box-shadow:0 0 0 3px #4c9b701a}.field input::placeholder{color:#a3ada6}.field-wide{grid-column:span 2}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.editor-hint{min-height:15px;margin-top:-4px;color:#87928a;font-size:11px;font-weight:400}.toolbar{display:flex;align-items:center;gap:5px;min-height:38px;border:1px solid #dfe5df;border-bottom:0;border-radius:7px 7px 0 0;background:#f8faf8;padding:4px 7px}.toolbar button{min-width:29px;height:27px;border:0;border-radius:4px;background:transparent;color:#43544a;font:500 12px 'DM Sans',sans-serif;cursor:pointer}.toolbar button:hover{background:#e7eee8}.rich-editor,.source-editor{display:block;width:100%;height:190px;overflow:auto;border:1px solid #dfe5df;border-radius:0 0 7px 7px;background:#fff;padding:13px;color:#28342d;font:400 13px/1.65 'DM Sans',sans-serif;outline:0}.rich-editor:empty::before{content:attr(data-placeholder);color:#a3ada6}.rich-editor pre,.chord-editor{font-family:'Courier New',monospace;white-space:pre-wrap;tab-size:4}.source-editor{resize:vertical;border-radius:7px;font:12px/1.55 'Cascadia Code',Consolas,monospace}.hidden{display:none!important}.format-tip{margin:17px 0 0;color:#87928a;font-size:11px}.format-tip code{border-radius:4px;background:#f1f4f0;padding:3px 5px;color:#42574a}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;border:1px solid transparent;border-radius:7px;padding:0 14px;font:600 12px 'DM Sans',sans-serif;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.button:active{transform:translateY(1px)}.button-secondary{border-color:#dce5dd;background:#fff;color:#42634e}.button-secondary:hover{border-color:#a8c5ae;background:#f8fbf8}.button-secondary span{font-size:16px}.upload-note{margin:-12px 0 18px}.instrument-list{display:grid;gap:11px}.instrument-row{position:relative;display:grid;grid-template-columns:minmax(180px,.75fr) minmax(250px,1.3fr) 32px;align-items:end;gap:13px;padding:14px;border:1px solid #e4eae4;border-radius:8px;background:#fcfdfc}.instrument-name-field input,.instrument-name-field select{height:39px}.file-field input{height:auto;min-height:39px;padding:8px;font-size:11px}.file-help{margin-top:-4px;color:#8a968e;font-size:10px;font-weight:400}.icon-button{width:30px;height:30px;margin-bottom:4px;border:0;border-radius:6px;background:#f7eeec;color:#b55c50;font-size:20px;cursor:pointer}.icon-button:hover{background:#f4dfdc}.file-list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.file-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;border-radius:5px;background:#edf4ee;padding:5px 8px;color:#58725e;font-size:10px;font-weight:500}.file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 2px}.form-status{margin:0;color:#7d8981;font-size:12px}.form-status.error{color:#b74b40}.form-status.success{color:#28754b}.form-status.loading{color:#a36d18}.button-primary{min-width:145px;min-height:43px;background:var(--green);color:white}.button-primary:hover{background:var(--green-dark)}.button-primary:disabled{opacity:.55;cursor:wait}
@media(max-width:720px){.page-shell{width:min(100% - 28px,1050px);padding-top:34px}.page-header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:31px}.card{padding:21px 18px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-wide{grid-column:span 2}.editor-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.section-heading .button{align-self:flex-start}.instrument-row{grid-template-columns:1fr 32px}.instrument-name-field{grid-column:1}.file-field{grid-column:1}.remove-instrument{grid-column:2;grid-row:1}.file-list{grid-column:1/-1}.form-footer{align-items:flex-start;flex-direction:column}.button-primary{width:100%}}
@media(max-width:420px){.field-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.status-pill{white-space:normal}.card{padding:19px 15px}}
.song-content{overflow-wrap:anywhere}
.song-content pre{max-width:100%;margin:0;font-family:'Courier New',monospace;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4}
.song-content table{display:block;max-width:100%;overflow-x:auto}
.song-content .song-line{display:grid;grid-template-columns:minmax(3.5rem,auto) minmax(0,1fr);gap:12px;align-items:baseline;margin:0 0 7px}
.song-content .chord{color:#176b4b;font-family:'Courier New',monospace;font-weight:700}
.song-content .lyric{min-width:0}
@media(max-width:540px){.song-content .song-line{grid-template-columns:minmax(0,1fr);gap:1px;margin-bottom:11px}.song-content .chord{font-size:12px}}
.section-intro{margin:-12px 0 16px}
.song-sections{display:grid;gap:13px}
.song-section-editor{min-width:0;overflow:hidden;border:1px solid #dfe8df;border-radius:9px;background:#fbfcfb}
.song-section-heading{display:flex;align-items:flex-end;gap:10px;padding:13px 14px 11px;background:#f0f5f0}
.section-type-field{display:grid;gap:5px;color:#526157;font-size:10px;font-weight:700;letter-spacing:.04em}
.section-type-field select,.custom-section-name{height:35px;border:1px solid #d9e3da;border-radius:6px;background:#fff;padding:0 10px;color:#284232;font:600 12px 'DM Sans',sans-serif;outline:0}
.custom-section-name{width:min(220px,50%)}
.section-type-field select:focus,.custom-section-name:focus{border-color:#4c9b70;box-shadow:0 0 0 3px #4c9b701a}
.song-section-heading .remove-section{margin:0 0 2px auto}
.song-section-editor .toolbar{border-right:0;border-left:0;border-radius:0;background:#fff}
.song-section-editor .rich-editor,.song-section-editor .source-editor{height:150px;border:0;border-radius:0;background:#fff}
.song-section-editor .rich-editor{overflow:auto;overflow-wrap:anywhere}
.add-section{margin-top:13px}
.song-content .song-section{margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid #e3e9e3}
.song-content .song-section:last-child{margin-bottom:0;border-bottom:0}
.song-content .song-section-title{display:inline-flex;margin:0 0 11px;border-radius:5px;background:#edf4ee;padding:5px 9px;color:#42634e;font:700 11px 'DM Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.song-content .song-section-body{min-width:0;overflow-wrap:anywhere}
@media(max-width:540px){.song-section-heading{align-items:flex-end}.song-section-editor .toolbar{gap:2px}.song-section-editor .rich-editor,.song-section-editor .source-editor{height:170px}.custom-section-name{width:min(180px,55%)}}
.section-actions{display:flex;align-items:center;gap:4px;margin:0 0 2px auto}
.section-actions .icon-button{margin:0;background:#fff;color:#64756a;font-size:14px}
.section-actions .icon-button:hover{background:#e7eee8;color:#28583d}
.section-actions .remove-section{background:#f7eeec;color:#b55c50;font-size:19px}
.section-actions .remove-section:hover{background:#f4dfdc}
.song-input-wrap{position:relative;min-height:340px;overflow:hidden;border:1px solid #dfe5df;border-radius:7px;background:#fff;transition:border-color .15s,box-shadow .15s}
.song-input-wrap:focus-within{border-color:#4c9b70;box-shadow:0 0 0 3px #4c9b701a}
.highlight-layer,.song-text-input{position:absolute;inset:0;width:100%;min-height:100%;margin:0;padding:14px;border:0;border-radius:0;font:400 13px/1.65 'Courier New',monospace;letter-spacing:normal;tab-size:4;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}
.highlight-layer{z-index:0;overflow:hidden;color:#28342d;pointer-events:none}
.section-marker{border-radius:3px;background:#e3f2e7;color:#176b4b;font-weight:700;box-shadow:0 0 0 2px #e3f2e7}
.song-text-input{z-index:1;display:block;height:100%;resize:none;overflow:hidden;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:#176b4b;outline:0}
.song-text-input::placeholder{color:#a3ada6;-webkit-text-fill-color:#a3ada6;opacity:1}
.song-text-input::selection{background:#87bf9b66}
.song-content .song-section-body{font-family:'Courier New',monospace;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
@media(max-width:540px){.highlight-layer,.song-text-input{padding:12px;font-size:12px;line-height:1.7}.song-content .song-section-body{font-size:13px}}
/* Preserve chord columns on narrow screens: long lines scroll inside the editor/section. */
.song-input-wrap{max-height:62vh;overflow:hidden;touch-action:pan-x pan-y}
.highlight-layer{left:0;top:0;right:auto;bottom:auto;width:max-content;min-width:100%;white-space:pre;overflow:visible;will-change:transform}
.song-text-input{white-space:pre;overflow-x:auto;overflow-y:auto;overflow-wrap:normal;word-break:normal;touch-action:pan-x pan-y;scrollbar-width:thin}
.song-content .song-section-body{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:pre;overflow-wrap:normal;word-break:normal;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
@media(max-width:720px){.song-content .song-section-body{font-size:12px;line-height:1.8}}
.song-input-wrap{min-height:min(340px,62vh)}
.highlight-layer.is-placeholder{color:#9aa69e}
.highlight-layer.is-placeholder .section-marker{background:#eaf3ec;color:#4e7a5b;box-shadow:0 0 0 2px #eaf3ec}
.form-status{min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.form-status.error,.form-status.success{display:flex;align-items:flex-start;gap:9px;border:1px solid;border-radius:8px;padding:11px 13px;font-size:12px}
.form-status.error{border-color:#f0c7c2;background:#fff5f3;color:#a5352b;font-weight:600}
.form-status.error::before{content:'!';display:grid;flex:0 0 18px;width:18px;height:18px;place-items:center;border-radius:50%;background:#f6ddd9;color:#a5352b;font-weight:800}
.form-status.success{border-color:#cde4d3;background:#f3faf4;color:#28754b}
.form-status.loading{color:#8c641e;font-weight:600}
.saved-songs-card{margin-bottom:22px}.song-search-field{max-width:420px;margin-top:15px}.manager-category-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;padding:0 0 14px}.manager-category-chip{flex:0 0 auto;height:30px;border:1px solid #e3e9e3;border-radius:20px;background:#fff;padding:0 12px;color:#69776e;font-size:11px;font-weight:600;white-space:nowrap}.manager-category-chip:hover{border-color:#b8cebb;color:var(--green)}.manager-category-chip[aria-pressed=true]{border-color:var(--green);background:var(--green);color:#fff}.manager-list-status{margin:12px 0;color:#748078;font-size:12px}.manager-song-list{display:grid;gap:8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#c8d5c9 transparent}.manager-song-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #e5ebe5;border-radius:10px;background:#fbfcfa;padding:11px 13px}.manager-song-info{min-width:0}.manager-song-title{margin:0;color:#26352b;font-size:13px;font-weight:700;overflow-wrap:anywhere}.manager-song-meta{margin:4px 0 0;color:#849087;font-size:10px}.manager-song-actions{display:flex;gap:6px}.manager-song-actions button,.form-actions .button{min-height:34px}.manager-edit-button{border:1px solid #dbe7dc;border-radius:8px;background:#f5faf5;padding:0 11px;color:#176b4b;font-size:10px;font-weight:700}.manager-delete-button{border:1px solid #f0dcda;border-radius:8px;background:#fff8f7;padding:0 11px;color:#a64b42;font-size:10px;font-weight:700}.manager-empty{border:1px dashed #dbe4db;border-radius:10px;padding:18px;color:#8a968d;text-align:center;font-size:12px}.form-actions{display:flex;align-items:center;gap:8px}.form-actions [hidden],button[hidden]{display:none!important}.file-chip.existing-file{background:#f1f4f0;color:#77847b}.editing-note{margin-top:8px;color:#738078;font-size:10px}
@media(max-width:600px){.saved-songs-card{padding:18px 15px}.manager-song-row{grid-template-columns:minmax(0,1fr);gap:8px}.manager-song-actions{justify-content:flex-end}.manager-song-actions button{min-height:32px}.form-footer{align-items:stretch;flex-direction:column}.form-actions{justify-content:flex-end}}
.manager-song-row{transition:border-color .15s,background .15s,box-shadow .15s}.manager-song-row:hover{border-color:#cbdccd;background:#f7faf6;box-shadow:0 3px 12px #183d2410}.manager-song-preview-button{display:block;width:100%;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.manager-song-preview-button:focus-visible{outline:2px solid #80af8d;outline-offset:3px;border-radius:4px}.manager-preview-dialog{width:min(100% - 36px,900px);max-width:none;max-height:min(92dvh,980px);border:0;border-radius:18px;background:transparent;padding:0;color:#202a25;box-shadow:0 22px 90px #0b20163d}.manager-preview-dialog::backdrop{background:#101b15a6;backdrop-filter:blur(4px)}.manager-preview-frame{display:flex;max-height:min(92dvh,980px);flex-direction:column;overflow:hidden;border:1px solid #e8ece7;border-radius:18px;background:#fff}.manager-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:21px 25px 15px}.manager-preview-heading{min-width:0}.manager-preview-category{margin:0 0 5px;color:var(--green);font-size:10px;font-weight:700;letter-spacing:.13em}.manager-preview-header h2{margin:0;color:#1c2c22;font:800 clamp(20px,3vw,28px)/1.2 Manrope,sans-serif;letter-spacing:-.04em}.manager-preview-meta{display:flex;flex-wrap:wrap;gap:6px 11px;margin:8px 0 0;color:#78857d;font-size:11px}.manager-preview-close{flex:0 0 36px;width:36px;height:36px;border:1px solid #e5eae4;border-radius:11px;background:#fff;color:#58665c;font-size:25px;line-height:1}.manager-preview-close:hover{background:#f4f7f3}.manager-preview-content{overflow:auto;min-height:150px;padding:clamp(22px,5vw,44px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:#c8d5c9 transparent}.manager-preview-content .song-content{max-width:760px;margin:0 auto}.manager-preview-content .song-section{margin:0 0 clamp(25px,5vw,44px)}.manager-preview-content .song-section:last-child{margin-bottom:4px}.manager-preview-content .song-section-title{margin:0 0 13px;color:var(--green);font:700 clamp(12px,1.8vw,14px) 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase}.manager-preview-content .song-section-body{max-width:100%;overflow-x:auto;overflow-y:hidden;color:#28372d;font:500 clamp(13px,2vw,17px)/1.9 'Courier New',monospace;white-space:pre;tab-size:4;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.manager-preview-content .song-section-body:empty{display:none}.manager-preview-empty{padding:44px 20px;color:#87938a;text-align:center;font-size:13px}
@media(max-width:600px){.manager-preview-dialog{width:100%;height:100%;max-height:100dvh;margin:0;border-radius:0}.manager-preview-frame{height:100%;max-height:100dvh;border:0;border-radius:0}.manager-preview-header{padding:calc(15px + env(safe-area-inset-top)) 17px 13px}.manager-preview-content{flex:1;padding:25px 20px calc(25px + env(safe-area-inset-bottom))}.manager-preview-content .song-section{margin-bottom:31px}.manager-preview-content .song-section-body{font-size:12px;line-height:1.85}}
.manager-update-progress{display:grid;gap:6px;margin:0 0 4px}.manager-update-progress[hidden]{display:none!important}.manager-progress-track{position:relative;height:7px;overflow:hidden;border-radius:9px;background:#e8eee8}.manager-progress-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:#218052;transition:width .3s ease}.manager-update-progress.is-loading .manager-progress-fill{width:34%;background:linear-gradient(90deg,#8ab99a,#176b4b,#8ab99a);animation:manager-progress-slide 1.25s ease-in-out infinite}.manager-update-progress.is-complete .manager-progress-fill{width:100%}.manager-update-progress.is-error .manager-progress-fill{width:100%;background:#c65b4f}.manager-progress-label{color:#728078;font-size:10px}.manager-update-progress.is-complete .manager-progress-label{color:#28754b;font-weight:700}.manager-update-progress.is-error .manager-progress-label{color:#a5352b;font-weight:600}@keyframes manager-progress-slide{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}@media(prefers-reduced-motion:reduce){.manager-update-progress.is-loading .manager-progress-fill{animation:none;width:55%}}
.manager-preview-scores{flex:0 0 auto;border-top:1px solid #edf0ec;border-bottom:1px solid #edf0ec;background:#fbfcfa;padding:9px 16px}.manager-preview-scores[hidden],.manager-preview-pages[hidden],.manager-score-carousel[hidden]{display:none!important}.manager-preview-instruments{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}.manager-preview-instrument-button{flex:0 0 auto;min-height:29px;border:1px solid #dfe7df;border-radius:18px;background:#fff;padding:0 10px;color:#617067;font-size:10px;font-weight:700}.manager-preview-instrument-button:hover,.manager-preview-instrument-button[aria-pressed=true]{border-color:var(--green);background:#edf5ee;color:var(--green)}.manager-score-carousel{display:flex;align-items:center;justify-content:center;gap:12px;margin:7px auto;color:#6d7a70;font-size:10px;font-weight:700}.manager-score-carousel button{display:grid;width:28px;height:26px;place-items:center;border:1px solid #dfe7df;border-radius:8px;background:#fff;color:var(--green);font-size:20px;line-height:1}.manager-score-carousel button:disabled{opacity:.35;cursor:default}.manager-preview-pages{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.manager-preview-pages::-webkit-scrollbar{display:none}.manager-preview-page{display:grid;flex:0 0 100%;min-width:0;justify-items:center;gap:4px;margin:0;scroll-snap-align:center}.manager-preview-page img{display:block;max-width:100%;max-height:30dvh;object-fit:contain;cursor:zoom-in}.manager-preview-page figcaption{color:#89958d;font-size:9px;overflow-wrap:anywhere;text-align:center}.manager-score-image-dialog{display:none;width:100vw;height:100dvh;max-width:none;max-height:none;overflow:auto;place-items:center;border:0;background:#111;padding:0}.manager-score-image-dialog::backdrop{background:#101512f2}.manager-score-image-dialog[open]{display:grid}.manager-score-image-dialog>img{display:block;max-width:100vw;max-height:100dvh;object-fit:contain}.manager-score-image-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2;width:38px;height:38px;border:1px solid #ffffff70;border-radius:50%;background:#18251dcc;color:#fff;font-size:24px;backdrop-filter:blur(3px)}
@media(max-width:600px){.manager-preview-scores{padding:8px 12px}.manager-preview-instrument-button{min-height:28px;padding:0 8px;font-size:9px}.manager-preview-page img{max-height:26dvh}.manager-preview-content{min-height:0}}
.manager-preview-content{touch-action:pan-y}
.manager-preview-content .song-section-body{overflow-x:visible;overflow-y:visible}
.manager-preview-content .song-content pre{overflow:visible}
.page-header-actions{display:flex;align-items:center;gap:8px}.header-toggle-button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;border:1px solid #dce5dd;border-radius:8px;background:#fff;padding:0 10px;color:#42634e;font:600 11px 'DM Sans',sans-serif;white-space:nowrap}.header-toggle-button:hover{border-color:#a8c5ae;background:#f8fbf8}.header-toggle-button>span:first-child{font-size:17px;line-height:1}.page-header.is-collapsed{align-items:center;margin-bottom:17px}.page-header.is-collapsed .eyebrow,.page-header.is-collapsed .intro,.page-header.is-collapsed .status-pill{display:none}.page-header.is-collapsed h1{font-size:25px}.page-header.is-collapsed .header-toggle-button{flex:0 0 auto}
@media(max-width:720px){.page-header-actions{flex-wrap:wrap}.page-header.is-collapsed{flex-direction:row;align-items:center;gap:10px}.page-header.is-collapsed>div:first-child{min-width:0}.page-header.is-collapsed h1{font-size:22px}.header-toggle-button{min-height:32px;font-size:10px}}
.saved-songs-card .section-heading{align-items:flex-start;margin-bottom:16px}
.saved-songs-heading-group{min-width:0}
.saved-songs-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.saved-songs-title-row .button{min-height:32px;padding:0 10px;white-space:nowrap}
.manager-last-updated{margin:7px 0 0;color:#748078;font-size:10px}
.manager-last-updated[hidden]{display:none!important}
@media(max-width:600px){.saved-songs-title-row{gap:7px}.saved-songs-title-row .button{min-height:30px;padding:0 8px;font-size:10px}}
.page-header{margin-bottom:10px}
.page-header.is-collapsed{margin-bottom:10px}
.app-credit{display:flex;align-items:center;gap:8px;margin:0 0 24px;color:#78857d;font-size:11px}
.app-credit img{display:block;width:28px;height:28px;border-radius:7px;object-fit:contain}
.page-header.is-collapsed + .app-credit{display:none}
.manager-preview-credits{margin:5px 0 0;color:#78857d;font-size:10px;line-height:1.5}
.manager-preview-credits[hidden]{display:none!important}

.manager-delete-dialog{width:min(calc(100% - 30px),460px);max-width:none;max-height:90dvh;border:0;border-radius:16px;background:transparent;padding:0;color:#202a25;box-shadow:0 22px 90px #0b20163d}.manager-delete-dialog::backdrop{background:#101b15a6;backdrop-filter:blur(4px)}.manager-delete-frame{overflow:hidden;border:1px solid #e5ebe4;border-radius:16px;background:#fff}.manager-delete-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px 15px}.manager-delete-kicker{margin:0 0 8px;color:var(--green);font-size:10px;font-weight:700;letter-spacing:.15em}.manager-delete-header h2{margin:0;color:#1c2c22;font:800 22px/1.2 Manrope,sans-serif;letter-spacing:-.04em}.manager-delete-close{flex:0 0 36px;width:36px;height:36px;border:1px solid #e5eae4;border-radius:11px;background:#fff;color:#58665c;font-size:25px;line-height:1}.manager-delete-body{display:grid;gap:18px;padding:0 22px 22px}.manager-delete-body>p{margin:0;color:#59675e;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.manager-delete-actions{display:flex;justify-content:flex-end;gap:9px}.manager-delete-actions button{min-width:92px;min-height:39px;border:1px solid #dce5dd;border-radius:8px;background:#fff;padding:0 13px;color:#53645a;font-size:11px;font-weight:700}.manager-delete-actions #confirm-manager-delete{border-color:#bb655d;background:#b74b40;color:#fff}.manager-delete-actions #confirm-manager-delete:hover{background:#a83e34}.manager-delete-actions button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.manager-delete-dialog{width:calc(100% - 30px);margin:auto;border-radius:16px}.manager-delete-header{padding:18px 16px 14px}.manager-delete-header h2{font-size:19px}.manager-delete-body{gap:15px;padding:0 16px 18px}.manager-delete-body>p{font-size:12px}.manager-delete-actions{gap:9px}.manager-delete-actions button{flex:1;min-width:0;min-height:42px}}
.manager-song-row{transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease}.manager-song-row.manager-song-just-added,.manager-song-row.manager-song-just-added:hover{border-color:#70b879;background:#e5f5df;box-shadow:0 0 0 3px #70b87935,0 8px 22px #397b3a20}.manager-new-song-badge{display:inline-flex;align-items:center;vertical-align:middle;margin-left:7px;border-radius:10px;background:#267746;padding:3px 7px;color:#fff;font-size:9px;font-weight:800;line-height:1.2;white-space:nowrap;letter-spacing:0}.manager-delete-dialog.is-success .manager-delete-actions #confirm-manager-delete{border-color:#176b4b;background:#176b4b}.manager-delete-dialog.is-success .manager-delete-actions #confirm-manager-delete:hover{background:#104b36}
.manager-edit-button,.manager-delete-button{cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s}.manager-edit-button:hover{border-color:#a8c5ae;background:#eaf4eb;box-shadow:0 2px 7px #176b4b18}.manager-delete-button:hover{border-color:#e0aaa4;background:#fcebe9;box-shadow:0 2px 7px #a64b4218}.manager-edit-button:active,.manager-delete-button:active{transform:translateY(1px)}
body.manager-preview-open{overflow:hidden;scrollbar-width:none}body.manager-preview-open::-webkit-scrollbar{display:none}