.container[data-v-47b17885]{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;overflow:hidden;position:fixed;top:0;left:0}.main-content[data-v-47b17885]{display:flex;flex:1;overflow:hidden}.conversations-sidebar[data-v-47b17885]{width:250px;background-color:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column;padding:16px}.new-chat-btn[data-v-47b17885]{padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-bottom:16px}.conversation-list[data-v-47b17885]{flex:1;overflow-y:auto}.conversation-item[data-v-47b17885]{padding:12px;cursor:pointer;border-radius:8px;margin-bottom:8px}.conversation-item.active[data-v-47b17885]{background-color:#e8f5e9}.chat-container[data-v-47b17885]{flex:1;display:flex;flex-direction:column;padding:16px}.messages-container[data-v-47b17885]{flex:1;overflow-y:auto;margin-bottom:16px}.message[data-v-47b17885]{padding:12px;margin-bottom:8px;border-radius:8px;max-width:80%}.message.user[data-v-47b17885]{background-color:#e3f2fd;margin-left:auto}.message.assistant[data-v-47b17885]{background-color:#f5f5f5;margin-right:auto}.api-key-modal[data-v-47b17885]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-47b17885]{background:#fff;padding:24px;border-radius:12px;width:90%;max-width:400px;text-align:center}.api-key-input[data-v-47b17885]{width:100%;height:35px;margin-bottom:16px;border:1px solid #ddd;border-radius:8px;font-size:16px}.save-key-btn[data-v-47b17885]{padding:12px 24px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500}.input-section[data-v-47b17885]{display:flex;gap:16px;width:100%;min-height:80px;flex-shrink:0}.prompt-input[data-v-47b17885]{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;resize:none;font-family:inherit;font-size:16px;background-color:#fff;box-shadow:0 2px 4px #0000000d}.generate-btn[data-v-47b17885]{padding:0 32px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s;white-space:nowrap}.generate-btn[data-v-47b17885]:hover{background-color:#45a049;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.preview-section[data-v-47b17885]{flex:1;width:100%;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;zoom:.5}.preview-section[data-v-47b17885]>div{transform-origin:center center}.loading-spinner[data-v-47b17885]{width:20px;height:20px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin-47b17885 1s linear infinite}@keyframes spin-47b17885{to{transform:rotate(360deg)}}.generate-btn[data-v-47b17885]:disabled{background-color:#9e9e9e;cursor:not-allowed}.prompt-input[data-v-47b17885]:disabled{background-color:#f5f5f5;cursor:not-allowed}.player-controls[data-v-47b17885]{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:10px;display:flex;align-items:center;gap:10px}.control-btn[data-v-47b17885]{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.control-btn[data-v-47b17885]:hover{background:#ffffff1a}.preview-section[data-v-47b17885]{position:relative}