.upload-mode-toggle.svelte-wwq8w8{display:flex;position:relative;background-color:#1a1a1a;border-radius:8px;margin-bottom:10px;margin-top:10px;border:1px solid #333;padding:4px}.toggle-slider.svelte-wwq8w8{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(145deg,#444,#2a2a2a);border-radius:6px;box-shadow:0 1px 3px #00000080,inset 0 1px 1px #ffffff0d;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.upload-mode-toggle.folder-active.svelte-wwq8w8 .toggle-slider:where(.svelte-wwq8w8){transform:translate(calc(100% + 0px))}.toggle-button.svelte-wwq8w8{padding:5px;flex:1;border:none;background-color:transparent;color:#aaa;font-weight:600;font-size:.85rem;cursor:pointer;border-radius:6px;transition:color .3s ease;position:relative;z-index:1;outline:none}.toggle-button.svelte-wwq8w8:disabled{cursor:not-allowed;opacity:.6}.toggle-button.active.svelte-wwq8w8{color:#fff}.voicebank-loader.svelte-wwq8w8{background:linear-gradient(145deg,#181818,#222 30%,#111),radial-gradient(circle at 20% 80%,rgba(255,255,255,.04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.03) 0%,transparent 50%);border:1px solid #222;border-radius:12px;box-shadow:0 8px 32px #0009,0 2px 16px #222,inset 0 1px #ffffff0d,inset 0 -1px #0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden;margin:1rem 0}.loader-content.svelte-wwq8w8{padding:1.5rem;padding-top:0}.file-input-label.svelte-wwq8w8{display:block;width:100%;background:linear-gradient(145deg,#222,#181818);border:2px dashed #333;border-radius:12px;padding:1rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center}.file-input-label.svelte-wwq8w8:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#444 15%,transparent);transition:left .8s ease}.file-input-label.svelte-wwq8w8:hover:before{left:100%}.file-input-label.svelte-wwq8w8:hover:not(.disabled){background:linear-gradient(145deg,#333,#181818);border-color:#666;box-shadow:0 0 30px #222,0 8px 32px #0006;transform:translateY(-2px)}.file-input-label.loading.svelte-wwq8w8{border-color:#888;background:linear-gradient(145deg,#333,#181818);box-shadow:0 0 25px #444,inset 0 0 20px #222}.file-input-label.disabled.svelte-wwq8w8{cursor:not-allowed;opacity:.8}.file-input-label.drag-active.svelte-wwq8w8{border-color:#00bfff;background:linear-gradient(145deg,#222,#1a237e);box-shadow:0 0 40px #00bfff,0 8px 32px #00bfff33}.voicebank-loader.drag-active.svelte-wwq8w8{box-shadow:0 0 60px #00bfff,0 8px 32px #00bfff33}.label-content.svelte-wwq8w8{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:1}.upload-icon.svelte-wwq8w8{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border:2px solid #333;border-radius:50%;color:#bbb;transition:all .3s ease}.file-input-label.svelte-wwq8w8:hover .upload-icon:where(.svelte-wwq8w8){background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);border-color:#666;box-shadow:0 0 20px #222;transform:scale(1.05)}.loading-spinner.svelte-wwq8w8{animation:svelte-wwq8w8-spin 1s linear infinite}@keyframes svelte-wwq8w8-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.label-text.svelte-wwq8w8{display:flex;flex-direction:column;gap:.25rem;text-align:center}.main-text.svelte-wwq8w8{font-size:1rem;font-weight:600;color:#fff;text-shadow:0 0 10px #222}.sub-text.svelte-wwq8w8{font-size:.85rem;color:#aaa;font-weight:400}input[type=file].svelte-wwq8w8{display:none}@media (max-width: 768px){.loader-content.svelte-wwq8w8{padding:1rem}.file-input-label.svelte-wwq8w8{padding:1.5rem 1rem}.upload-icon.svelte-wwq8w8{width:48px;height:48px}.main-text.svelte-wwq8w8{font-size:.9rem}.sub-text.svelte-wwq8w8{font-size:.8rem}}.piano-roll-container.svelte-1y9225d{display:flex;flex-direction:column;height:100%;flex-grow:1;background-color:#2b2b2b;color:#e0e0e0}.piano-roll-grid-layout.svelte-1y9225d{flex-grow:1;overflow:auto;position:relative;display:grid;grid-template-areas:"corner ruler" "keys grid";grid-template-columns:60px 1fr;grid-template-rows:30px 1fr;background-color:#3c3c3c}.corner-block.svelte-1y9225d{grid-area:corner;position:sticky;top:0;left:0;z-index:4;background-color:#282828;border-right:1px solid #666;border-bottom:1px solid #666}.ruler-wrapper.svelte-1y9225d{grid-area:ruler;position:sticky;top:0;z-index:3}.ruler-wrapper.svelte-1y9225d canvas:where(.svelte-1y9225d){display:block;cursor:ew-resize}.piano-keys.svelte-1y9225d{grid-area:keys;position:sticky;left:0;z-index:2;background-color:#2b2b2b}.canvas-wrapper.svelte-1y9225d{grid-area:grid;position:relative}.canvas-wrapper.svelte-1y9225d canvas:where(.svelte-1y9225d){cursor:text;display:block}.piano-key.svelte-1y9225d{display:flex;align-items:center;justify-content:center;width:60px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:11px;font-weight:700;color:#fff;border-bottom:1px solid #2b2b2b;background-color:#e91e63}.piano-key.sharp.svelte-1y9225d{background-color:#4a4a4a}.piano-key.c-note.svelte-1y9225d{background-color:#f8bbd0;color:#333}.alias-input.svelte-1y9225d{position:absolute;background-color:#ffffffe6;border:1px solid var(--primary-color);box-sizing:border-box;text-align:center;font-family:Arial,sans-serif;font-size:12px;padding:0;margin:0;color:#000;outline:none;z-index:10}.pianoroll-zoom-panel.svelte-1y9225d{display:flex;align-items:center;gap:.5em;padding:.5em;background:#2b2b2b;border-bottom:1px solid #444;font-size:14px;flex-shrink:0}.pianoroll-zoom-panel.svelte-1y9225d button:where(.svelte-1y9225d){background-color:#444;border:1px solid #555;color:#eee;cursor:pointer;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:18px}.controls-panel.svelte-j2ogke{display:flex;align-items:center;margin-top:5px;margin-right:10px;gap:1.5rem;padding:1rem 1.5rem;background:linear-gradient(145deg,#181818,#222 30%,#111),radial-gradient(circle at 20% 80%,rgba(255,255,255,.04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.03) 0%,transparent 50%);border:1px solid #3d3d3d;border-radius:16px;box-shadow:0 8px 32px #0009,0 2px 16px #222,inset 0 1px #ffffff0d,inset 0 -1px #0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.controls-panel.svelte-j2ogke:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#333 20%,#444 50%,#333 80%,transparent 100%)}.transport-section.svelte-j2ogke{display:flex;align-items:center;gap:1rem}.transport-group.svelte-j2ogke{display:flex;flex-direction:column;align-items:center}.transport-label.svelte-j2ogke{display:block;height:1.2em;margin-bottom:.5rem;font-size:.7rem;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:1px;visibility:hidden}.transport-controls.svelte-j2ogke{display:flex;gap:.5rem;padding:.5rem;background:#ffffff08;border-radius:8px;border:1px solid #333}.transport-btn.svelte-j2ogke{display:flex;align-items:center;justify-content:center;padding:10px;width:44px;height:44px;background:linear-gradient(145deg,#222,#181818);border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;color:#bbb}.transport-btn.svelte-j2ogke:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#444 20%,transparent);transition:left .6s ease}.transport-btn.svelte-j2ogke:hover:before{left:100%}.transport-btn.svelte-j2ogke:hover{background:linear-gradient(145deg,#333,#181818);border-color:#666;box-shadow:0 0 20px #222,0 4px 16px #0006;transform:translateY(-2px);color:#fff}.transport-btn.svelte-j2ogke:active{transform:translateY(0);box-shadow:0 0 15px #444,inset 0 2px 4px #0000004d}.transport-btn.playing.svelte-j2ogke{background:linear-gradient(145deg,#444,#181818);border-color:#888;box-shadow:0 0 25px #444,0 4px 20px #222;color:#fff;animation:svelte-j2ogke-pulse-mono 2s infinite}@keyframes svelte-j2ogke-pulse-mono{0%,to{box-shadow:0 0 25px #444,0 4px 20px #222}50%{box-shadow:0 0 35px #666,0 4px 25px #333}}.transport-btn.svelte-j2ogke:disabled{opacity:.4;cursor:not-allowed;background:#181818;border-color:#222;color:#444}.transport-btn.svelte-j2ogke:disabled:hover{transform:none;box-shadow:none;background:#181818}.divider.svelte-j2ogke{width:2px;height:40px;background:linear-gradient(to bottom,transparent 0%,#333 20%,#444 50%,#333 80%,transparent 100%);border-radius:1px;position:relative}.divider.svelte-j2ogke:before{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background:#222;transform:translate(-50%)}.parameters-section.svelte-j2ogke{display:flex;gap:2rem}.param-group.svelte-j2ogke{display:flex;flex-direction:column;gap:.5rem;min-width:80px}.param-group.svelte-j2ogke label:where(.svelte-j2ogke){display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:1px}.param-group.svelte-j2ogke label:where(.svelte-j2ogke) svg:where(.svelte-j2ogke){color:#444}.input-container.svelte-j2ogke,.select-container.svelte-j2ogke{position:relative}.input-container.svelte-j2ogke input:where(.svelte-j2ogke),.select-container.svelte-j2ogke select:where(.svelte-j2ogke){width:100%;background:linear-gradient(145deg,#222,#181818);border:1px solid #333;border-radius:6px;padding:.75rem 1rem;color:#fff;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003}.select-container.svelte-j2ogke select:where(.svelte-j2ogke){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem;cursor:pointer}.select-arrow.svelte-j2ogke{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#444;pointer-events:none;transition:all .3s ease}.input-container.svelte-j2ogke input:where(.svelte-j2ogke):focus,.select-container.svelte-j2ogke select:where(.svelte-j2ogke):focus{outline:none;box-shadow:0 0 0 3px #222,0 0 16px #333,inset 0 2px 4px #0003;background:linear-gradient(145deg,#333,#181818)}.select-container.svelte-j2ogke:hover .select-arrow:where(.svelte-j2ogke){color:#fff;transform:translateY(-50%) scale(1.1)}.editor-section.svelte-j2ogke{display:flex;flex-direction:column;gap:.5rem;align-items:center}.section-label.svelte-j2ogke{font-size:.7rem;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:1px}.editor-modes.svelte-j2ogke{display:flex;gap:.25rem;background:#0000004d;padding:.375rem;border-radius:8px;border:1px solid #333;box-shadow:inset 0 2px 8px #0000004d}.mode-btn.svelte-j2ogke{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:10px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;color:#bbb}.mode-btn.svelte-j2ogke:hover{background:#ffffff14;color:#fff;transform:scale(1.05)}.mode-btn.active.svelte-j2ogke{background:linear-gradient(145deg,#444,#181818);box-shadow:0 0 16px #444,inset 0 1px #fff3;color:#fff;transform:scale(1.05)}@media (max-width: 1024px){.controls-panel.svelte-j2ogke{flex-wrap:wrap;gap:1rem}.parameters-section.svelte-j2ogke{gap:1.5rem}.divider.svelte-j2ogke{display:none}}@media (max-width: 768px){.controls-panel.svelte-j2ogke{padding:.75rem 1rem;gap:.75rem}.transport-btn.svelte-j2ogke{width:40px;height:40px}.parameters-section.svelte-j2ogke{gap:1rem}.param-group.svelte-j2ogke{min-width:70px}}.actions-end.svelte-j2ogke{margin-left:auto;display:flex;align-items:center;gap:.5rem}.settings-btn.svelte-j2ogke{display:flex;align-items:center;justify-content:center;padding:10px;width:44px;height:44px;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;color:#bbb}.settings-btn.svelte-j2ogke:hover{background:#ffffff14;color:#fff;transform:rotate(45deg)}.github-section.svelte-j2ogke{display:flex;flex-direction:column;align-items:center;gap:.5rem}.github-link.svelte-j2ogke{display:flex;align-items:center;color:#bbb;transition:color .2s}.github-link.svelte-j2ogke:hover{color:#fff}.logo-icon.svelte-j2ogke{width:48px;height:48px;display:block;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logo-section.svelte-j2ogke{display:flex;flex-direction:column;align-items:center;gap:.5rem}.logo-label.svelte-j2ogke{font-size:.7rem;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:1px;height:1.2em}.logo-container.svelte-j2ogke{display:flex;align-items:center;justify-content:center}.github-link.svelte-j2ogke svg:where(.svelte-j2ogke){display:block;fill:currentColor}.modal-overlay.svelte-su0n76{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content.svelte-su0n76{background:#2b2b2b;color:var(--text-color);border-radius:12px;width:90%;max-width:600px;box-shadow:0 10px 30px #00000080;border:1px solid #444;display:flex;flex-direction:column;max-height:80vh}.modal-header.svelte-su0n76{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-title.svelte-su0n76{margin:0;font-size:1.5rem;font-weight:600}.close-button.svelte-su0n76{background:none;border:none;color:var(--muted-text-color);cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s,color .2s}.close-button.svelte-su0n76:hover{background-color:#444;color:var(--text-color)}.modal-body.svelte-su0n76{padding:1rem 1.5rem;overflow-y:auto;flex-grow:1}.tabs.svelte-su0n76{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.tabs.svelte-su0n76 button:where(.svelte-su0n76){background:none;border:none;padding:.8rem 1.2rem;font-size:1rem;font-weight:500;color:var(--muted-text-color);cursor:pointer;position:relative;transition:color .2s}.tabs.svelte-su0n76 button:where(.svelte-su0n76):hover{color:var(--text-color)}.tabs.svelte-su0n76 button.active:where(.svelte-su0n76){color:var(--primary-color)}.tabs.svelte-su0n76 button.active:where(.svelte-su0n76):after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary-color)}.tab-pane.svelte-su0n76{padding:.5rem 0}.form-group.svelte-su0n76{margin-bottom:1.5rem}.form-group.svelte-su0n76 label:where(.svelte-su0n76){display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.setting-input.svelte-su0n76{width:100%;padding:.75rem;background-color:#1e1e1e;border:1px solid #444;border-radius:6px;color:var(--text-color);font-size:1rem;transition:border-color .2s,box-shadow .2s}.setting-input.svelte-su0n76:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #e91e634d}.input-description.svelte-su0n76{font-size:.85rem;color:var(--muted-text-color);margin-top:.5rem}.modal-footer.svelte-su0n76{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.confirm-button.svelte-su0n76{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.confirm-button.svelte-su0n76:hover{background-color:var(--primary-hover-color)}.form-group-checkbox.svelte-su0n76{margin-bottom:1.5rem}.form-group-checkbox.svelte-su0n76 label:where(.svelte-su0n76){display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600}.form-group-checkbox.svelte-su0n76 span:where(.svelte-su0n76){font-size:1rem}.setting-checkbox.svelte-su0n76{width:1.25em;height:1.25em;border-radius:4px;background-color:#1e1e1e;border:1px solid #444;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0}body{margin:0;padding:0;background:radial-gradient(ellipse at top,#181818,#000),linear-gradient(145deg,#181818,#222 30%,#111);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#app.svelte-1af77sd{display:flex;flex-direction:column;height:100vh;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.01) 0%,transparent 50%);position:relative}#app.svelte-1af77sd:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(600px circle at 50% 0%,rgba(255,255,255,.03),transparent),radial-gradient(800px circle at 100% 100%,rgba(255,255,255,.01),transparent);pointer-events:none;z-index:-1}.main-layout.svelte-1af77sd{display:flex;flex-direction:row;height:100%;position:relative}.left-panel.svelte-1af77sd{margin-top:10px;background:linear-gradient(145deg,#181818,#222 30%,#111),radial-gradient(circle at 20% 80%,rgba(255,255,255,.04) 0%,transparent 50%);border:12px;height:100%;overflow-y:auto;overflow-x:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);min-width:120px;max-width:600px;width:320px;box-shadow:4px 0 32px #0009,2px 0 16px #0000001a,inset -1px 0 #222;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #3d3d3d;border-radius:16px}.left-panel.svelte-1af77sd:before{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(to bottom,transparent 0%,#444 20%,#888 50%,#444 80%,transparent 100%);box-shadow:0 0 20px #222}.voicebank-info.svelte-1af77sd{background:linear-gradient(145deg,#222,#181818),radial-gradient(circle at 50% 0%,rgba(255,255,255,.05) 0%,transparent 70%);border:1px solid #333;border-radius:16px;margin:.3rem;overflow:hidden;box-shadow:0 12px 48px #00000080,0 4px 24px #222,inset 0 1px #ffffff0a,inset 0 -1px #0003;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.voicebank-info.svelte-1af77sd:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#444 20%,#888 50%,#444 80%,transparent 100%);box-shadow:0 0 16px #222}.voicebank-info.svelte-1af77sd:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.01) 50%,transparent 70%);border-radius:16px;pointer-events:none}.voicebank-header.svelte-1af77sd{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #222;background:linear-gradient(135deg,#ffffff0a,#0000001a),#0003;position:relative}.voicebank-header.svelte-1af77sd:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#444 50%,transparent 100%)}@keyframes svelte-1af77sd-shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.voicebank-header.svelte-1af77sd h4:where(.svelte-1af77sd){margin:0;font-size:.8rem;color:#eee;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 10px #222}.voicebank-content.svelte-1af77sd{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;position:relative}.voicebank-name.svelte-1af77sd{font-size:1.3rem;font-weight:700;color:#fff;text-shadow:0 0 20px #222,0 2px 8px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#bbb,#fff);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:svelte-1af77sd-gradient-text 4s ease-in-out infinite;position:relative}@keyframes svelte-1af77sd-gradient-text{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.voicebank-image-container.svelte-1af77sd{position:relative;display:flex;align-items:center;justify-content:center}.voicebank-icon.svelte-1af77sd{width:80px;height:80px;border-radius:16px;border:2px solid #333;box-shadow:0 8px 32px #0006,0 0 40px #222,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.voicebank-icon.svelte-1af77sd:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 12px 48px #00000080,0 0 60px #222,inset 0 1px #fff3}.image-glow.svelte-1af77sd{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;animation:svelte-1af77sd-glow-pulse 3s ease-in-out infinite;z-index:1}@keyframes svelte-1af77sd-glow-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.no-voicebank.svelte-1af77sd{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 2rem;text-align:center;color:#bbb;background:linear-gradient(145deg,#1a1a1a80,#0a0a0acc);border:1px dashed #333;border-radius:16px;margin:1.5rem;position:relative;transition:all .3s ease}.no-voicebank.svelte-1af77sd:hover{border-color:#666;background:linear-gradient(145deg,#2a2a2a4d,#1a1a1a99)}.no-voicebank.svelte-1af77sd:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03) 0%,transparent 70%);border-radius:16px;pointer-events:none}.no-voicebank-icon.svelte-1af77sd{margin-bottom:1rem;color:#888;opacity:.8}.no-voicebank.svelte-1af77sd p:where(.svelte-1af77sd){margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#eee}.divider.svelte-1af77sd{height:2px;background:linear-gradient(90deg,transparent 0%,#444 20%,#888 50%,#444 80%,transparent 100%);border-radius:1px;position:relative}.divider.svelte-1af77sd:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff14;transform:translateY(-50%)}.splitter.svelte-1af77sd{display:flex;align-items:center;justify-content:center;width:5px;position:relative;transition:all .3s ease}.show-panel-btn.svelte-1af77sd,.hide-panel-btn.svelte-1af77sd{background:none;border:none;box-shadow:none;width:10px;height:20px;padding:0;margin:0 0 0 5px;color:#bbb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.show-panel-btn.svelte-1af77sd:hover,.hide-panel-btn.svelte-1af77sd:hover{color:#fff}.piano-roll-container.svelte-1af77sd{background:linear-gradient(135deg,#181818,#222);border:1px solid #222;border-radius:12px;margin:.5rem;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d,0 8px 32px #0000004d}.piano-roll-container.svelte-1af77sd:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#444 20%,#888 50%,#444 80%,transparent 100%)}.left-panel.svelte-1af77sd::-webkit-scrollbar{width:8px}.left-panel.svelte-1af77sd::-webkit-scrollbar-track{background:#0003;border-radius:4px}.left-panel.svelte-1af77sd::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff1493,#c71585);border-radius:4px;box-shadow:0 0 8px #ff14934d}.left-panel.svelte-1af77sd::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff69b4,#ff1493);box-shadow:0 0 12px #ff149380}@media (max-width: 1024px){.left-panel.svelte-1af77sd{width:280px}.voicebank-info.svelte-1af77sd{margin:1rem}.voicebank-content.svelte-1af77sd{padding:1.5rem}}@media (max-width: 768px){.left-panel.svelte-1af77sd{width:260px;min-width:260px}.voicebank-header.svelte-1af77sd{padding:1rem 1.5rem}.voicebank-content.svelte-1af77sd{padding:1rem}.voicebank-icon.svelte-1af77sd{width:64px;height:64px}.divider.svelte-1af77sd{margin:1rem 1.5rem}}@media (max-width: 640px){.main-layout.svelte-1af77sd{flex-direction:column}.left-panel.svelte-1af77sd{width:100%;height:auto;max-height:40vh;border-right:none;border-bottom:2px solid rgba(255,20,147,.2)}.splitter.svelte-1af77sd{display:none}.piano-roll-container.svelte-1af77sd{flex:1}}