.song-selector{width:100%;text-align:left;color:inherit}.song-selector>div{min-width:0}.song-selector strong{overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}.add-song-button{display:flex;align-items:center;gap:9px;color:#b2baa9;font-size:11px;padding:11px 15px;margin:5px 0 20px;width:100%;border:1px dashed #414b3b;border-radius:8px}.add-song-button:hover{background:#293125;color:#d7dfce}.add-song-button span{font-size:19px}.arrangement-edit{color:#788368;font-size:11px;border-bottom:1px solid #d5dcc9;padding:5px 0}.library-dialog,.import-dialog,.structure-dialog{width:760px;padding:34px}.dialog-intro{font-size:12px;line-height:1.8}.song-library{display:grid;gap:10px;margin:24px 0}.library-song{display:flex;align-items:center;text-align:left;gap:15px;padding:17px;border:1px solid #dce3d1;border-radius:9px;background:#fafbf6;color:#536648;width:100%}.library-song:hover,.library-song.active{background:#edf2e4;border-color:#acbd97}.library-song .library-cover{display:grid;place-items:center;flex-shrink:0;width:42px;height:48px;background:#dfe7d3;border-radius:6px;font:26px Georgia;color:#78915c}.library-song>div{min-width:0;flex:1}.library-song strong{font:19px Georgia;display:block;overflow-wrap:anywhere}.library-song small{display:block;font-size:10px;margin-top:7px;line-height:1.6;color:#738364}.library-song .library-badge{font-size:9px;color:#7e8e6e;white-space:nowrap}.local-storage-note{font-size:10px!important;line-height:1.8;color:#879577!important;margin:20px 0 0!important}.import-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:23px 0 11px}.file-tile{position:relative;padding:17px 14px;background:#f5f7ee;border:1px dashed #c5d2b6;border-radius:9px;display:flex;flex-direction:column;gap:9px;min-width:0;cursor:pointer}.file-tile:hover,.file-tile:focus-within{background:#edf2e3;border-color:#7d9863}.file-tile input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-number{font:21px Georgia;color:#a5b58f}.file-tile strong{font-size:12px;font-weight:500;color:#60754d;line-height:1.5}.file-tile strong small{display:block;font-size:9px;font-weight:400;color:#879873}.file-tile>span:not(.file-number){font-size:10px;line-height:1.6;color:#7c8d6a}.file-chosen{overflow-wrap:anywhere;flex:1;border-top:1px solid #dfe7d4;padding-top:9px;margin-top:3px}.example-link{color:#758c5e;font-size:11px;padding:5px 0;border-bottom:1px solid #d3ddc6;margin-bottom:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px;margin:15px 0}.form-grid .wide{grid-column:1/-1}.form-grid label,.alignment-box>label{font-size:11px;color:#718460;display:block;line-height:1.6}.form-grid input,.form-grid select,.alignment-box>label input{display:block;width:100%;border:1px solid #d6e0ca;background:#fffef9;color:#516745;border-radius:6px;padding:10px 11px;margin-top:6px;min-width:0;font-size:12px}.field-help{font-size:10px!important;line-height:1.8;color:#80916d!important;margin:10px 0!important}.alignment-box{padding:17px;border:1px solid #dce5d0;border-radius:9px;background:#f5f8ef;margin:20px 0}.alignment-box>strong{font-size:12px;font-weight:500;color:#627d4c}.alignment-box audio{display:block;width:100%;height:36px;margin:13px 0}.alignment-box>label{margin-top:13px}.import-summary{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0 12px}.import-summary span{background:#e8efde;border-radius:5px;padding:7px 10px;font-size:10px;color:#6a8253}.import-warnings{font-size:11px;color:#927743;line-height:1.8;padding-left:17px}.form-error{font-size:12px!important;line-height:1.8;color:#a46a4f!important;min-height:0}.form-error:empty{display:none}.form-footer{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid #e0e7d7;padding-top:15px;margin-top:17px}.form-footer>span{font-size:10px;color:#859475;line-height:1.8;max-width:300px}.form-footer .primary-button{white-space:nowrap;margin:0}.structure-heading{display:grid;grid-template-columns:1fr 125px 65px;gap:12px;font-size:9px;letter-spacing:1px;color:#93a17f;padding:12px 9px;border-bottom:1px solid #e4e9db}.phrase-editor{max-height:360px;overflow:auto;margin:0 -5px;padding:0 5px}.phrase-editor-row{display:grid;grid-template-columns:minmax(0,1fr) 125px 65px;gap:12px;align-items:center;padding:12px 5px;border-bottom:1px solid #e6ebdf}.phrase-editor-row small{display:block;font-size:9px;color:#96a586;margin-bottom:4px}.phrase-editor-row input{border:1px solid #dfe6d5;border-radius:4px;background:#fffef9;padding:7px 8px;color:#687f53;font-size:11px;width:100%;min-width:0}.phrase-range{display:flex;align-items:center;gap:9px;color:#859773;font-size:11px}.phrase-range input{width:63px}.phrase-row-actions{display:flex;gap:6px}.phrase-row-actions button{width:29px;height:29px;background:#edf2e5;border-radius:4px;color:#758e5e;font-size:15px}.phrase-row-actions button:disabled{opacity:.3}.song-heading h1{overflow-wrap:anywhere}.top-actions{flex-wrap:wrap}.import-dialog[aria-busy=true] .dialog-close{visibility:hidden}
@media(max-width:720px){.song-selector,.add-song-button{display:none}.arrangement-edit{font-size:10px}.topbar .top-actions{gap:10px}.library-dialog,.import-dialog,.structure-dialog{padding:28px 20px}.import-files{grid-template-columns:1fr;gap:9px;margin:20px 0 10px}.file-tile{padding:12px;display:grid;grid-template-columns:26px 1fr;gap:4px 10px}.file-number{grid-row:1/4}.file-tile strong small{display:inline;margin-left:6px}.file-tile .file-chosen{border:0;margin:0;padding:0;grid-column:2}.file-tile>span:not(.file-number){grid-column:2}.form-grid{gap:12px;grid-template-columns:1fr 1fr}.form-grid label{font-size:10px}.form-grid input,.form-grid select{padding:9px 7px;font-size:12px}.form-footer{flex-direction:column;align-items:stretch;gap:10px}.form-footer>span{max-width:none;font-size:10px}.form-footer .primary-button{width:100%}.library-song{gap:10px;padding:13px}.library-song strong{font-size:17px}.library-song .library-badge{display:none}.structure-heading,.phrase-editor-row{grid-template-columns:minmax(0,1fr) 90px 54px;gap:8px}.phrase-range{gap:5px}.phrase-range input{width:52px}.phrase-row-actions{gap:4px}.phrase-row-actions button{width:25px}.phrase-editor-row input{padding:7px 5px}.phrase-editor{max-height:330px}.alignment-box{padding:13px}.breadcrumbs{cursor:pointer}}

.mobile-library{display:none}@media(max-width:720px){.mobile-library{display:inline-block;font-size:10px;color:#718460}.breadcrumbs strong{max-width:110px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.topbar{gap:10px;flex-wrap:wrap}.top-actions{margin-left:auto}.beat-dots{flex-wrap:wrap}}

#startup{position:fixed;inset:0;z-index:1000;background:#f7f8f2;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7e906d}#startup span{font-size:11px;letter-spacing:3px}#startup p{font:24px Georgia;margin-top:20px}#startup[hidden]{display:none}

.source-details{display:block;width:fit-content;max-width:100%;margin:12px 0 18px;font-size:12px;line-height:1.6;color:#526f42;text-underline-offset:3px}.source-details[hidden]{display:none}