.header[data-v-a27aa196]{display:flex;justify-content:center;gap:20px;padding:15px 30px;background-color:#fff;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;width:100%;box-sizing:border-box}.input-group[data-v-a27aa196],.dropdown-trigger[data-v-a27aa196]{padding:12px 20px;border-radius:10px;background-color:#f0f0f0;border:1px solid var(--border-color);font-size:1rem;font-weight:600;color:var(--text-color-primary);display:flex;align-items:center;transition:all .2s ease-in-out;box-shadow:0 2px 8px var(--shadow-color)}.input-group[data-v-a27aa196]:focus-within,.dropdown-trigger[data-v-a27aa196]:hover{background-color:#f0f0f0;box-shadow:0 4px 12px var(--shadow-color)}.input-box[data-v-a27aa196]{width:50px;border:none;background:transparent;color:var(--text-color-primary);font-size:1rem;font-weight:600;text-align:center}.input-box[data-v-a27aa196]:focus{outline:none}.input-label[data-v-a27aa196]{color:var(--text-color-secondary)}.dropdown-container[data-v-a27aa196]{position:relative}.dropdown-trigger[data-v-a27aa196]{cursor:pointer;-webkit-user-select:none;user-select:none}.dropdown-icon[data-v-a27aa196]{width:16px;height:16px;margin-left:5px;color:var(--text-color-secondary);transition:transform .2s ease-in-out}.dropdown-trigger[aria-expanded=true] .dropdown-icon[data-v-a27aa196]{transform:rotate(180deg)}.dropdown-menu[data-v-a27aa196]{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);z-index:10;background-color:var(--surface-color);border-radius:12px;box-shadow:0 8px 20px var(--shadow-color);overflow:hidden;min-width:120px;border:1px solid var(--border-color)}.dropdown-item[data-v-a27aa196]{padding:12px 20px;cursor:pointer;font-weight:500;color:var(--text-color-primary);transition:background-color .2s ease-in-out}.dropdown-item[data-v-a27aa196]:hover{background-color:#f0f0f0}.header-divider[data-v-a27aa196]{border:none;border-top:1px solid black;width:calc(100% - 60px);margin:5px 30px 20px}.full-waveform-wrapper[data-v-7a170b91]{width:100%;margin:20px 0;padding:10px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.controls-container[data-v-7a170b91]{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;padding:20px;box-sizing:border-box;height:calc(87vh - 450px);overflow-y:auto}.loading-overlay[data-v-7a170b91]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;border-radius:12px}.loading-spinner[data-v-7a170b91]{border:4px solid #f3f3f3;border-top:4px solid #007aff;border-radius:50%;width:40px;height:40px;animation:spin-7a170b91 1s linear infinite}@keyframes spin-7a170b91{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bars-wrapper[data-v-7a170b91]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-items:center;width:100%;margin:20px 0;box-sizing:border-box}.bar-group[data-v-7a170b91]{display:grid;grid-template-columns:repeat(4,40px);gap:10px;justify-content:center;width:100%;max-width:190px}.box[data-v-7a170b91]{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;height:40px;width:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;transition:all .1s cubic-bezier(.4,0,.2,1)}.box[data-v-7a170b91]:hover{background-color:#f6f6f6;box-shadow:0 4px 8px #0000001a}.box.has-icon[data-v-7a170b91]{background-color:#e6eef9}.box.active[data-v-7a170b91]{border:2px solid var(--active-color);box-shadow:0 0 10px #3b70c180;transform:scale(1.1);z-index:2}.box.active-beat[data-v-7a170b91]{border-color:#007aff;box-shadow:0 0 0 2px #007aff;transform:scale(1.05)}.box[data-v-7a170b91]:after{content:"";position:absolute;width:8px;height:8px;background:var(--active-color);border-radius:50%;bottom:-15px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s}.box.active[data-v-7a170b91]:after{opacity:1;animation:beatPulse .5s ease-out}.box-icon[data-v-7a170b91]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.item-icon[data-v-7a170b91]{width:20px;height:16px;font-size:24px;color:currentColor}.ai-icon[data-v-7a170b91]{font-size:24px}.context-menu[data-v-7a170b91]{position:fixed;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 20px #0000001a;z-index:100;padding:8px 0;display:flex;flex-direction:column;min-width:180px}.menu-item[data-v-7a170b91]{position:relative;padding:12px 20px;cursor:pointer;font-weight:500;color:#333;transition:background-color .2s ease-in-out;display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-size:16px}.menu-item[data-v-7a170b91]:hover:not(.clean){background-color:#f0f0f0}.item-content[data-v-7a170b91]{display:flex;align-items:center;gap:10px;flex-grow:1;overflow:hidden}.chevron[data-v-7a170b91]{color:#666;margin-left:8px}.submenu[data-v-7a170b91],.sub-submenu[data-v-7a170b91]{position:absolute;top:0;left:100%;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 20px #0000001a;padding:8px 0;min-width:120px;z-index:110}.sub-submenu[data-v-7a170b91]{left:calc(100% + 5px)}.icon-speaker[data-v-7a170b91],.icon-ai[data-v-7a170b91]{margin-left:40px;cursor:pointer;color:#666;display:flex;align-items:center;font-size:16px}.menu-item.clean[data-v-7a170b91]{color:#d9534f;border-top:1px solid #e0e0e0;margin-top:8px;padding-top:12px}.menu-item.clean[data-v-7a170b91]:hover{background-color:#fbebeb}.ai-modal-overlay[data-v-7a170b91]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.ai-modal[data-v-7a170b91]{background:#fff;border-radius:16px;width:400px;padding:24px;box-shadow:0 8px 32px #0003}.ai-modal-header[data-v-7a170b91]{display:flex;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.ai-modal-header .header-icon[data-v-7a170b91]{font-size:24px;margin-right:12px}.ai-modal-header .header-title[data-v-7a170b91]{font-weight:600;flex-grow:1;font-size:20px;color:#333}.ai-modal-content .ai-input[data-v-7a170b91]{width:100%;min-height:100px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;resize:vertical;box-sizing:border-box}.ai-options-row[data-v-7a170b91]{display:flex;gap:10px}.ai-option-select[data-v-7a170b91]{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff}.ai-modal-footer[data-v-7a170b91]{display:flex;justify-content:center;margin-top:20px}.generate-button[data-v-7a170b91]{background:#000;color:#fff;border:none;border-radius:25px;padding:12px 24px;font-weight:600;cursor:pointer}.generate-button[data-v-7a170b91]:disabled{opacity:.7;cursor:not-allowed}.preview-modal-overlay[data-v-7a170b91]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.preview-modal[data-v-7a170b91]{background:#fff;border-radius:16px;width:400px;padding:24px;box-shadow:0 8px 32px #0003}.preview-header[data-v-7a170b91]{display:flex;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.preview-header .header-icon[data-v-7a170b91]{font-size:24px;margin-right:12px}.preview-header .header-title[data-v-7a170b91]{font-weight:600;flex-grow:1;font-size:20px;color:#333}.waveform-container[data-v-7a170b91]{height:150px;background:#fff;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;border:2px solid #e9ecef}.waveform-canvas[data-v-7a170b91]{width:100%;height:100%;border-radius:10px}.preview-footer[data-v-7a170b91]{display:flex;justify-content:space-between;align-items:center;gap:16px}.preview-button[data-v-7a170b91]{border:none;border-radius:50px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.play-button[data-v-7a170b91]{width:56px;height:56px;background:#000;color:#fff}.back-button[data-v-7a170b91]{width:56px;height:56px;background:#000;color:#fff;border-radius:50%}.done-button[data-v-7a170b91]{flex:1;background:#000;color:#fff;padding:16px 24px;min-width:120px;font-size:16px}.close-button[data-v-7a170b91]{width:36px;height:36px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease-in-out}.close-button[data-v-7a170b91]:hover{border-color:#9ca3af;background-color:#f9fafb;transform:scale(1.05)}.close-button svg[data-v-7a170b91]{width:12px;height:12px;stroke:#6b7280;stroke-width:2}.righta[data-v-7a170b91]{font-size:10px;margin-left:30px;font-weight:7000}.roob[data-v-7a170b91]{font-size:18px;align-items:center;justify-content:center}.rooba[data-v-7a170b91]{font-size:16px;margin:0;padding:0;line-height:1;display:block}.customer-service-widget[data-v-7a170b91]{position:fixed;right:20px;bottom:20px;z-index:1000}.service-button[data-v-7a170b91]{width:50px;height:50px;background-color:#5f5f5b;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 8px #0003;transition:transform .3s ease}.service-button[data-v-7a170b91]:hover{transform:scale(1.1)}.service-icon[data-v-7a170b91]{font-size:24px}.qr-popup[data-v-7a170b91]{position:absolute;bottom:60px;right:0;width:200px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:10px;box-sizing:border-box;color:#333;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.customer-service-widget:hover .qr-popup[data-v-7a170b91]{opacity:1;transform:translateY(0);pointer-events:auto}.qr-header[data-v-7a170b91]{display:flex;align-items:center;gap:8px;font-weight:700;padding-bottom:8px;border-bottom:1px solid #eee}.qr-content[data-v-7a170b91]{text-align:center;padding:10px 0}.qr-image[data-v-7a170b91]{width:150px;height:150px;object-fit:contain}.qr-footer[data-v-7a170b91]{text-align:center;font-size:12px;color:#888;padding-top:8px;border-top:1px solid #eee}.qr-fade-enter-active[data-v-7a170b91],.qr-fade-leave-active[data-v-7a170b91]{transition:opacity .3s ease,transform .3s ease}.qr-fade-enter-from[data-v-7a170b91],.qr-fade-leave-to[data-v-7a170b91]{opacity:0;transform:translateY(10px)}.waveform-section[data-v-65a3c292]{position:relative;width:100%;box-sizing:border-box}.waveform-container[data-v-65a3c292]{width:100%;height:150px;background-color:#fff;border-radius:8px 8px 0 0;position:relative;overflow:hidden;box-sizing:border-box}.waveform-canvas[data-v-65a3c292]{display:block;width:100%;height:100%}.loading-text[data-v-65a3c292],.placeholder-text[data-v-65a3c292]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;color:#666;z-index:5}.timeline[data-v-65a3c292]{height:5px;background:#e9ecef;position:relative;margin-top:-2px;box-sizing:border-box}.playhead[data-v-65a3c292]{position:absolute;top:0;width:3px;height:100%;background:#ff3b30;transform:translate(-50%);z-index:10}.timeline[data-v-65a3c292]{width:100%;height:6px;background:#f3f3f3;border-radius:6px;position:relative;margin:10px 0;box-shadow:inset 0 1px 3px #0000001a}.progress-bar[data-v-65a3c292]{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden}.progress[data-v-65a3c292]{height:100%;background:linear-gradient(90deg,#000,#a1a8a8);border-radius:6px;transition:width .1s linear}.playhead[data-v-65a3c292]{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border:2px solid #a3abb2;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer}.footer[data-v-1b86b21f]{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-top:30px}.button-group[data-v-1b86b21f]{display:flex;align-items:center;gap:20px}.button[data-v-1b86b21f]{border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;transition:all .2s ease-in-out;box-shadow:0 2px 8px var(--shadow-color)}.play-button[data-v-1b86b21f]{background-color:var(--accent-color);color:var(--text-color-primary);width:60px;height:60px;border-radius:50%}.loop-button[data-v-1b86b21f]{background-color:var(--surface-color);color:var(--text-color-primary);width:60px;height:60px;border-radius:50%;border:1px solid var(--border-color)}.save-button[data-v-1b86b21f]{background-color:var(--surface-color);color:var(--text-color-primary);padding:15px 40px;border-radius:12px;border:1px solid var(--border-color)}.button[data-v-1b86b21f]:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.icon[data-v-1b86b21f]{width:24px;height:24px;color:var(--text-color-primary)}:root{--background-color: #f7f3e9;--surface-color: #ffffff;--text-color-primary: #333333;--text-color-secondary: #999999;--accent-color: #b0c4de;--border-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .1);--play-color: #2ecc71;--clear-color: #e74c3c;--export-color: #3498db}body{margin:0;font-family:Hiragino Kaku Gothic ProN,Meiryo,Helvetica Neue,Arial,sans-serif;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 2px,transparent 3px),linear-gradient(#0000001a,#0000001a),url(/assets/jph-CPV9FVm3.jpg);background-size:cover,cover,cover;background-repeat:no-repeat,no-repeat,no-repeat;background-attachment:fixed,fixed,fixed;background-position:center center,center center,center center;color:var(--text-color-primary);display:flex;justify-content:center;align-items:center}*{user-select:none}.app-container{display:flex;flex-direction:column;align-items:center;padding:70px;box-sizing:border-box;box-shadow:0 8px 16px -4px #00000026,0 4px 8px -2px #0000001a}.page-content{width:800%;max-width:700px;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px var(--shadow-color);display:flex;flex-direction:column;align-items:center;border:1px solid var(--border-color);position:relative}@media (max-width: 768px){.page-content{width:100%}}.main-content{width:100%;overflow-y:auto;box-sizing:border-box}.bottom-buttons{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 30px;position:absolute;bottom:0;left:0;background-color:#fff;border-top:1px solid var(--border-color);border-radius:0 0 16px 16px;box-sizing:border-box}.bottom-buttons-left{display:flex;align-items:center;gap:20px}.play-button{width:120px;height:60px;border-radius:30px;background-color:#313131;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s}.play-button:hover{transform:scale(1.05);box-shadow:0 4px 8px #2ecc714d}.play-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.clear-button{width:60px;height:60px;border-radius:50%;background-color:#000;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s}.clear-button:hover{transform:scale(1.05);box-shadow:0 4px 8px #e74c3c4d}.clear-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.export-button{display:flex;align-items:center;justify-content:center;background-color:#0b0b0b;color:#fff;border:none;border-radius:30px;width:100px;height:60px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.export-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.export-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-indicator{margin-left:8px;display:flex;align-items:center;justify-content:center}.waveform-divider{border:none;border-top:1px solid var(--border-color);margin:0;width:100%;box-sizing:border-box}