*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chat-interface{display:flex;flex-direction:column;height:100%;padding:20px}.chat-header{border-bottom:1px solid #eee;padding-bottom:20px}.chat-header h2{color:#333;margin:0}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:20px 0}.message{border-radius:15px;margin:5px 0;max-width:70%;padding:10px 15px;position:relative}.message-content{word-wrap:break-word;margin-bottom:4px;overflow-wrap:break-word;white-space:pre-wrap}.message-timestamp{font-size:11px;margin-top:4px;opacity:.7}.user-message .message-timestamp{text-align:right}.user-message{align-self:flex-end;background-color:#007bff;color:#fff}.bot-message{align-self:flex-start;background-color:#e9ecef;color:#333}.input-container{border-top:1px solid #eee;display:flex;gap:10px;padding-top:20px}.message-input{border:1px solid #ddd;border-radius:5px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;min-height:60px;padding:10px;resize:none}.send-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s}.send-button:hover{background-color:#0056b3}.error-message{background-color:#fff3f3;border:1px solid #ffcdd2;margin-top:5px;padding:5px 10px}.session-info{align-items:flex-end;color:#666;display:flex;flex-direction:column;font-size:14px;gap:4px}.extended-thinking-toggle{margin-top:8px}.thinking-message{align-self:stretch;background-color:#f8f9fa;border:1px dashed #ccc;color:#333;margin-bottom:10px;margin-top:10px;max-width:100%}.thinking-content{max-height:300px;overflow-y:auto}.provider-selector{gap:20px}.model-group{background:hsla(0,0%,100%,.1);border-radius:8px;display:flex;flex-direction:column;gap:5px;padding:10px}.model-group h3{color:#666;font-size:14px;margin:0}.model-group select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:5px}.model-group select:disabled{background:#f5f5f5;cursor:not-allowed}.expression-display{display:flex;flex-direction:column;height:100%;padding:20px}.expression-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:20px}.expression-header h2{color:#333;margin:0}.style-input-container{align-items:center;display:flex;gap:10px;padding:20px 0}.canvas-size-inputs{align-items:center;border-right:1px solid #ddd;display:flex;gap:8px;padding:0 10px}.size-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;text-align:center;width:70px}.size-input::-webkit-inner-spin-button,.size-input::-webkit-outer-spin-button{opacity:1}.canvas-size-inputs span{color:#666;font-size:16px}.style-input{border:1px solid #ddd;border-radius:5px;flex:1 1;font-size:14px;padding:10px}.generate-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s}.generate-button:hover{background-color:#0056b3}.generate-button:disabled{background-color:#ccc;cursor:not-allowed}.expression-container{background-color:grey;border-radius:10px;flex:1 1;margin:20px 0;min-height:400px;overflow:hidden}.canvas-wrapper,.expression-container{align-items:center;display:flex;justify-content:center;position:relative}.canvas-wrapper{background-color:#000;height:800px;transform-origin:center center;width:1280px}.canvas-wrapper canvas{display:block;height:100%;width:100%}.loading-overlay{align-items:center;background-color:hsla(0,0%,100%,.8);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading{color:#666;font-size:18px}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#dc3545;margin:10px 0;padding:10px}.expression-controls{align-items:center;border-top:1px solid #eee;display:flex;gap:20px;padding-top:20px}.expression-status{color:#666;font-size:14px}.view-code-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s}.view-code-button:hover{background-color:#218838}.code-modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.code-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:80vh;max-width:800px;padding:20px;width:80%}.code-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.code-modal-header h3{color:#333;margin:0}.close-button{font-size:24px;padding:0 8px}.close-button:hover{color:#333}.code-content{background-color:#f8f9fa;border:1px solid #eee;border-radius:4px;flex:1 1;font-family:monospace;font-size:14px;line-height:1.5;margin:0;max-height:calc(80vh - 140px);min-height:600px;overflow-x:auto;padding:15px;resize:none;white-space:pre-wrap;width:100%}.code-content:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.code-modal-footer{border-top:1px solid #eee;padding-top:15px}.apply-button{background-color:#007bff;border-radius:5px;transition:all .2s}.apply-button:hover:not(:disabled){background-color:#0056b3}.apply-button:disabled{opacity:.7}.extended-thinking-toggle{align-items:center;display:flex;margin-left:10px}.extended-thinking-toggle label{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px}.extended-thinking-toggle input{margin-right:8px}.thinking-container{background-color:#f8f9fa;border:1px dashed #ccc;border-radius:5px;margin:10px 0;max-height:200px;overflow-y:auto;padding:10px}.thinking-header{border-bottom:1px solid #eee;color:#555;font-weight:700;margin-bottom:8px;padding-bottom:4px}.thinking-content{word-wrap:break-word;background-color:#f5f5f5;border-radius:4px;font-family:monospace;font-size:13px;line-height:1.5;overflow-wrap:break-word;padding:8px;white-space:pre-wrap}.model-selector{align-items:center;display:flex;gap:10px}.model-selector select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:5px}.model-selector select:disabled{background:#f5f5f5;cursor:not-allowed}.code-content{background-color:#fff;border-radius:12px;padding:30px;width:90%}.code-container h3{color:#333;margin:0 0 15px}.code-display{word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;font-family:monospace;font-size:14px;line-height:1.5;max-height:500px;min-height:200px;overflow-y:auto;resize:vertical;white-space:pre-wrap;width:100%}.code-modal-footer{display:flex;justify-content:flex-end;margin-top:15px}.apply-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.apply-button:hover{background-color:#45a049}.apply-button:disabled{background-color:#ccc;cursor:not-allowed}.code-stats{color:#8e8e8e;display:flex;font-size:14px;gap:20px;margin-bottom:15px}.code-stats span{align-items:center;background-color:#2d2d2d;border-radius:4px;display:inline-flex;padding:4px 10px}.app{align-items:stretch;display:flex;height:calc(100vh - 80px);justify-content:center}.container{width:100%}.left-panel{max-width:500px;overflow:hidden}.right-panel{flex:2 1;min-width:500px;overflow:hidden}@media (max-width:768px){.container{flex-direction:column}.left-panel{max-width:none}.right-panel{min-width:0}}.app{box-sizing:border-box;height:100vh;padding:20px;width:100%}.app-nav{background-color:#333;margin-bottom:20px;padding:10px 20px}.app-nav ul{display:flex;list-style:none;margin:0;padding:0}.app-nav li{margin-right:20px}.app-nav a{border-radius:4px;color:#fff;font-weight:500;padding:5px 10px;text-decoration:none;transition:background-color .3s}.app-nav a:hover{background-color:#555}.container{display:flex;gap:20px;height:calc(100vh - 80px)}.left-panel,.right-panel{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);flex:1 1;min-width:300px}.prompt-test-container,.temi-container{flex-direction:column}.full-width-panel{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);height:100%;width:100%}.provider-selector{display:flex;gap:10px;margin:10px 0}.provider-selector select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px;transition:border-color .3s}.provider-selector select:hover{border-color:#666}.provider-selector select:disabled{background-color:#f5f5f5;cursor:not-allowed}.provider-selector select:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.temi-page{background-color:grey;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.canvas-container,.temi-page{align-items:center;display:flex;justify-content:center;position:relative}.canvas-container{background-color:#000;height:800px;transform-origin:center center;width:1280px}.canvas-container canvas{display:block;height:100%;width:100%}.bottom-controls{bottom:20px;gap:20px;height:100px;left:0;padding:0 20px;position:absolute;right:0}.bottom-controls,.voice-button{align-items:center;display:flex;justify-content:center}.voice-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;border-radius:12px;cursor:pointer;height:70px;transition:background-color .2s;width:400px}.voice-button,.voice-button:hover{background:hsla(0,0%,100%,.5)}.voice-button:disabled{cursor:default;opacity:.7}.voice-button svg{fill:#4285f4;height:36px;width:36px}.chat-history-button,.code-button,.customize-button,.feedback-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.3);border:none;border-radius:12px;cursor:pointer;display:flex;height:70px;justify-content:center;position:absolute;right:30px;transition:background-color .2s;width:70px}.feedback-button{right:300px}.chat-history-button{right:210px}.customize-button{right:120px}.code-button{right:30px}.chat-history-button:hover,.code-button:hover,.customize-button:hover,.feedback-button:hover{background:hsla(0,0%,100%,.5)}.chat-history-button svg,.code-button svg,.customize-button svg,.feedback-button svg{height:36px;width:36px}.feedback-button svg{fill:#ea4335}.chat-history-button svg{fill:#4285f4}.customize-button svg{fill:#9c27b0}.code-button svg{fill:#34a853}.voice-button.listening{background:rgba(66,133,244,.3);box-shadow:0 0 15px rgba(66,133,244,.5)}.pulse-animation{background:rgba(66,133,244,.2);border-radius:12px}.backend-error,.voice-error{background-color:rgba(255,59,48,.1);border-radius:8px;color:#ff3b30;margin-top:10px;max-width:80%;padding:8px 12px}.backend-error{font-size:14px;font-weight:700;text-align:center}.qrcode-popup{animation:fadeIn .3s ease-in-out;height:100%;width:100%}.qrcode-content{align-items:center;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.2);display:flex;flex-direction:column;max-width:90%;width:400px}.qrcode-image-container{width:100%}.qrcode-text{color:#202124}.qrcode-text h3{font-size:20px;font-weight:500;margin-bottom:10px}.qrcode-text p{color:#5f6368;font-size:16px}.code-popup{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.code-content{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:80vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:80%}.code-container{margin-top:20px}.code-container h3{color:#fff;font-size:1.2em;margin-bottom:15px}.code-display{background-color:#2d2d2d;border-radius:4px;margin:0;overflow-x:auto;padding:15px}.code-display code{color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;tab-size:2;white-space:pre}.code-content .close-button{background:none;border:none;color:#fff;cursor:pointer;padding:5px;position:absolute;right:10px;top:10px;transition:color .3s ease}.code-content .close-button:hover{color:#f44}.code-content .close-button svg{height:24px;width:24px}.qrcode-popup{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.qrcode-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:400px;padding:30px;position:relative;width:90%}.qrcode-image-container{display:flex;justify-content:center;margin:20px 0}.qrcode-image{height:200px;object-fit:contain;width:200px}.qrcode-text{margin-top:20px;text-align:center}.qrcode-text h3{color:#333;font-size:1.2em;margin:0 0 10px}.qrcode-text p{color:#666;margin:0}.chat-history-popup{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.chat-history-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:80vh;max-width:800px;padding:30px;position:relative;width:90%}.chat-history-container{flex-grow:1;margin-top:20px;overflow-y:auto}.chat-history-container h3{color:#333;font-size:1.2em;margin:0 0 20px}.chat-history-list{display:flex;flex-direction:column;gap:20px}.chat-item{border-bottom:1px solid #eee;padding-bottom:15px}.chat-item:last-child{border-bottom:none}.chat-timestamp{color:#666;font-size:.8em;margin-bottom:8px}.chat-message{border-radius:8px;margin:8px 0;max-width:80%;padding:10px}.chat-message.user{background-color:#e3f2fd;margin-left:auto}.chat-message.assistant{background-color:#f5f5f5;margin-right:auto}.message-label{color:#666;font-size:.8em;margin-bottom:4px}.message-content{color:#333;line-height:1.4}.close-button{color:#666;padding:5px;transition:color .3s ease}.close-button:hover{color:#f44}.popup-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background-color:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.2);max-width:90%;padding:30px;position:relative;width:600px}.close-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .2s;width:30px}.close-button:hover{background-color:rgba(0,0,0,.1)}.close-button svg{fill:#5f6368;height:24px;width:24px}.customize-container{margin-top:10px}.customize-container h3{color:#202124;font-size:20px;font-weight:500;margin:0 0 20px}.customize-content{display:flex;flex-direction:column;gap:20px}.input-section{align-items:flex-start;display:flex;gap:10px}.customize-textarea{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#202124;cursor:text;flex:1 1;font-size:14px;line-height:1.5;min-height:120px;padding:12px;resize:vertical;transition:border-color .3s,background-color .3s}.customize-textarea.readonly,.customize-textarea.readonly:focus{background-color:#f1f3f4;border-color:#dadce0}.customize-textarea.readonly:focus{outline:none}.customize-textarea:focus{background-color:#fff;border-color:#4285f4;box-shadow:0 0 0 2px rgba(66,133,244,.1);outline:none}.customize-textarea::-webkit-input-placeholder{color:#5f6368;opacity:.8}.customize-textarea::placeholder{color:#5f6368;opacity:.8}.voice-input-button{align-items:center;background-color:#4285f4;border:none;border-radius:8px;cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:background-color .3s;width:44px}.voice-input-button:hover{background-color:#1a73e8}.voice-input-button:disabled{background-color:#dadce0;cursor:not-allowed}.voice-input-button svg{fill:#fff;height:24px;width:24px}.voice-input-button.listening{background-color:#ea4335}.pulse-animation{animation:pulse 1.5s infinite;background-color:rgba(234,67,53,.3);border-radius:8px;height:100%;position:absolute;width:100%}@keyframes pulse{0%{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.confirm-button{align-self:flex-end;background-color:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 24px;transition:background-color .3s}.confirm-button:hover{background-color:#1a73e8}.voice-error{color:#ea4335;font-size:14px;margin-top:-10px;text-align:center}.confirm-button.disabled{background-color:#dadce0;cursor:not-allowed}.confirm-button.disabled:hover{background-color:#dadce0}.error-message{background-color:#fce8e6;border:1px solid #ea4335;border-radius:4px;color:#ea4335;font-size:14px;margin-top:-10px;padding:8px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.829fc956.css.map*/