.song-note-modal{background:#fff;border-radius:14px;width:min(92vw,480px);max-height:85vh;animation:.3s modalSlideIn;overflow:hidden;box-shadow:0 16px 40px #00000040}.song-note-modal .modal-header{justify-content:center;align-items:center;padding:18px 20px 0;display:flex;position:relative}.song-note-modal .modal-title{color:#111;text-align:center;width:100%;margin:0}.song-note-modal .close-modal{color:#444;position:absolute;top:16px;right:16px}.song-note-modal-body{padding:20px}.song-note-textarea{resize:vertical;border:1px solid #d0d0d0;border-radius:10px;width:100%;min-height:120px;padding:12px;font-family:inherit;font-size:14px;line-height:1.5}.song-note-modal-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.song-export-preview-modal{background:#fff;border-radius:18px;flex-direction:column;width:calc(100vw - 40px);height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000047}.song-export-preview-header{padding:18px 22px 0}.song-export-preview-header .modal-title{margin:0}.song-export-preview-body{flex-direction:row;flex:1;align-items:stretch;gap:16px;min-height:0;padding:18px 22px 22px;display:flex}.song-export-controls{flex:0 0 35%;grid-template-columns:1fr;align-content:start;align-items:stretch;gap:12px;min-width:0;max-width:35%;height:100%;display:grid;overflow-y:auto}.song-export-control{flex-direction:column;gap:6px;display:flex}.song-export-control label,.song-export-control-label{color:#2a2f38;font-size:13px;font-weight:700}.song-export-scale-row{grid-column:auto}.song-export-scale-box{background:#f8fafc;border:1px solid #d9dee5;border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;min-height:42px;padding:6px 10px;display:grid}.song-export-scale-bound,.song-export-scale-value{color:#4a4f57;white-space:nowrap;font-size:13px;font-weight:700}.song-export-scale-slider{width:100%;accent-color:var(--selected-color,#000);cursor:pointer;background:0 0}.song-export-scale-slider::-webkit-slider-runnable-track{background:#00000024;border-radius:999px;height:6px}.song-export-scale-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--selected-color,#000);border:2px solid #fff;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 1px 4px #00000047}.song-export-scale-slider::-moz-range-track{background:#00000024;border-radius:999px;height:6px}.song-export-scale-slider::-moz-range-thumb{background:var(--selected-color,#000);border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000047}.song-export-choice-group{background:#f8fafc;border:1px solid #d9dee5;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:42px;padding:6px 10px;display:flex}.song-export-choice-group label,.song-export-checkbox{color:#222;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.song-export-checkbox{min-height:0;padding:0}.song-export-toggle-group{justify-content:flex-start;min-height:42px}.song-export-actions{grid-column:auto;justify-content:flex-start;gap:10px;display:flex}.song-export-save-btn{color:#fff;background:#111;border:1px solid #111}.song-export-preview-viewport{background:linear-gradient(135deg,#0000000b,#00000005),repeating-linear-gradient(45deg,#00000008,#00000008 12px,#ffffffe6 12px 24px);border:1px solid #d9dee5;border-radius:16px;flex:65%;min-width:0;max-width:65%;min-height:0;padding:18px;overflow:hidden}.song-export-preview-shell{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.song-export-preview-sheet{transform-origin:0 0;box-shadow:0 18px 45px #0000002e}body.dark-mode .song-export-preview-modal{background:#171a1f;box-shadow:0 20px 60px #00000073}body.dark-mode .song-export-control label,body.dark-mode .song-export-control-label,body.dark-mode .song-export-scale-bound,body.dark-mode .song-export-scale-value,body.dark-mode .song-export-preview-header .modal-title{color:#f4f5f7}body.dark-mode .song-export-choice-group,body.dark-mode .song-export-scale-box{background:#20242b;border-color:#343a43}body.dark-mode .song-export-choice-group label,body.dark-mode .song-export-checkbox{color:#f4f5f7}body.dark-mode .song-export-scale-slider{accent-color:#3b82f6}body.dark-mode .song-export-scale-slider::-webkit-slider-runnable-track{background:#3b82f647}body.dark-mode .song-export-scale-slider::-webkit-slider-thumb{background:#3b82f6;border-color:#dbeafe}body.dark-mode .song-export-scale-slider::-moz-range-track{background:#3b82f647}body.dark-mode .song-export-scale-slider::-moz-range-thumb{background:#3b82f6;border-color:#dbeafe}body.dark-mode .song-export-save-btn{color:#111;background:#f4f5f7;border-color:#f4f5f7}body.dark-mode .song-export-preview-viewport{background:linear-gradient(135deg,#ffffff09,#ffffff04),repeating-linear-gradient(45deg,#ffffff08,#ffffff08 12px,#171a1ff0 12px 24px);border-color:#343a43}@media (width<=900px){.song-export-preview-header{padding:14px 16px 0}.song-export-preview-header .modal-title{padding-right:28px;font-size:1.35rem;line-height:1.2}.song-export-preview-body{flex-direction:column;gap:12px;padding:14px 16px 16px}.song-export-controls{flex:none;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:none;height:auto;overflow-y:visible}.song-export-scale-row,.song-export-actions{grid-column:1/-1}.song-export-choice-group{gap:8px 12px}.song-export-actions{justify-content:stretch}.song-export-actions .btn{flex:1}.song-export-preview-viewport{flex:1;width:100%;max-width:none}}@media (width<=640px){.song-export-preview-modal{border-radius:14px;width:calc(100vw - 20px);height:calc(100vh - 20px)}.song-export-preview-header{padding:12px 14px 0}.song-export-preview-body{padding:12px 14px 14px}.song-export-controls{grid-template-columns:1fr 1fr;gap:8px}.song-export-scale-row,.song-export-actions{grid-column:1/-1}.song-export-toggle-control{grid-column:auto}.song-export-scale-box{grid-template-columns:auto 1fr auto;row-gap:8px}.song-export-scale-value{text-align:center;grid-column:1/-1}.song-export-choice-group,.song-export-toggle-group{min-height:auto;padding:8px 10px}.song-export-toggle-group{justify-content:flex-start;gap:8px 12px}.song-export-choice-group label,.song-export-checkbox{font-size:13px}.song-export-control-label,.song-export-control label{font-size:12px}.song-export-preview-viewport{padding:10px}}.upload-success-modal{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;padding:15px;animation:.3s modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.success-content{text-align:center;padding:24px}.success-icon{margin-bottom:16px;font-size:48px;animation:.6s bounce}.success-message{margin-bottom:24px}.success-message p{color:#555;margin:0;font-size:16px;line-height:1.6}.success-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.success-btn{cursor:pointer;background:var(--selected-color,#000);color:#fff;border:none;border-radius:6px;min-width:140px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.success-btn:hover{background:var(--selected-color-hover,#2980b9);transform:translateY(-1px)}.success-btn.secondary{color:#fff;background:#6c757d}.success-btn.secondary:hover{background:#5a6268}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (width<=768px){.upload-success-modal{width:95%;margin:20px}.success-content{padding:20px}.success-actions{flex-direction:column;align-items:center}.success-btn{width:100%;max-width:200px}}.upload-error-modal{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;padding:15px;animation:.3s modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.error-content{text-align:center;padding:24px}.error-icon{margin-bottom:16px;font-size:48px;animation:.6s shake}.error-message{margin-bottom:24px}.error-message p{color:#555;margin:0;font-size:16px;line-height:1.6}.error-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.error-btn{cursor:pointer;color:#fff;background:#dc3545;border:none;border-radius:6px;min-width:140px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.error-btn:hover{background:#c82333;transform:translateY(-1px)}.error-btn.secondary{color:#fff;background:#6c757d}.error-btn.secondary:hover{background:#5a6268}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (width<=768px){.upload-error-modal{width:95%;margin:20px}.error-content{padding:20px}.error-actions{flex-direction:column;align-items:center}.error-btn{width:100%;max-width:200px}}.setlist-modal{background:#fff;border-radius:12px;flex-direction:column;gap:0;width:min(92vw,460px);max-height:90vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 8px 32px #0000002e}.setlist-modal-body{flex-direction:column;gap:10px;margin-top:16px;display:flex}.setlist-row{align-items:center;gap:8px;display:flex}.setlist-amount-input{text-align:center;border:1px solid #ccc;border-radius:6px;flex-shrink:0;width:64px;padding:6px 8px;font-size:14px}.setlist-tag-select{border:1px solid #ccc;border-radius:6px;flex:1;padding:6px 8px;font-size:14px}.setlist-remove-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:18px;line-height:1;transition:color .15s,background .15s}.setlist-remove-btn:hover{color:#dc3545;background:#ffeef0}.setlist-add-row{justify-content:flex-end;display:flex}.setlist-add-btn{color:#555;cursor:pointer;background:0 0;border:1.5px dashed #aaa;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;transition:border-color .15s,color .15s;display:flex}.setlist-add-btn:hover{color:gold;border-color:gold}.setlist-generate-row{justify-content:center;padding-top:4px;display:flex}.setlist-generate-btn{color:#111;cursor:pointer;background:gold;border:none;border-radius:7px;padding:9px 32px;font-size:14px;font-weight:600;transition:opacity .15s}.setlist-generate-btn:hover{opacity:.85}.setlist-results{border-top:1px solid #e5e5e5;margin-top:4px;padding-top:14px}.setlist-results-list{flex-direction:column;gap:6px;margin:0 0 14px;padding-left:22px;display:flex}.setlist-results-list li{font-size:14px;line-height:1.4}.setlist-results-actions{justify-content:center;display:flex}.setlist-share-btn{color:#111;cursor:pointer;background:gold;border:none;border-radius:7px;align-items:center;gap:7px;padding:8px 28px;font-size:14px;font-weight:600;transition:opacity .15s;display:flex}.setlist-share-btn:hover{opacity:.85}body.dark-mode .setlist-modal{color:#e0e0e0;background:#1e1e1e;box-shadow:0 8px 32px #0000008c}body.dark-mode .setlist-amount-input,body.dark-mode .setlist-tag-select{color:#e0e0e0;background:#2c2c2c;border-color:#555}body.dark-mode .setlist-remove-btn{color:#aaa}body.dark-mode .setlist-remove-btn:hover{color:gold;background:#2a2000}body.dark-mode .setlist-add-btn{color:#aaa;border-color:#666}body.dark-mode .setlist-add-btn:hover{color:gold;border-color:gold}body.dark-mode .setlist-generate-btn,body.dark-mode .setlist-share-btn{color:#111;background:gold}body.dark-mode .setlist-results{border-top-color:#444}@media (width<=768px){.modal-overlay#setlistModal{justify-content:center;align-items:center;overflow-y:auto}}