.App-main{width:100%;height:100%}.nav-header .tertiary-panel .personal-info{width:200px;height:300px;border-radius:2px;position:relative}.nav-header .tertiary-panel .personal-info .phone{color:#0f0f0f;border-bottom:1px solid darkgray;font-size:1rem}.nav-header .tertiary-panel .personal-info .account{color:#0f0f0f;font-size:1rem;width:100%;text-align:center;margin-top:10px}.nav-header .tertiary-panel .personal-info .phone>span:first-child{background-color:#259fbb;padding:0 10px;color:white;margin-right:5px;border-radius:2px}.nav-header .tertiary-panel .personal-info .sign-out-button{position:absolute;bottom:0;right:0;width:50px;display:flex;justify-content:center;align-items:center;background-color:#007cff;color:white;border-radius:2px;cursor:pointer;padding:5px}.nav-header .tertiary-panel{display:flex;justify-content:flex-end;position:absolute;top:43px;right:10px;z-index:300;background-color:#fbfbfb;border-radius:5px;padding:5px;box-shadow:0 0 10px 5px aliceblue;border:2px solid #61ceda}.nav-header .tertiary{flex-direction:column}.nav-header .dehaze{width:22px;margin:2px;height:3px;background-color:white;border-radius:2px}.lighting-button{letter-spacing:2px;border-radius:3px;cursor:pointer;font-size:1rem;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid white;display:flex;align-items:center;color:inherit}.lighting-button.on,.lighting-button:hover{color:white;box-shadow:0 0 2px 2px rgb(223,213,213)}.lighting-button.on{background-color:#086b08}.nav-buttons{display:flex;justify-content:center;align-items:center;gap:10px}.nav-buttons .switch span{font-size:120%}.clear-history{display:flex;align-items:center;margin:5px}.clear-history span{background-color:#ff4800;height:100%;align-items:center;display:flex;width:40px;justify-content:center;color:white;font-weight:400;border-radius:5px;cursor:pointer}.search-history-back{position:absolute;z-index:201;width:100%;background-color:white;padding:5px;display:flex;justify-content:space-between;height:50px}.search-history-back .close-search{background-color:#f1eeee;border-radius:5px}.search-collapsed,.search-history-back .close-search{cursor:pointer;display:flex;justify-content:center;align-items:center;margin:5px;width:40px}.search-collapsed{position:absolute;right:0;z-index:205;height:40px;border-radius:50%;background-color:#64c7d8;box-shadow:0 0 5px #25939e;color:white}.search-history{margin:5px;display:flex;align-items:center;position:relative;background-color:white}.search-history input{padding-right:60px}.search-history span{cursor:pointer;background-color:#0777ae;position:absolute;right:0;color:white;width:50px;height:100%;align-items:center;justify-content:center;display:flex;padding:0 5px;border-radius:0 .25rem .25rem 0;border-top-left-radius:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}.clipboard{border-radius:3px;cursor:pointer;display:flex;font-size:1rem;padding:5px}.copy:hover,.hearing:hover,.message-selection:hover{background-color:#585b5b70;color:white}.message-selection{border-radius:3px;cursor:pointer;font-size:1rem;padding:5px;color:#373f4059}.history,.message-selection{display:flex;flex-direction:column}.history{height:calc(100vh - 120px);overflow-y:scroll;overflow-x:hidden;text-align:left;width:100%;position:relative;scrollbar-width:none;-ms-overflow-style:none}.history::-webkit-scrollbar{display:none}.history .history-container:first-child{margin-top:50px}.history .scroll-bottom-button{font-size:1.5rem;background-color:rgb(5,114,209);width:-moz-fit-content;width:fit-content;display:flex;padding:10px;border-radius:50%;position:fixed;bottom:100px;z-index:200;right:50px;color:white;font-weight:700;cursor:pointer}.history-assistant.history-shadow{box-shadow:0 4px 6px rgba(0,0,0,.2)}.history-user:first-child{margin-top:0}.history-user{margin-top:8px;background-color:#dcdce3;position:relative}.history-assistant.error{color:red}.history-assistant{background-color:#b7b5b536;position:relative}.bottom-info-container{position:absolute;bottom:10px;display:flex;justify-content:space-between;width:100%;padding:10px;align-items:center}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.loading-dots{display:inline-flex;gap:5px}.loading-dots span{display:inline-block;width:5px;height:5px;background-color:#000;border-radius:50%;animation:blink 1.2s infinite}.loading-dots span:nth-child(2){animation-delay:.3s}.loading-dots span:nth-child(3){animation-delay:.6s}.history-content p{margin-bottom:0}.history-content pre{color:white;background-color:#1d2933;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px;margin:auto auto 2rem;max-width:1024px}.history-content .code-header,.history-content .mermaid-header{display:flex;background-color:#304d62;border-top-left-radius:5px;border-top-right-radius:5px;padding:10px;justify-content:space-between;align-items:center;color:white;max-width:1024px;margin:auto}.history-content .code-header>div,.history-content .mermaid-header>div{display:flex;align-items:center;gap:5px}.history-content .mermaid-header{background-color:#f8f4bf;color:black}.history-content .code-copy-button,.history-content .mermaid-copy-button,.history-content .mermaid-text-button{border:none;background-color:transparent;color:white}.history-content .mermaid-copy-button{color:brown}.history-content .mermaid-text-button{color:cornflowerblue;display:flex}@keyframes blink-cursor{0%{background-color:#2a2b2ac9}50%{background-color:transparent}to{background-color:#2a2b2ac9}}.blinking-cursor{background-color:#2a2b2ac9;display:inline;animation-name:blink-cursor;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:step-end;padding:0 3px;margin-left:4px}.history-content .error-message{background-color:red;color:white;border-radius:3px;padding:5px;margin:10px}.top-panel{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;background-color:transparent;flex-direction:column;z-index:300}.synthesizing,.top-panel{display:flex;align-items:center;justify-content:center}.synthesizing{position:absolute;width:100%;height:100%;z-index:100;margin:-1rem;background-color:#000000b0;color:white;border-radius:5px}.synthesizing span{font-size:2rem}.show-playback{position:relative;width:-moz-fit-content;width:fit-content;background-color:#9d5f1c;pointer-events:auto;padding:1rem;border-radius:5px;display:flex;flex-direction:column;gap:.5rem}.show-playback audio{width:100%;border-radius:5px}.panel-close{cursor:pointer;display:flex;justify-content:flex-end;margin:-10px -10px 5px 0;color:white;font-size:1.5rem}.time-control{width:100%;display:flex;justify-content:space-between;gap:.5rem}.time-control span{font-size:1.5rem;color:black}.time-control button{background-color:white;border-radius:5px;width:2.5rem;height:2.5rem;border:none}@keyframes time-control-touched{0%{background-color:white}50%{background-color:transparent}to{background-color:white}}.time-control button:active,.time-control button:hover{animation:time-control-touched 2s 0s}.speed-control{width:100%;display:flex;justify-content:space-between;gap:.5rem}.recorder-back{background-color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid #00b7ff;border-radius:5px;padding:10px}.recorder-panel .remain{font-size:1rem}.recorder{width:10vh;border:1px solid #00b7ff;border-radius:5px;display:flex;flex-direction:column}.recorder-back.blink-border{animation:blink-border 1s linear infinite}@keyframes blink-border{0%,to{border-color:red}50%{border-color:transparent}}.timer{color:green;font-weight:800;display:flex;justify-content:center}.timer span{font-size:clamp(20px,4vh,40px);width:4vh;text-align:center}@keyframes spinner{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.spinning-circle span{animation:spinner 1.2s linear infinite;transform-origin:center;display:inline-block}.hidden-input{display:block;position:absolute;height:1px;width:1px;padding:0;margin:0;border:none;color:transparent;background-color:transparent;top:0;left:0}@keyframes pressed-down-up{0%{color:red;opacity:1}50%{color:red;opacity:.5}to{color:#373f4059}}.hearing{border-radius:3px;cursor:pointer;display:flex;font-size:1rem;padding:5px}.hearing.has-audio{color:#904aa45e}.hearing.active{color:#9f05ca;animation:blink 1.2s infinite}.history-container{display:flex;width:100%;padding:20px 0}.history-right{right:0;bottom:20px;align-self:end;gap:.5rem;z-index:200;background-color:#d7d3cd;border-top-left-radius:5px;border-bottom-left-radius:5px;color:#5b6e7161}.history-left,.history-right{width:30px;position:-webkit-sticky;position:sticky;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center}.history-left{top:10px}.history-content .datetime{position:absolute;top:-18px;right:3px;font-size:.75rem;color:cadetblue}.history-content{display:block;width:calc(100vw - 60px);position:relative}.history-content pre.mermaid-pre{background-color:white;text-align:center}.history-content .mermaid-code{display:none;color:black;text-align:start}.history-content .vision-frame{overflow:auto;border-radius:5px}.history-content .vision-images{display:inline-flex;overflow:auto;gap:1px;align-items:center;background-color:gray;padding:1px;border-radius:5px}.history-content .vision-images img{border-radius:5px}.talky-panel{z-index:220;width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#bea2f0;display:flex;justify-content:center;align-items:center}.talky-panel .cancel-talking{display:flex;justify-content:center;position:absolute;z-index:2}.talky-panel .cancel-talking>div{display:flex;justify-content:space-around;align-items:center;background-color:#ff8f3c;border-radius:10px;width:160px;height:60px}.talky-panel .control-tips{position:absolute;bottom:2px;margin:0 2px;padding:10px;line-height:2;border:1px solid aliceblue;border-radius:3px;background-color:whitesmoke;color:#c86c6c;max-width:496px}.talky-panel .control-tips>div{display:inline}.talky-panel .control-tips .push-button{width:2rem;height:2rem;display:inline-block;background-color:#cecaca;position:relative;border-radius:5px}.talky-panel .record-button{color:white;border:none;border-radius:50%;width:30px;height:30px;display:inline-flex;justify-content:center;align-items:center;font-size:1.2rem;pointer-events:auto;background-color:gray}.talky-panel .control-tips .pushable.blinking-mic,.talky-panel.talky-ready .control-tips .pushable.blinking-mic{background:hsl(345deg 100% 47%)}.talky-panel .control-tips .pushable{font-size:1rem;border-radius:5px}.talky-panel.talky-ready .control-tips .pushable{background-color:#6a6d93}.talky-panel .control-tips .mic-off{width:2rem;height:2rem;font-size:1rem;color:gray;background-color:transparent;border:1px solid white;border-radius:5px}.talky-panel .talky-control{position:fixed;width:100%;max-width:500px;bottom:20px;height:110px;padding:10px 20px 0;display:flex;justify-content:center}button{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.talky-panel .talky-control .side-controls{display:flex;flex-direction:column;gap:10px;width:30%;margin:5px}.talky-panel .talky-control .push-button{width:100px;height:100px;display:block;border-radius:12px;background-color:#cecaca;position:relative}.talky-panel .talky-control .disable-talky-control{height:100%;width:100%;background-color:#8a8585a8;position:absolute;top:0;left:0}.talky-panel.talky-ready .pushable{background:hsl(345deg 100% 47%)}.talky-panel .pushable{font-size:3rem;color:white;border-radius:12px;border:none;padding:0;cursor:pointer;background-color:#6a6d93;display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translateY(-6px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.talky-panel .icon-mic1.blinking-mic{animation:blink 1.2s infinite}.talky-panel .pushable.blinking-mic{transform:translateY(-2px)}.talky-panel .flash-sending{position:absolute;top:6px;left:10px;z-index:2;font-size:1rem}.talky-panel .flash-sending span{color:transparent}.talky-panel .flash-sending span.sending{color:white}.talky-panel.talky-ready .flash-sending span.sending{color:blue}.talky-panel .power-level{height:10px;width:10px;position:absolute;right:10px;top:10px}.talky-panel .talky-panel-title{position:absolute;top:0;height:40px;width:100%;display:flex;align-items:center;justify-content:center;background-color:#c14b27}.talky-panel .talky-panel-title div.title{font-size:1rem;left:10px;position:absolute;background-color:#e1680f;padding:5px 10px;color:white;display:flex;align-items:center;height:100%}.talky-panel .talky-panel-title>span{position:absolute;right:10px;cursor:pointer;font-size:1.5rem}.talky-panel .talky-panel-title .new-topic-button{background-color:#137086;color:white;font-weight:200}.talky-panel .talky-messages.in-progress{color:#ffffff80}.talky-panel .talky-messages{height:calc(100vh - 170px);overflow-y:auto;width:100%;position:absolute;top:40px;background-color:#d9d9d9;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 5px;color:white}.talky-panel .talky-messages .topics{display:flex;flex-direction:column;gap:10px;margin:5px 0}.talky-panel .new-topic{display:flex;font-size:0;justify-content:center;border:1px dashed #12afbf;margin:0 10% 20px}.talky-panel .talky-ask-reply{display:flex;flex-direction:column;gap:10px}.talky-panel .talky-line.ask{justify-content:flex-start}.talky-panel .talky-line.reply{justify-content:flex-end}.talky-panel .talky-line{display:flex;gap:5px;cursor:pointer;align-items:flex-start}.talky-panel .talky-line>.avatar{position:relative;width:2.1rem;border-radius:5px;align-items:center;display:flex;justify-content:center;color:white}.talky-panel .talky-line.ask>.avatar{background-color:green}.talky-panel .talky-line.reply>.avatar{background-color:grey}.talky-panel .talky-line>.avatar:before{content:"";float:left;padding-top:100%}.talky-panel .talky-line>.contents{border-radius:5px;padding:5px;max-width:70%;min-width:60px}.talky-panel .talky-line.ask>.contents{overflow:hidden;text-overflow:ellipsis;background-color:green}.talky-panel .talky-line.reply>.contents{background-color:grey}.talky-panel .time-left{top:calc(50% - 120px);font-size:1rem;width:80%;max-width:400px;height:4rem;color:white;background-color:#d94040;justify-content:center;border-radius:3px;letter-spacing:2px}.talky-panel .instruction-panel,.talky-panel .time-left{position:absolute;display:flex;align-items:center;z-index:2}.talky-panel .instruction-panel{top:40px;height:calc(100vh - 40px);width:100%;background-color:#b7b5b5ba;flex-direction:column}.talky-panel .instruction-panel .instruction-input{width:80%;max-width:400px;position:absolute;top:30px}.talky-panel .instruction-panel .instruction-input .instruction-buttons{margin-top:4px;display:flex;justify-content:space-between;width:100%}.nosleep{display:block;width:32px;height:18px}.image-Image,.nosleep video{width:100%;height:100%}.image-Image{display:flex;align-items:center;justify-content:center;padding:1px;position:relative}.image-Image.full-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:gray;z-index:400}.image-Image.full-screen img{max-width:100%;max-height:100%}.image-Image.full-screen .close-full-screen{top:10px;right:10px;background-color:orange}.image-Image .full-screen-button,.image-Image.full-screen .close-full-screen{position:absolute;border-radius:5px;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-Image .full-screen-button{bottom:5px;left:5px;color:white;background-color:#27be1a;font-size:.875rem;box-shadow:0 0 2px 2px white}.input-container{position:fixed;inset:auto 0 20px 0;display:flex;width:calc(100% - var(--padding-x, 10px) * 2);max-height:110px;height:auto;align-items:center;z-index:201;margin:0 var(--padding-x)}.input-container .hide-chats{display:none}.input-container .show-chats{display:block}.input-container .prompt-input-mask{position:fixed;left:0;top:40px;width:calc(100% - 60px);margin:auto 30px;height:calc(100% - 40px)}.input-container .show-chats,.input-container .vision-container{margin:0}.input-container .send-button.ready:hover{background-color:#046a82}.input-container .send-button.ready{background-color:#07b563}.input-container .send-button{pointer-events:auto;background-color:transparent;margin-right:10px;height:30px;display:flex;align-items:center;border-radius:5px;padding:.5rem;border:none}.input-container .send-button span{color:#a0a1a2}.input-container .send-button.ready span{color:#ffffff}.input-container .send-button span.sending{animation:blink 1.2s infinite}.input-container .record-send-container{position:relative;display:flex;justify-content:space-between;width:100%;pointer-events:none;align-items:center;height:44px;z-index:2}.input-container .record-ocr{display:flex;margin-left:10px;gap:.25rem}.input-container .chats-input textarea::placeholder{font-size:70%;line-height:2.2}.input-container .chats-input textarea{overflow:auto;-webkit-overflow-scrolling:touch;max-height:50vh;resize:none;font-size:16px;padding:10px 40px 10px var(--textarea-padding-left,80px);margin:auto;width:calc(100vw - var(--padding-x) * 2);margin-left:calc(-30px + var(--padding-x));position:relative;z-index:1}.input-container .chats-input{position:absolute;bottom:0;width:calc(100% - 60px + var(--padding-x) * 2);margin:auto calc(30px - var(--padding-x));pointer-events:none}.input-container .chats-input>*{pointer-events:auto}.input-container .quoted-chats{background-color:white;padding:0 10px;border-radius:.25rem .25rem 0 0}.input-container .quoted-chats .quoted-chats-length{background-color:black;color:white;padding:0 5px;border-radius:5px}.input-container .quoted-chats-list{overflow:auto;max-height:30vh}.input-container .quoted-chats-mask{position:relative;bottom:0;height:10px;background-color:white}.input-container .quotes{border-bottom:1px solid #8e899138;display:flex;align-items:center;white-space:nowrap;position:relative}.input-container .quotes>div{margin-left:20px;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.input-container .quotes>div::-webkit-scrollbar{display:none}.input-container .quoted-chats-title{cursor:pointer;font-size:.75rem;font-weight:200;display:flex;justify-content:space-between}.input-container .quoted-chats-deselect{cursor:pointer;color:red;padding:0;margin-right:5px;position:absolute;background-color:white}.input-container .record-button{color:white;border:none;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;pointer-events:auto}.input-container button[class~=record-button]:disabled{background-color:grey}.input-container .record-button.stopped{background-color:#1a7305b5}.input-container .record-button.stopped:hover{background-color:#1a7305cf}.input-container .record-button.recording{background-color:#c61212ba}.input-container .record-button.recording:hover{background-color:#c61212}.input-container .record-button.waiting{background-color:grey}.snapshot-area{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center;position:absolute;top:0;left:0;background-color:black;z-index:220;flex-direction:column}.snapshot-area video{max-width:100%;max-height:100%}.ocr-area{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center;position:absolute;top:0;left:0;background-color:black;z-index:300;flex-direction:column}button.ocr-area-close{position:absolute;right:3px;top:3px;border-radius:1px;background-color:#f7a053;border:none;width:3rem;height:2rem;color:white;font-size:1.5rem}button.ocr-area-close:hover{background-color:#f28d0c}.input-container .ocr-button{color:white;border:none;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;pointer-events:auto;background-color:#007BFF}.input-container .ocr-button:hover{background-color:#0056b3}.input-container .ocr-button:disabled{background-color:grey}.input-container .vision-container{display:flex;width:-moz-fit-content;width:fit-content}.input-container .vision-area{border-radius:5px;border:2px solid grey;display:flex;max-width:100%;overflow:auto;position:relative;background-color:#a8a5a5}.input-container .vision-area>div{border:solid grey;border-width:0 2px 0 0;position:relative;height:200px;width:200px;min-width:200px;display:flex;justify-content:center;align-items:center}.input-container .vision-area>div:last-child{border-right:none}.input-container .vision-area>div>div.edit-remove{position:absolute;z-index:200;padding:0;width:100%;top:0;left:0;display:flex;justify-content:space-between}.input-container .vision-area>div>img{display:block;max-height:100%;max-width:100%}.paint-area{padding:var(--padding);height:calc(100vh - 110px);position:relative}.painting-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));grid-template-rows:repeat(auto-fill,124px);grid-gap:4px;gap:4px;text-align:left;width:100%;height:calc(100% - 30px);overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.painting-list .prompts{position:absolute;left:0;top:0;border-radius:5px;z-index:1;width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;font-size:.75rem;color:white;background-color:#919192}.painting-list .prompts .revised_prompt{background-color:green;padding:4px}.painting-list .prompts .prompt{background-color:#2c7fa7;padding:4px}.painting-list .one-paint .show-prompts-button{border:none;position:absolute;bottom:0;right:0;background-color:transparent;z-index:2;color:#eb00ff}.painting-list .one-paint{position:relative;display:flex;justify-content:center;align-items:center;background-color:#e4e6e7;border-radius:5px}.painting-list .image-list{height:120px;width:120px}.painting-list .one-paint.blinking{animation:blinking-paint 3s linear infinite}.model-search{position:absolute;inset:auto 0 0 0;z-index:10;width:100%;display:flex;justify-content:space-between;padding:inherit}.model-search .search button{border:1px solid purple;border-radius:3px;background-color:purple;color:white;width:2rem;height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.model-search .search input{height:100%;border-radius:3px;border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid purple;padding-left:.25rem}.model-search .search input:focus-visible{outline:none}.model-search .model-selector{border-radius:5px;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;cursor:pointer}@keyframes blinking-paint{25%{background-color:gray;opacity:.75}50%{opacity:.5}75%{opacity:.75}}