@font-face{font-family:Onon Sonin Sans;src:url(/assets/OnonSoninSans-6nF6lKqi.woff2) format("woff2"),url(/assets/OnonSoninSans-DZABoTX-.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+1800-18AF,U+200C-200D,U+202F,U+E000-F8FF,U+11660-1167F}:root{--content-font-family: "Onon Sonin Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;font-family:var(--content-font-family);color:#263249;background:#f4f6fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.content-text,.content-text input,.content-text .ant-select-selection-item,.content-text .ant-select-item-option-content{font-family:var(--content-font-family);writing-mode:horizontal-tb;letter-spacing:normal}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h2{font-size:16px;font-weight:650;letter-spacing:.1px}h3{font-size:15px}::selection{background:#c8eaff}button:focus-visible,a:focus-visible{outline:3px solid #8ecbff;outline-offset:3px}.topbar{height:76px;background:#0168c5;display:flex;align-items:center;padding:0 32px;color:#fff;position:fixed;inset:0 0 auto;z-index:20;box-shadow:0 2px 10px #07397808}.brand{display:flex;align-items:center;gap:12px;color:#fff;flex-shrink:0}.brand>span{font-size:21px;font-weight:760;letter-spacing:-.7px;line-height:1.1}.brand i{display:block;font-size:9px;font-style:normal;letter-spacing:3px;font-weight:400;opacity:.65;margin-top:7px}.brand.dark{color:#0168c5}.brand-slogan{margin-left:38px;border-left:1px solid #ffffff30;padding-left:26px;font-size:12px;letter-spacing:2px;color:#e3f0ff}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:20px}.topbar-right .ant-btn{color:#e2efff;font-size:18px}.topbar-divider{height:22px;width:1px;background:#ffffff30}.account-button{display:flex;gap:11px;align-items:center;background:none;border:0;color:#fff;font-size:12px}.account-button .anticon-down{font-size:10px;opacity:.7;margin-left:10px}.account-avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#eaf5ff;color:#0168c5;font-size:14px;border:3px solid #ffffff40}.sidebar{width:226px;background:#fff;position:fixed;top:76px;bottom:0;left:0;border-right:1px solid #e9edf4;display:flex;flex-direction:column;padding:28px 16px 0;z-index:15}.workspace-label{display:flex;align-items:center;gap:10px;padding:0 10px 26px;margin-bottom:4px;border-bottom:1px solid #f0f2f7;font-size:12px;font-weight:650}.workspace-label small{display:block;font-size:10px;color:#95a0b1;font-weight:400;margin-top:5px}.workspace-icon{width:32px;height:32px;display:grid;place-items:center;background:#edf5ff;border:1px solid #dcecff;border-radius:9px;color:#0168c5;font-size:15px;font-weight:800}.workspace-dot{width:6px;height:6px;border-radius:100%;background:#2aad8c;margin-left:auto}.nav-group{padding-top:22px}.nav-group-label{font-size:10px;color:#9aa4b4;letter-spacing:1.5px;padding:0 16px 10px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 16px;margin:4px 0;color:#6e7c91;font-size:13px;border-radius:8px;transition:background .15s}.nav-item .anticon{font-size:17px}.nav-item:hover{background:#f6f9fd;color:#0168c5}.nav-item.active{background:#eaf3fe;color:#0168c5;font-weight:650;position:relative}.nav-item.active:after{content:"";width:4px;height:17px;background:#0168c5;border-radius:4px;position:absolute;right:12px}.sidebar-note{margin:auto 8px 26px;padding:20px 16px 12px;border-radius:10px;background:linear-gradient(135deg,#f0f7ff,#f6f8ff);border:1px solid #eaf1fa;overflow:hidden}.sidebar-note>span{font-size:12px;line-height:1.9;color:#657f9f}.sidebar-note small{font-size:7px;color:#99acc4;letter-spacing:1.5px}.sidebar-staff{color:#9bbce0;height:38px;letter-spacing:9px;font-size:22px;transform:rotate(-8deg);margin-top:4px}.sidebar-footer{height:49px;border-top:1px solid #eef1f6;padding:17px 12px;font-size:10px;color:#9ba6b6}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:#a4b2c5;vertical-align:middle;margin-right:7px}.main-content{margin-left:226px;padding:103px 36px 0;min-height:100vh;max-width:2000px}.breadcrumb{color:#9ca6b5;font-size:11px;margin-bottom:30px}.breadcrumb span{margin:0 12px;color:#cbd1dc}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.eyebrow{color:#94a5ba;font-size:9px;letter-spacing:2.4px;font-weight:600;margin-bottom:10px}.page-heading h1{font-size:28px;letter-spacing:.5px;margin:0 0 9px;line-height:1.4;color:#25324a;font-weight:650}.page-heading p{font-size:12px;color:#8b97a9;margin:0}.page-actions .ant-btn-lg{height:41px;font-size:12px;padding:0 20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat-card{background:#fff;border:1px solid #e8edf5;border-radius:12px;padding:21px 22px;display:flex;justify-content:space-between;position:relative;box-shadow:0 3px 10px #20345202;min-height:130px}.stat-label{font-size:11px;color:#8290a3;display:block}.stat-card strong{display:block;font-size:29px;font-weight:650;letter-spacing:-.7px;margin:9px 0 5px;line-height:1.1;color:#2c3c54}.stat-card strong em{font-size:11px;font-weight:400;letter-spacing:0;font-style:normal;margin-left:6px}.stat-card small{font-size:10px;color:#a1abbb}.stat-icon{width:39px;height:39px;background:#eaf3ff;color:#4288d1;display:grid;place-items:center;border-radius:10px;font-size:19px}.stat-icon.green{background:#eaf8f1;color:#44a685}.stat-icon.orange{background:#fff5e7;color:#d8a253}.stat-icon.purple{background:#f0edff;color:#9582d0}.panel{border:1px solid #e5eaf2;background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 15px #263f5c02}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.panel-toolbar h2{margin:0 0 5px}.count-pill{display:inline-block;font-size:10px;background:#f1f4f9;color:#8191a8;vertical-align:middle;padding:2px 7px;border-radius:5px;margin-left:7px;font-weight:500}.subtle{color:#96a0b1;font-size:12px;line-height:1.8}.panel-toolbar>.subtle,.panel-toolbar div>.subtle{font-size:10px}.search-input{width:260px}.ant-tabs-top>.ant-tabs-nav{margin-bottom:20px}.ant-tabs .ant-tabs-tab{font-size:12px;padding-top:7px;padding-bottom:16px}.songs-panel .ant-table-thead>tr>th{font-size:11px;font-weight:500;border-bottom:1px solid #edf1f6}.ant-table-thead>tr>th:before{display:none}.ant-table-cell{font-size:12px}.songs-panel .ant-table-row:last-child>td{border-bottom:0}.song-cell{display:flex;align-items:center;gap:13px;min-width:170px}.song-art{width:44px;height:48px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;font-size:22px;overflow:hidden;background:#dceff1;color:#769fa3;position:relative}.song-art:before{content:"";position:absolute;inset:auto -10px -24px;width:65px;height:48px;border-radius:100%;background:#ffffff40;transform:rotate(-20deg)}.song-art.art-1{background:#efe5d9;color:#b29a7a}.song-art.art-2{background:#e2e9f7;color:#829fc8}.song-art.art-3{background:#e6e5f2;color:#aaa0c9}.song-art.art-4{background:#e5ebdc;color:#9bad86}.song-art img{width:100%;height:100%;object-fit:cover;z-index:1}.song-title{font-size:13px;font-weight:600;color:#364963}.song-title:hover{color:#0168c5}.song-subtitle{font-size:10px;color:#a1aab9;margin-top:7px}.demo-tag{border:1px solid #e7ecf3;border-radius:3px;padding:1px 4px;font-size:8px;margin-left:7px;color:#acb4c1}.music-meta{display:flex;flex-direction:column;gap:6px}.music-meta>span:first-child{font-size:11px;font-weight:600;color:#687c9d}.music-meta>span:last-child{font-size:10px;color:#a2aebb}.status-wrap{display:flex;flex-wrap:wrap;gap:5px}.status-wrap .ant-tag{margin:0;border:0;font-size:10px;border-radius:4px;padding:1px 7px}.unpublished{font-size:9px;color:#c39b5f;display:block;margin-top:5px}.update-cell{font-size:11px;color:#8190a3}.update-cell small{display:block;font-size:10px;color:#a9b2bf;margin-top:6px}.page-note{color:#a4adbb;font-size:10px;line-height:1.8;margin:18px 3px}.main-footer{display:flex;justify-content:space-between;font-size:9px;color:#a8b1c0;margin-top:40px;padding:23px 0;border-top:1px solid #e8edf4}.ant-pagination{font-size:11px!important}.ant-pagination-total-text{margin-right:auto;color:#99a4b5}.back-row{display:flex;justify-content:space-between;align-items:center;margin:-10px 0 22px}.back-row>.ant-btn{padding-left:0;color:#7a8ba3;font-size:11px}.save-status{font-size:10px;color:#85a99d;margin-left:12px}.save-status.unsaved{color:#c49a52}.editor-panel{padding:0 24px 24px}.music-controls{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #edf0f5;margin-bottom:16px}.music-controls>label{font-size:10px;color:#91a0b3;display:flex;flex-direction:column;gap:8px}.music-controls .ant-select{width:108px}.music-controls .ant-input-number{width:105px}.control-note{margin-left:auto;border:1px solid #e4edf9;border-radius:5px;padding:5px 10px;color:#91a6c0;font-size:10px}.lyrics-toolbar{display:flex;justify-content:space-between;align-items:center;margin:9px 0 26px;gap:16px}.lyrics-toolbar h2{margin-bottom:9px}.lyrics-toolbar h2 .ant-tag{font-size:10px;font-weight:400;margin-left:5px;background:#f3f6fb;border:0;color:#92a0b4}.lyrics-toolbar p,.section-intro p{color:#95a1b2;font-size:11px;margin:0}.lyrics-toolbar .ant-btn{font-size:11px}.lyric-empty{text-align:center;padding:54px 20px 66px;border:1px dashed #dbe6f3;border-radius:10px;background:#fbfcff}.empty-icon{font-size:30px;color:#86b1dc;margin-bottom:15px}.lyric-empty h3{font-size:16px;color:#556c8b}.lyric-empty p{color:#a0acc0;font-size:12px;margin-bottom:24px}.lyric-section{border:1px solid #e4eaf3;border-radius:9px;margin-top:18px;overflow:hidden}.lyric-section-head{background:#f8faff;display:flex;align-items:center;gap:10px;padding:9px 15px;border-bottom:1px solid #edf1f7}.section-number{font-size:10px;color:#a4b1c4}.lyric-section-head .ant-input{font-size:12px;font-weight:600;flex:1}.lyric-section-head .ant-btn{font-size:12px;color:#90a1b9}.lyric-lines{padding:15px 18px}.lyric-line-editor{display:flex;align-items:center;gap:15px;margin:0 0 14px}.line-number{color:#c1cad6;font-size:10px;width:12px;text-align:right;align-self:flex-end;padding-bottom:10px}.line-content{flex:1;min-width:0}.line-timing{display:flex;gap:8px;align-items:center;margin-bottom:8px}.line-timing .ant-input-number{width:95px}.line-timing small{color:#8390a3;font-size:10px}.lyric-timeline{display:flex;align-items:center;gap:14px;padding:18px 0;flex-wrap:wrap}.lyric-timeline .ant-slider{flex:1;min-width:150px}.lyric-timeline span,.lyric-timeline small{color:#8390a3;font-size:11px}.preview-line.active-line{background:#eaf5ff;color:#0168c5;border-radius:6px}.line-content textarea{font-size:14px;line-height:1.9;border-color:#e9eef5;resize:none!important}.lyric-line-editor>.ant-btn{color:#aab7c8;margin-top:24px}.chord-strip{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:29px;padding-bottom:5px}.chord-chip{border:1px solid #d9eafa;color:#0168c5;background:#edf6ff;border-radius:5px;font-weight:650;padding:3px 9px;font-size:11px}.chord-chip small{font-size:8px;color:#85a9cb;margin-left:7px;font-weight:400}.chord-chip.review{color:#b6883c;background:#fff7e9;border-color:#f2dfba}.chord-chip>span{font-size:8px;margin-left:4px;font-weight:400}.add-chord{background:transparent;border:0;color:#95afcd;font-size:10px;padding:3px 8px}.add-line{color:#90a9c6;font-size:11px;margin-left:25px}.editor-footer{position:sticky;bottom:0;background:#f4f6fbf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #e2e8f2;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;z-index:10}.editor-footer>div:first-child{font-size:10px;color:#8a9bb2}.editor-footer small{display:block;font-size:9px;color:#abb5c4;margin-top:7px}.editor-footer .ant-btn-lg{height:42px;font-size:12px;padding-inline:19px}.editor-error{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.editor-basic{padding:8px 10px 0}.section-intro{margin-bottom:28px}.section-intro h2{margin-bottom:9px}.cover-field{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cover-field img{width:55px;height:55px;object-fit:cover;border-radius:8px}.cover-field small{font-size:9px;color:#a5afbd}.chord-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0}.preview-panel{padding:14px 14px 0;min-height:350px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:30px;border-bottom:1px solid #eef2f7}.preview-toolbar h2{font-size:22px;margin-bottom:16px}.preview-toolbar .ant-tag{font-size:10px}.transpose-label{font-size:11px;color:#7f94b0;min-width:58px;text-align:center}.preview-section{margin:26px 0 32px}.section-label{font-size:10px;color:#9baac0;letter-spacing:2px;margin-bottom:14px}.preview-line{position:relative;font-size:17px;color:#4e607a;line-height:64px;padding-top:16px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:64px;font-family:Onon Sonin Sans,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.positioned-chord{position:absolute;color:#8291a7;font-size:12px;font-weight:650;line-height:20px;white-space:nowrap;writing-mode:horizontal-tb;pointer-events:none}.positioned-chord.needs-review{color:#cd913a}.vertical-preview{overflow-x:auto;display:flex;gap:20px;padding:20px 0;min-height:400px}.vertical-preview .preview-section{display:flex;flex-direction:row;gap:8px}.vertical-preview .section-label{writing-mode:vertical-lr}.preview-line.vertical{writing-mode:vertical-lr;text-orientation:sideways;white-space:pre;min-height:300px;line-height:70px;padding:10px 20px 0}.preview-caption{text-align:center;color:#b2bac7;font-size:10px;border-top:1px solid #f0f3f7;padding:24px 0 0;margin-top:30px}.release-history{min-height:250px;padding:15px}.release-item{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #eef2f7}.release-item>.anticon{color:#65a68f;font-size:20px}.release-item strong{font-size:13px}.release-item p{color:#9ca8ba;font-size:11px;margin:7px 0 0}.release-item .ant-tag{margin-left:auto}.person-cell{display:flex;align-items:center;gap:13px}.person-avatar{width:35px;height:35px;display:grid;place-items:center;color:#79a1cc;border-radius:50%;background:#edf4fc}.person-cell strong{font-weight:550}.drawer-song{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f5;padding:14px 0}.drawer-song strong{font-size:13px}.membership-panel{padding-bottom:28px}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:15px 0 10px}.plan-card{border:1px solid #e5eaf3;border-radius:10px;padding:30px 20px 20px;position:relative;overflow:hidden}.plan-card.recommended{border-color:#9cc9f2;background:linear-gradient(#f6faff,#fff)}.plan-recommended{position:absolute;right:0;top:0;color:#fff;background:#0168c5;font-size:9px;padding:5px 10px;border-radius:0 9px 0 8px}.plan-crown{font-size:26px;color:#a8bdd7;margin-bottom:20px}.recommended .plan-crown{color:#438cd0}.plan-card h3{font-size:15px;margin:0 0 14px}.plan-price{font-size:35px;font-weight:600;letter-spacing:-1px}.plan-price>span{font-size:17px;vertical-align:top;display:inline-block;margin-top:5px;margin-right:4px}.plan-price>small{font-size:10px;color:#a0acc0;font-weight:400;margin-left:6px;letter-spacing:0}.plan-card p{font-size:10px;color:#97a4b7;margin:10px 0 20px}.plan-card .ant-space{min-height:42px;display:flex;flex-wrap:wrap}.plan-card .ant-tag{font-size:9px}.plan-card>.ant-btn{margin-top:22px;font-size:11px;color:#7189a5}.settings-form{padding:22px 8px;max-width:800px}.settings-form .ant-form{margin-top:28px}.settings-form .ant-input-number{width:100%}.analytics-grid{display:grid;grid-template-columns:2.4fr 1fr;gap:22px;margin-bottom:24px}.chart-panel .panel-toolbar{margin-bottom:26px}.chart-legend{font-size:10px;color:#97a5b8}.chart-legend i{display:inline-block;width:6px;height:6px;background:#0168c5;border-radius:50%;margin-right:6px}.trend-chart svg{display:block;width:100%}.chart-axis{display:flex;justify-content:space-between;color:#a6b1c2;font-size:9px;padding:0 20px}.chart-footer{font-size:9px;color:#9ba8bc;margin-top:25px;padding-top:15px;border-top:1px solid #eef2f7}.return-panel>p{font-size:10px}.retention{margin-top:25px}.retention>div:first-child{display:flex;justify-content:space-between;align-items:center}.retention span{font-size:11px;color:#8798b1}.retention strong{font-size:20px;font-weight:550}.progress-track{height:5px;background:#f0f4fa;border-radius:4px;overflow:hidden;margin:12px 0 8px}.progress-track i{height:100%;background:#73a9da;display:block}.retention small{font-size:9px;color:#a7b3c4}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:#0168c5;color:#fff;position:relative;overflow:hidden;padding:44px 56px;display:flex;flex-direction:column}.login-story:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;border:1px solid #ffffff12;right:-320px;top:100px;box-shadow:0 0 0 65px #ffffff04,0 0 0 130px #ffffff03,0 0 0 195px #ffffff02;pointer-events:none}.login-copy{margin:auto 0;position:relative;padding-top:55px}.login-copy .eyebrow{font-size:9px;color:#abcdec;margin-bottom:30px}.login-copy h1{font-size:56px;line-height:1.5;font-weight:600;letter-spacing:4px;margin-bottom:25px}.login-copy h1 span{color:#82b7e9}.login-copy p{color:#bdd8f1;font-size:13px;line-height:2.2;letter-spacing:1px}.login-story>small{font-size:8px;color:#8cbee9;letter-spacing:3px;position:relative}.music-lines{width:240px;height:100px;margin:45px 0 20px;position:relative;display:flex;justify-content:space-around;transform:rotate(-6deg);color:#99c3e8;font-size:15px}.music-lines i{position:absolute;left:0;right:0;top:35px;height:1px;background:#ffffff1a}.music-lines i:nth-of-type(2){top:46px}.music-lines i:nth-of-type(3){top:57px}.music-lines i:nth-of-type(4){top:68px}.login-panel{display:grid;place-items:center;background:#f9faff;padding:40px}.login-card{max-width:340px;width:100%}.login-card .eyebrow{color:#9fadc0}.login-card h2{font-size:29px;letter-spacing:1px;margin-top:12px;margin-bottom:12px}.login-card>p{color:#99a5b7;font-size:12px;margin-bottom:35px}.login-card .ant-form-item-label>label{font-size:11px;color:#7b8ca5}.login-card .ant-input-affix-wrapper{height:45px;font-size:12px}.login-card .ant-input-prefix{color:#adc0d7;margin-right:10px}.login-card .ant-btn{height:45px;font-size:12px;margin-top:7px}.login-card .ant-btn .anticon{margin-left:auto}.login-foot{text-align:center;font-size:10px;color:#a3b0c1;margin-top:27px}.login-foot .anticon{margin-right:5px}.loading-screen{min-height:60vh;display:grid;place-items:center}.help-content{color:#8390a4;font-size:12px;line-height:1.9}@media(min-width:1600px){.main-content{padding-left:48px;padding-right:48px}.panel{padding:28px}.stat-card{padding:26px}.sidebar{width:246px}.main-content{margin-left:246px}.topbar{padding-left:36px}}@media(max-width:1200px){.sidebar{width:195px;padding-inline:10px}.main-content{margin-left:195px;padding-inline:24px}.brand-slogan{margin-left:20px;padding-left:20px}.stats-grid{gap:12px}.stat-card{padding:17px 15px}.stat-icon{width:32px;height:32px;font-size:16px}.plan-grid{gap:12px}.plan-card{padding:25px 13px 16px}.song-cell{min-width:140px}.music-controls{gap:15px}.search-input{width:220px}}@media(max-width:980px){.brand-slogan{display:none}.sidebar{width:176px}.main-content{margin-left:176px;padding-inline:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.panel{padding:18px;overflow-x:auto}.panel-toolbar{align-items:flex-start;flex-direction:column}.plan-grid{grid-template-columns:repeat(2,1fr)}.music-controls{flex-wrap:wrap}.control-note{display:none}.analytics-grid{grid-template-columns:1fr}.lyrics-toolbar,.editor-footer{align-items:flex-start;flex-direction:column}.song-subtitle{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-story{padding:35px}.login-copy h1{font-size:44px}}@media(max-width:680px){.sidebar{width:66px;padding-inline:8px}.workspace-label,.nav-group-label,.nav-item>span:not(.anticon),.sidebar-note,.sidebar-footer{display:none}.nav-item{padding:14px 15px}.nav-item.active:after{display:none}.main-content{margin-left:66px;padding:92px 14px 0}.topbar{height:66px;padding-inline:18px}.sidebar{top:66px}.brand>span{font-size:18px}.topbar-right{gap:8px}.account-button>span:not(.account-avatar){display:none}.page-heading h1{font-size:23px}.page-heading{align-items:flex-start;flex-direction:column}.stats-grid{gap:9px}.stat-card{padding:16px 12px}.stat-card strong{font-size:25px}.stat-icon{display:none}.stat-card small{font-size:9px}.form-grid,.plan-grid{grid-template-columns:1fr}.editor-footer .ant-space{flex-wrap:wrap}.preview-toolbar{flex-direction:column;align-items:flex-start}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh}.breadcrumb{margin-bottom:20px}.search-input{width:190px}.back-row{flex-wrap:wrap;gap:10px}.save-status{font-size:9px}}.lyrics-toolbar{flex-wrap:wrap;gap:16px}.lyric-section-head{gap:10px;flex-wrap:wrap}.lyric-section-head>.ant-input{flex:1;min-width:150px}.line-actions{margin:10px 0}.file-field{display:block;margin:20px 0}.file-field input{display:block;margin-top:8px;max-width:100%}.word-time-editor{background:#f7f9fd;padding:12px;border-radius:8px}.word-time-editor>div{display:flex;gap:10px;margin:8px 0;flex-wrap:wrap}.word-time-editor .content-text{min-width:110px}.chord-table{margin-top:30px;overflow-x:auto}.horizontal-preview{overflow-x:auto}.timeline-text{white-space:pre;overflow-wrap:normal;width:max-content;min-width:120px;padding-right:80px}.timeline-text>span{position:relative;z-index:1}.timeline-text .positioned-chord{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;padding:0 3px;border-radius:4px;z-index:2;font-family:system-ui,sans-serif}.timeline-text .vertical-chord,.timeline-gap .vertical-chord{transform:translate(3px,-50%);background:transparent;padding:0;border-radius:0}.beat-mark{position:absolute;border-radius:999px;background:#9aa8ba;pointer-events:none;z-index:1}.beat-mark.vertical-beat{width:3px;transform:translate(-50%)}.beat-mark.horizontal-beat{height:3px;transform:translateY(-50%)}.timeline-gap{position:relative;box-sizing:border-box;border-radius:8px;background:#f8fbff}.timeline-gap.vertical{flex:0 0 100px}.timeline-gap .positioned-chord{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;z-index:2;font-family:system-ui,sans-serif}.timeline-gap .vertical-chord{background:transparent}.timeline-gap .reached-chord,.timeline-text .reached-chord{color:#0168c5}.word-highlight{position:absolute;overflow:hidden;color:#0168c5;font:inherit;font-style:normal;line-height:inherit;white-space:pre;pointer-events:none;z-index:2}.word-highlight>span{position:absolute;color:#0168c5;font:inherit;line-height:inherit;white-space:pre;writing-mode:inherit;text-orientation:inherit}.preview-empty-state{color:#8291a7;padding:40px 20px}.line-time-caption{font-size:10px;color:#8291a7;padding:12px 0 0}.vertical-preview .line-time-caption{max-width:100px}.preview-line.vertical.timeline-text{min-height:320px;height:max-content;box-sizing:border-box;padding:10px 6px 35px;width:100px;line-height:32px}.instrumental-gaps{border-top:1px solid #e8edf5;margin-top:24px;padding-top:12px}.instrumental-gap{display:flex;align-items:baseline;gap:20px;padding:12px 0}.instrumental-gap>span{flex:0 0 145px;font-size:12px;color:#8291a7}.lyric-timeline{flex-wrap:wrap}