@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#172033;background:#f5f7f9;font-synthesis:none;--ink:#101827;--muted:#667085;--line:#e4e8ee;--paper:#fff;--accent:#e85d3f;--accent-dark:#c9442a;--nav:#111a2b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}button{cursor:pointer}h1,h2,strong,.brand{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}.loading-screen{min-height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.spinner{width:34px;height:34px;border:3px solid #d7dce4;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;padding:clamp(16px,4vw,56px);display:grid;place-items:center;background:radial-gradient(circle at 10% 15%,#293550 0,transparent 32%),var(--nav)}.login-panel{width:min(1060px,100%);min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;background:var(--paper);border-radius:28px;overflow:hidden;box-shadow:0 28px 80px #070d1999}.login-art{position:relative;overflow:hidden;padding:clamp(40px,7vw,84px);color:#fff;background:linear-gradient(150deg,#17233b,#0e1626)}.login-art:after{content:"";position:absolute;inset:auto -120px -170px auto;width:430px;height:430px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 55px #ffffff09,0 0 0 110px #ffffff07}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--accent)}.brand-mark.large{width:55px;height:55px;border-radius:17px}.brand-mark svg{width:21px}.login-art h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.06em;margin:22px 0}.login-art>p:not(.eyebrow){color:#b8c1d0;max-width:470px;font-size:1.08rem;line-height:1.7}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:700;color:var(--accent)}.soundwave{position:absolute;left:clamp(40px,7vw,84px);bottom:64px;height:80px;display:flex;align-items:center;gap:6px}.soundwave i{display:block;width:4px;background:#ffffff7d;border-radius:3px}.login-form{padding:clamp(40px,7vw,84px);display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.04em;margin:.5rem 0}.login-form>p:not(.eyebrow){color:var(--muted);line-height:1.6;margin-bottom:28px}.primary-button{border:0;border-radius:12px;padding:15px 20px;background:var(--accent);color:#fff;font-weight:700;box-shadow:0 8px 20px #e85d3f35}.primary-button:hover{background:var(--accent-dark)}.primary-button:disabled{opacity:.6}.login-form small{color:#89909c;line-height:1.5;margin-top:20px}.alert{padding:12px 14px;margin-bottom:16px;color:#982f22;background:#fff0ed;border:1px solid #ffd1c8;border-radius:10px}.app-shell{min-height:100vh;display:grid;grid-template:72px 1fr/248px 1fr;background:#f5f6f8;transition:grid-template-columns .2s}.app-shell.sidebar-collapsed{grid-template-columns:78px 1fr}.topbar{grid-column:1/-1;display:flex;align-items:center;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.header-user{margin-left:auto;display:flex;align-items:center;gap:10px}.header-user>div{display:flex;flex-direction:column;font-size:.85rem}.header-user span{color:var(--muted);font-size:.75rem}.avatar{width:36px;height:36px;display:grid!important;place-items:center;border-radius:50%;background:#fff1ed;color:var(--accent)!important;font-weight:800}.sidebar{grid-row:2;background:var(--nav);color:#c5ccda;padding:24px 14px;display:flex;flex-direction:column;overflow:hidden;z-index:30}.sidebar nav{display:grid;gap:6px}.sidebar a,.sidebar-footer button{width:100%;height:46px;display:flex;align-items:center;gap:14px;padding:0 14px;border:0;border-radius:10px;color:inherit;background:transparent;white-space:nowrap}.sidebar svg{width:20px;flex:none}.sidebar a:hover,.sidebar a.active,.sidebar-footer button:hover{color:#fff;background:#ffffff10}.sidebar a.active{box-shadow:inset 3px 0 var(--accent)}.sidebar-footer{margin-top:auto;display:grid;gap:4px}.collapse-button{font-size:1.4rem}.collapse-button span{font-size:.88rem}.sidebar-collapsed .sidebar span{display:none}.sidebar-collapsed .sidebar a,.sidebar-collapsed .sidebar-footer button{justify-content:center;padding:0}.sidebar-mobile-head,.mobile-menu,.backdrop{display:none}.main-content{min-width:0;padding:clamp(24px,4vw,56px);overflow:auto}.page{max-width:1200px;margin:auto}.page-header{margin-bottom:32px}.page-header h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;margin:5px 0}.page-header>p:last-child{color:var(--muted);margin:0}.profile-card,.placeholder,.stat{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px #17203308}.profile-hero{padding:28px;display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line)}.profile-avatar{width:58px;height:58px;display:grid;place-items:center;background:#fff0ec;color:var(--accent);border-radius:17px}.profile-hero h2,.profile-hero p{margin:0}.profile-hero p{color:var(--muted)}.status{margin-left:auto;padding:7px 11px;border-radius:99px;background:#eaf8ef;color:#287a45;font-size:.8rem;font-weight:700}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36a45a}.profile-card dl{margin:0;padding:8px 28px 22px}.profile-card dl>div{display:grid;grid-template-columns:170px 1fr;padding:18px 0;border-bottom:1px solid #eef0f3}.profile-card dl>div:last-child{border:0}.profile-card dt{color:var(--muted)}.profile-card dd{margin:0;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{padding:5px 9px;border-radius:7px;background:#f0f2f5;font-size:.8rem}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.stat{display:flex;align-items:center;gap:15px;padding:22px}.stat>svg{color:var(--accent)}.stat div{display:flex;flex-direction:column}.stat strong{font-size:1.4rem}.stat span{color:var(--muted)}.placeholder{min-height:310px;padding:40px;display:grid;place-content:center;text-align:center;color:var(--muted)}.placeholder>svg{margin:auto;color:var(--accent);width:38px;height:38px}.placeholder h2{color:var(--ink);margin:15px 0 5px}.placeholder p{margin:0;max-width:440px}.icon-button{border:0;background:transparent;padding:8px;color:inherit}@media(max-width:800px){.login-panel{grid-template-columns:1fr;min-height:0}.login-art{padding:38px}.login-art h1{font-size:2.5rem}.login-art .soundwave{display:none}.login-form{padding:38px}.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr;grid-template-rows:64px 1fr}.topbar{padding:0 16px}.topbar .brand span:last-child{display:none}.mobile-menu{display:block;margin-right:5px}.header-user>div{display:none}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,300px);transform:translate(-105%);transition:transform .22s;box-shadow:12px 0 35px #0005}.sidebar.open{transform:translate(0)}.sidebar span,.sidebar-collapsed .sidebar span{display:inline}.sidebar a,.sidebar-collapsed .sidebar a,.sidebar-collapsed .sidebar-footer button{justify-content:flex-start;padding:0 14px}.sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;color:#fff;padding:0 7px 20px}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#09101db3;z-index:25}.collapse-button{display:none!important}.main-content{grid-row:2;padding:26px 16px}.stat-grid{grid-template-columns:1fr}.profile-hero{align-items:flex-start;flex-wrap:wrap}.status{margin-left:0}.profile-card dl>div{grid-template-columns:1fr;gap:6px}.page-header{margin-bottom:22px}}@media(max-width:480px){.login-page{padding:0;background:#fff}.login-panel{border-radius:0;box-shadow:none}.login-art{padding:28px;min-height:300px}.login-art h1{font-size:2.15rem}.login-form{padding:34px 28px}.profile-hero{padding:20px}.profile-card dl{padding:6px 20px 16px}.placeholder{padding:28px 20px}.header-user strong{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.admin-heading,.edit-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.count-pill,.badge,.availability{display:inline-flex;align-items:center;border-radius:99px;font-size:.76rem;font-weight:700;text-transform:capitalize}.count-pill{padding:8px 13px;background:#fff;border:1px solid var(--line)}.toolbar{display:flex;gap:12px;margin-bottom:18px}.search-box{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 14px}.search-box svg{width:18px;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;padding:13px 0;background:transparent}.secondary-button,.danger-button,.publish-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 15px;font-weight:700}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink)}.secondary-button svg,.publish-button svg,.primary-button svg{width:17px}.song-table-wrap{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px #17203308}.song-table{width:100%;border-collapse:collapse}.song-table th{text-align:left;padding:13px 18px;background:#f8f9fb;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.song-table td{padding:16px 18px;border-top:1px solid var(--line);vertical-align:middle}.song-cell{display:flex;align-items:center;gap:12px;min-width:220px}.song-cell>div{display:flex;flex-direction:column}.song-cell span{color:var(--muted);font-size:.83rem}.song-icon{width:42px;height:42px;display:grid!important;place-items:center;background:#fff0ec;color:var(--accent)!important;border-radius:12px}.song-icon svg{width:19px}.status-stack{display:flex;align-items:center;gap:7px}.badge{padding:5px 9px}.badge.draft{background:#fff3d6;color:#8c6514}.availability{color:#22844b}.availability.off{color:#a24235}.action-grid{display:flex;flex-wrap:wrap;gap:6px;min-width:440px}.action-grid button,.action-grid a{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-size:.76rem}.action-grid svg{width:14px}.action-grid button:disabled{opacity:.38;cursor:not-allowed}.action-grid .danger-soft{color:#b23b2c}.admin-loading,.empty-inline{padding:40px;text-align:center;color:var(--muted)}.dialog-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#09101db8}.dialog{width:min(520px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 28px 80px #0005}.dialog.wide{width:min(900px,100%)}.dialog>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#fff;border-bottom:1px solid var(--line);z-index:1}.dialog h2{margin:0;font-size:1.1rem}.dialog-body{padding:22px}.dialog-body audio{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.danger-button{border:0;background:#c33e2d;color:#fff}.toast{position:fixed;right:24px;bottom:24px;z-index:150;max-width:min(420px,calc(100vw - 32px));padding:14px 18px;background:#172033;color:#fff;border-radius:11px;box-shadow:0 14px 40px #0004}.timeline-chart,.pitch-chart{margin-top:18px;padding:18px;background:#f8f9fb;border:1px solid var(--line);border-radius:12px}.timeline-legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.timeline-legend span{display:flex;align-items:center;gap:6px;font-size:.8rem}.timeline-legend i{width:9px;height:9px;border-radius:50%}.timeline-track{position:relative;height:54px;background:#e7eaf0;border-radius:8px;overflow:hidden}.timeline-track span{position:absolute;top:7px;height:40px;border-radius:5px;opacity:.88}.axis{display:flex;justify-content:space-between;margin-top:6px;color:var(--muted);font-size:.72rem}.pitch-chart svg{display:block;width:100%;height:230px;background:linear-gradient(#0000 24%,#d9dee755,#0000 26%,#0000 49%,#d9dee755,#0000 51%,#0000 74%,#d9dee755,#0000 76%)}.edit-header{margin-bottom:22px}.edit-header h1{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0 3px}.edit-header p{margin:0;color:var(--muted)}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.85rem}.back-link svg{width:16px}.publish-button{border:0;background:#1f8b50;color:#fff}.publish-button:disabled{background:#b7c0bb;cursor:not-allowed}.readiness{display:flex;justify-content:space-between;gap:15px;padding:14px 17px;margin-bottom:16px;background:#fff8e6;border:1px solid #f3dda4;border-radius:11px}.readiness span{color:#856417}.edit-section{padding:24px;margin-bottom:18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 24px #17203308}.edit-section>header{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}.edit-section h2{margin:0 0 4px;font-size:1.15rem}.edit-section header p{margin:0;color:var(--muted)}.section-state{display:flex;align-items:center;gap:5px;color:#38885a;font-size:.76rem}.section-state svg{width:15px}.section-actions{display:flex;flex-wrap:wrap;gap:9px}.primary-button.compact{display:inline-flex;align-items:center;gap:7px;padding:11px 15px}.audio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:17px}.audio-card{display:grid;gap:9px;padding:15px;background:#f8f9fb;border:1px solid var(--line);border-radius:11px;text-transform:capitalize}.audio-card audio{width:100%}.singer-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:18px}.singer-editor label,.alignment-studio>label{display:grid;gap:6px;color:var(--muted);font-size:.8rem}.singer-editor input,.alignment-studio textarea{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff;color:var(--ink)}.notice{margin-top:13px;padding:11px 13px;background:#fff8e6;color:#785d1c;border-radius:9px;font-size:.82rem}.word-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.word-chips span{display:inline-flex;align-items:center;gap:3px;padding:7px 9px;background:#e9f7ee;color:#267646;border:1px solid #c6ead3;border-radius:8px;cursor:grab}.word-chips svg{width:13px}.word-chips .unaligned{background:#f2f3f5;color:#707782;border-color:#e2e5e9}.alignment-studio{display:grid;gap:13px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.alignment-studio textarea{min-height:120px;resize:vertical}.alignment-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.alignment-table{width:100%;border-collapse:collapse}.alignment-table th,.alignment-table td{padding:9px 11px;border-bottom:1px solid var(--line);text-align:left;font-size:.82rem}.alignment-table th{background:#f7f8fa}.alignment-table td button{border:0;background:transparent;padding:4px}.alignment-table svg{width:15px}@media(max-width:900px){.song-table thead{display:none}.song-table,.song-table tbody,.song-table tr,.song-table td{display:block}.song-table tr{padding:16px;border-top:1px solid var(--line)}.song-table tr:first-child{border-top:0}.song-table td{padding:7px 0;border:0}.action-grid{min-width:0}.admin-heading,.edit-header{align-items:flex-start}.readiness{flex-direction:column}.audio-grid{grid-template-columns:1fr}}@media(max-width:560px){.toolbar{flex-direction:column}.admin-heading,.edit-header{display:grid}.count-pill{width:max-content}.publish-button{width:100%}.edit-section{padding:18px}.edit-section>header{display:grid}.section-state{display:none}.song-table-wrap{border-radius:13px}.dialog-layer{padding:10px}.toast{right:16px;bottom:16px}}.singer-editor label span{display:flex;gap:6px}.singer-editor label span input{min-width:0;flex:1}.singer-editor label span button,.segment-editor button{border:0;border-radius:8px;padding:8px;cursor:pointer}.segment-editor{display:grid;gap:8px;margin-top:16px}.segment-editor>div{display:grid;grid-template-columns:minmax(90px,1fr) 120px 120px auto;gap:8px;align-items:center}.segment-editor input{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px}@media(max-width:640px){.segment-editor>div{grid-template-columns:1fr 1fr}.segment-editor strong{grid-column:1/-1}}.alignment-player{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto auto minmax(180px,1fr) auto auto;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;background:#111827;color:#fff;border:1px solid #ffffff1f;border-radius:14px;box-shadow:0 12px 30px #11182735}.alignment-player button{color:inherit;cursor:pointer}.player-main{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--accent)}.player-main svg{width:19px}.player-main:disabled{opacity:.55}.player-skip{border:1px solid #ffffff30;background:#ffffff10;border-radius:8px;padding:7px;font-size:.75rem}.player-timeline{display:grid;gap:3px}.player-time{display:flex;gap:5px;align-items:baseline;font-variant-numeric:tabular-nums}.player-time strong{font-size:1rem}.player-time span{font-size:.76rem;color:#b9c0cc}.player-timeline input{width:100%;accent-color:var(--accent)}.player-rate{display:grid;gap:2px;font-size:.68rem;color:#b9c0cc}.player-rate select{border:1px solid #ffffff30;border-radius:7px;padding:5px;background:#202938;color:#fff}.song-edit-tabs{position:sticky;top:70px;z-index:10;display:flex;gap:6px;overflow-x:auto;margin:0 0 18px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 7px 24px #1720330a}.song-edit-tabs button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:0;background:transparent;color:var(--muted);border-radius:9px;padding:10px 13px;font-weight:700;cursor:pointer}.song-edit-tabs button.active{background:var(--ink);color:#fff}.tab-dot{width:8px;height:8px;border-radius:50%;background:#d7a32d}.tab-dot.ready{background:#32a864}.tab-panel{min-height:360px}.details-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:20px}.details-form label{display:grid;gap:6px;color:var(--muted);font-size:.8rem;font-weight:600}.details-form input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink)}.details-form label:first-child{grid-column:1/-1}@media(max-width:640px){.alignment-player{grid-template-columns:auto 1fr auto;gap:7px}.player-skip{display:none}.player-timeline{grid-column:2}.player-rate{grid-column:3;grid-row:1/3}.song-edit-tabs{top:86px;margin-inline:-4px;border-radius:10px}.details-form{grid-template-columns:1fr}.details-form label:first-child{grid-column:auto}.tab-panel{min-height:0}}.song-edit-page{padding-bottom:90px}.song-edit-page .alignment-player{position:fixed;top:auto;left:calc(50% + 124px);right:auto;bottom:16px;width:min(calc(100vw - 296px),1200px);transform:translate(-50%);z-index:50;margin:0}.song-edit-page .song-edit-tabs{top:0}.sidebar-collapsed~.main-content .alignment-player,.app-shell.sidebar-collapsed .alignment-player{left:calc(50% + 39px);width:min(calc(100vw - 126px),1200px)}@media(max-width:800px){.song-edit-page{padding-bottom:112px}.song-edit-page .alignment-player{left:50%;bottom:10px;width:calc(100vw - 24px)}.song-edit-page .song-edit-tabs{top:0}}.alignment-help{margin:16px 0 8px;color:var(--muted);font-size:.84rem}.word-chips.selectable button{display:inline-flex;align-items:center;gap:7px;border:1px solid #c6ead3;padding:7px 9px;background:#e9f7ee;color:#267646;border-radius:8px;cursor:pointer}.word-chips.selectable button small{padding-left:6px;border-left:1px solid currentColor;opacity:.7;font-variant-numeric:tabular-nums}.word-chips.selectable button.unaligned{background:#f2f3f5;color:#707782;border-color:#e2e5e9}.word-chips.selectable button.selected{outline:3px solid #ef806055;background:#fff0ec;border-color:var(--accent);color:#a43f25}.selected-word-notice{padding:11px 13px;border-radius:9px;background:#eef4ff;color:#315d9c}.alignment-table td>strong{display:block}.alignment-table input{width:100%;min-width:88px;border:1px solid var(--line);border-radius:7px;padding:7px;background:#fff}.align-here{margin-top:5px!important;padding:5px 7px!important;border-radius:6px!important;background:#eef4ff!important;color:#315d9c!important;font-size:.7rem}.alignment-actions{display:flex;gap:2px}.alignment-actions .delete-mapping{color:#ba4938}.alignment-actions button:disabled{opacity:.35}.range-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:#f4f6f9;border:1px solid var(--line);border-radius:10px}.range-toolbar>span{font-size:.82rem;color:var(--muted)}.range-toolbar>div{display:flex;flex-wrap:wrap;gap:6px}.range-toolbar button,.row-selector{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:7px;padding:6px 8px;background:#fff;color:var(--ink);cursor:pointer}.range-toolbar button:disabled{opacity:.4;cursor:not-allowed}.range-toolbar svg{width:14px}.alignment-table tr.range-selected td{background:#eef4ff}.row-selector{font-size:.7rem;color:#315d9c;border-color:#cbdcf5}@media(max-width:640px){.range-toolbar{align-items:flex-start;flex-direction:column}.range-toolbar>div{width:100%}.range-toolbar button{flex:1;justify-content:center}}.segment-table-wrap{overflow:auto;margin-top:18px;border:1px solid var(--line);border-radius:11px}.segment-table{width:100%;border-collapse:collapse;min-width:820px}.segment-table th,.segment-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:.8rem}.segment-table th{background:#f7f8fa;color:var(--muted);font-size:.72rem;text-transform:uppercase}.segment-table tr:last-child td{border-bottom:0}.segment-table tr.draft-segment td{background:#fff8e6}.segment-table td:first-child strong,.segment-table td:first-child small{display:block}.segment-table td:first-child small{color:#a06f12}.segment-table input,.segment-table select{width:100%;min-width:105px;border:1px solid var(--line);border-radius:7px;padding:7px;background:#fff;color:var(--ink)}.segment-table select{min-width:150px}.segment-table select:disabled{opacity:1;background:#f5f6f8}.segment-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:250px}.segment-actions button{border:1px solid var(--line);border-radius:7px;padding:6px 8px;background:#fff;cursor:pointer;font-size:.72rem}.segment-actions .save-segment{background:#27834d;color:#fff;border-color:#27834d}.segment-actions .cancel-segment{color:#aa4335}.segment-actions button:disabled{opacity:.4;cursor:not-allowed}.lyrics-timeline-section{display:grid;gap:12px;padding:16px;background:#f8f9fb;border:1px solid var(--line);border-radius:12px}.lyrics-timeline-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.lyrics-timeline-section h3{margin:0 0 3px}.lyrics-timeline-section header p{margin:0;color:var(--muted);font-size:.82rem}.lyrics-timeline-section header label{display:grid;gap:3px;color:var(--muted);font-size:.7rem}.lyrics-timeline-section select{border:1px solid var(--line);border-radius:7px;padding:6px;background:#fff}.unaligned-timeline-words{display:grid;gap:7px}.unaligned-timeline-words>strong{font-size:.78rem;color:#8a6420}.unaligned-timeline-words>div{display:flex;flex-wrap:wrap;gap:6px}.unaligned-timeline-words button{display:grid;gap:2px;text-align:left;border:1px solid #eddaa6;background:#fff8e6;color:#6f551b;border-radius:8px;padding:7px 9px;cursor:grab}.unaligned-timeline-words button small{font-size:.64rem;opacity:.75}.lyrics-timeline-scroll{overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:9px;background:#fff}.lyrics-timeline-canvas{--tick-size:8px;position:relative;min-height:145px;background-image:repeating-linear-gradient(to right,#dfe3e9 0,#dfe3e9 1px,transparent 1px,transparent var(--tick-size))}.lyrics-timeline-canvas:after{content:"";position:absolute;inset:29px 0 auto;height:1px;background:#aeb5c1}.timeline-second-labels{position:relative;height:30px;background:#f5f6f8}.timeline-second-labels span{position:absolute;top:7px;transform:translate(3px);font-size:.67rem;color:var(--muted);font-variant-numeric:tabular-nums}.timeline-word-track{position:relative;height:114px}.timeline-word{position:absolute;top:30px;min-width:34px;height:55px;display:grid;align-content:center;overflow:hidden;border:1px solid #b9ddc6;border-radius:7px;padding:4px 6px;background:#e9f7ee;color:#246c41;text-align:left;cursor:grab}.timeline-word strong,.timeline-word small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-word small{font-size:.61rem;opacity:.75}@media(max-width:640px){.lyrics-timeline-section>header{display:grid}.lyrics-timeline-section header label{width:max-content}}.heading-actions{display:flex;align-items:center;gap:10px}.new-song-button{display:inline-flex;align-items:center;gap:7px}.new-song-button svg{width:18px}.upload-song-form{display:grid;gap:17px}.audio-drop{position:relative;display:grid;place-items:center;gap:5px;padding:25px;border:2px dashed #cdd3dc;border-radius:12px;background:#f8f9fb;text-align:center;cursor:pointer}.audio-drop svg{width:30px;color:var(--accent)}.audio-drop span{color:var(--muted);font-size:.76rem}.audio-drop input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-fields label{display:grid;gap:5px;color:var(--muted);font-size:.78rem}.upload-fields input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;color:var(--ink)}@media(max-width:640px){.heading-actions{align-items:stretch;flex-direction:column}.new-song-button{justify-content:center}.upload-fields{grid-template-columns:1fr}}.delete-segment{color:#b42318;border-color:#f0b4ae;background:#fff5f4}.delete-segment:hover:not(:disabled){background:#fee4e2;border-color:#e47c73}.delete-segment svg{width:15px;height:15px}.add-singer-form{display:flex;align-items:end;gap:12px;margin:16px 0;padding:16px;border:1px solid #e4e6ef;border-radius:14px;background:#fafbff}.add-singer-form label{display:grid;gap:6px;flex:1;font-weight:700}.add-singer-form input{width:100%;box-sizing:border-box}@media(max-width:640px){.add-singer-form{align-items:stretch;flex-direction:column}}.player-time small{margin-left:7px;padding:2px 6px;border-radius:6px;background:#ffffff18;color:#dce3ee;font-size:.72rem}.saved-alignment-note{margin:10px 0;padding:10px 12px;border-radius:10px;background:#eef5ff;color:#294b7a}.alignment-table tr.needs-timing td{background:#fff8e6}.alignment-table tr.needs-timing td:first-child{box-shadow:inset 4px 0 #e2a11b}.api-loader-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#1018274f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.api-loader-card{min-width:170px;display:grid;justify-items:center;gap:8px;padding:24px 28px;border-radius:16px;background:#fff;box-shadow:0 22px 70px #0005}.api-loader-card .spinner{margin:0}.api-loader-card strong{font-size:1rem}.api-loader-card small{color:var(--muted)}