:root{--base-size: clamp(8px, 1.5vmin, 14px);--button-spacing: .5vmin !important;--padding: clamp(5px, 1vmin, 8px);--button-size: clamp(44px, 5vmin, 60px) !important;--button-margin: clamp(6px, 1.5vmin, 14px);--icon-size: calc(var(--button-size) * .55);--text-size: calc(var(--button-size) * .35);--control-panel-height: calc(var(--button-size) + var(--button-margin) * 2);--timeline-width: clamp(20vw, 25vw, 30vw);--line-width-vmin: .2vmin;--font-size-base: clamp(13px, 1.8vmin, 16px);--font-size-small: clamp(11px, 1.5vmin, 14px);--font-size-large: clamp(15px, 2vmin, 18px);--font-size-button: clamp(14px, 1.8vmin, 16px);--font-size-code: clamp(12px, 1.6vmin, 14px);--input-height: clamp(80px, 15vmin, 120px);--control-height: clamp(28px, 3.5vmin, 32px);--button-action-width: clamp(90px, 12vmin, 120px);--icon-button-size: clamp(28px, 3.5vmin, 32px);--icon-size-small: clamp(18px, 2.3vmin, 22px);--spacing-xs: clamp(2px, .5vmin, 4px);--spacing-sm: clamp(4px, .8vmin, 6px);--spacing-md: clamp(8px, 1.2vmin, 12px);--spacing-lg: clamp(12px, 1.8vmin, 16px);--border-radius-sm: clamp(3px, .5vmin, 4px);--border-radius-md: clamp(5px, .8vmin, 6px);--color-black-100: #000000;--color-black-95: rgba(255, 255, 255, .05);--color-black-66: rgba(255, 255, 255, .34);--color-black-33: rgba(255, 255, 255, .67);--color-white-100: #ffffff;--color-green-100: #00cc00;--color-red-100: #ff0000;--color-purple-100: #800080;--color-pure-black: var(--color-black-100);--color-primary: var(--color-white-100);--panel-bg: var(--color-black-100);--panel-border: var(--color-black-66);--input-bg: var(--color-black-95);--input-border: var(--color-black-66);--button-action-bg: #007bff;--button-action-hover: #0056b3;--button-hover-bg: rgba(255, 255, 255, .08);--color-icon: #888;--color-icon-active: var(--color-white-100);--color-icon-disabled: var(--color-black-66);--placeholder-bg: var(--color-black-95)}@media screen and (min-width: 1024px){:root{--button-size: clamp(45px, 5vmin, 60px);--button-spacing: clamp(6px, 1vmin, 14px);--button-margin: clamp(8px, 2vmin, 16px)}}*{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden;font-family:Inter,sans-serif;background-color:var(--color-pure-black);color:var(--color-primary)}[title]{font-family:Open Sans,sans-serif}body{display:flex;height:100svh}.panel.left-panel,.panel.right-panel{background-color:#101020a6!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;padding:0;height:90svh!important;top:5svh!important;flex:0 0 auto;z-index:1001;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px #0000004d;transition:transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s ease-in-out!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;position:absolute}.panel.left-panel{left:0;width:110px!important;transform:translate(-100%)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:8px!important;padding:0 0 75px!important;align-items:center!important}.panel.right-panel{right:0;width:var(--panel-width-right)!important;transform:translate(100%)!important;display:flex!important;flex-direction:column!important}.panel.left-panel.visible,.panel.right-panel.visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(0)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background-color:#10102066!important}:root{--panel-width-left: clamp(280px, 20vw, 320px);--panel-width-right: clamp(320px, 25vw, 400px)}@media (orientation: portrait) or (max-width: 768px){:root{--panel-width-left: 80px;--panel-width-right: 100vw}}.panel.left-panel.visible{transform:translate(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;overflow:hidden!important;transition-delay:0s}.panel.right-panel.visible{opacity:1!important;transform:translate(0)!important;pointer-events:auto!important;visibility:visible!important;overflow-y:auto!important;transition-delay:0s;touch-action:none!important;left:auto;right:0}.panel.left-panel.hidden{transform:translate(-100%)!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.panel.right-panel.hidden{transform:translate(100%)!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.left-panel-group{display:flex;flex-direction:column;align-items:center;width:100%;gap:2px}.left-panel-group.top-group{flex-direction:row!important;justify-content:center!important;gap:10px!important;flex-wrap:nowrap!important;margin-top:0!important}.left-panel-group.top-group .panel-button,.left-panel-group.top-group .social-login-button{width:45px!important;height:48px!important;padding:0;margin-left:auto;margin-right:auto}.left-panel-group.central-block{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%;padding:0 5px;justify-items:center;align-items:center}.left-panel-group.central-block .control-button:nth-child(odd){grid-column:1}.left-panel-group.central-block .control-button:nth-child(2n){grid-column:2}.panel-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);margin:0;width:100%;text-align:left;background-color:var(--input-bg);color:#888!important;border:1px solid var(--panel-border);border-radius:var(--border-radius-md);font-size:var(--font-size-button);cursor:pointer;transition:all .15s ease-in-out!important}.panel-button i{margin-right:var(--spacing-sm);font-size:calc(var(--icon-size) * .8);width:calc(var(--icon-size) * .8);text-align:center}.panel-button .button-text{flex-grow:1}.panel-button:hover,.panel-button.active{background-color:var(--button-hover-bg);color:#fff!important}#left-panel .panel-button.control-button{background-color:transparent;border:none;padding:0}#left-panel .panel-button.control-button:not(:disabled):hover{background-color:var(--button-hover-bg);color:#fff!important;transform:scale(1.05);transition:all .15s ease-in-out!important}#left-panel .panel-button.control-button.active{background-color:var(--button-hover-bg);color:#fff!important}.left-panel-group.central-block .control-button.panel-button svg{width:var(--icon-size);height:var(--icon-size)}.panel-hr{width:80%;border:none;height:1px;background-color:var(--panel-border);margin:8px auto!important}#left-panel .panel-hr:first-of-type{margin-top:8px!important;margin-bottom:8px!important}#left-panel .panel-hr:last-of-type{margin-top:15px!important;margin-bottom:8px!important}.left-panel-group.bottom-group{display:flex!important;flex-direction:row!important;gap:15px!important;width:100%;padding:0 10px;justify-content:center!important;align-items:center;flex-wrap:nowrap!important;margin-top:0!important}#telegramLinkButton svg{width:36px!important;height:36px!important}#githubButton svg{width:24px!important;height:24px!important}.panel-icon-link{color:var(--color-icon);font-size:calc(var(--icon-size) * 1.2);text-decoration:none;transition:color .2s ease;padding:var(--spacing-xs)}.panel-icon-link:hover{color:var(--color-icon-active)}#login-google-btn.control-button .fab.fa-google{font-size:var(--icon-size);color:currentColor}.hologram{transition:transform .5s ease-in-out,margin-top .5s ease-in-out!important;transform-origin:center center!important;will-change:transform,margin-top!important;margin-top:5svh!important;margin-bottom:5svh!important}.gesture-area.active~.main-area .hologram,.gesture-area.active+.main-area .hologram{transform:scale(.8)!important;margin-top:5svh!important}.panel-section{transition:all .3s ease-in-out}.panel .control-button,.panel .panel-button,.panel .view-toggle-btn,.panel .panel-icon-link,.panel .panel-hr,.panel .panel-section{opacity:1!important}#myHologramsView,#myGesturesView,#chatHistory{padding:5%!important;border-radius:15px!important;background-color:#0000004d!important;margin:10px 0!important;box-shadow:0 4px 8px #0003!important}#triaButton svg{width:30px!important;height:30px!important}#togglePanelsButton{position:fixed!important;z-index:10000!important;bottom:5svh!important;left:5px!important;width:var(--button-size)!important;height:var(--button-size)!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background-color:transparent!important;border:none!important;cursor:pointer!important;color:#888!important;transition:all .15s ease-in-out!important}#togglePanelsButton:hover{color:#fff!important}#togglePanelsButton svg{width:var(--icon-size)!important;height:var(--icon-size)!important;fill:currentColor!important}#togglePanelsButton .icon-show-panels{display:flex!important;opacity:.7!important}#togglePanelsButton .icon-hide-panels{display:none!important}#togglePanelsButton.show-mode .icon-show-panels{display:flex!important;opacity:1!important;filter:brightness(1.5)}#togglePanelsButton.show-mode{color:#fff!important}#fullscreenButton .icon-fullscreen{display:flex!important}#fullscreenButton .icon-exit-fullscreen{display:none!important}#fullscreenButton.active{color:#fff!important;filter:brightness(1.5)!important;opacity:1!important}#fullscreenButton.active .icon-fullscreen{display:flex!important}#fullscreenButton.active .icon-exit-fullscreen{display:none!important}#button-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--button-spacing);justify-content:center;align-content:flex-start;padding:0;width:100%}#button-container::-webkit-scrollbar{width:5px}#button-container::-webkit-scrollbar-thumb{background:var(--color-icon-disabled);border-radius:3px}#button-container::-webkit-scrollbar-track{background:var(--color-pure-black)}.view-toggles{display:flex;margin-bottom:10px;border-bottom:1px solid var(--panel-border)}.view-toggle-btn{flex-grow:1;padding:8px;background:transparent;border:none;color:var(--color-icon);cursor:pointer;text-align:center;border-bottom:2px solid transparent;transition:all .2s ease;font-size:13px}.view-toggle-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.view-toggle-btn:hover{background-color:var(--button-hover-bg)}#submitTopPrompt,#submitChatMessage{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-button);background-color:#0f0;color:#000;border:1px solid #00cc00;border-radius:var(--border-radius-sm);cursor:pointer;height:var(--control-height);width:var(--button-action-width);flex-shrink:0;transition:background-color .2s ease}#submitChatMessage:disabled{background-color:var(--color-black-66);cursor:not-allowed;opacity:.6}.prompt-controls select{flex-grow:1;background-color:var(--color-pure-black);color:var(--color-primary);padding:var(--spacing-sm);font-size:var(--font-size-base);border:none;outline:none;border-radius:var(--border-radius-sm);height:var(--control-height)}#chatButton{width:var(--icon-button-size)!important;height:var(--icon-button-size)!important;padding:0;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;color:var(--color-icon);border-radius:var(--border-radius-sm);transition:color .15s ease-in-out}#chatButton:hover{color:var(--color-icon-active)}#chatButton svg{width:var(--icon-size-small);height:var(--icon-size-small);fill:currentColor}#toggleFilesButton{background:none;border:1px solid var(--panel-border);color:var(--color-icon);padding:var(--spacing-xs) var(--spacing-sm);min-width:auto;margin-right:var(--spacing-sm);cursor:pointer;height:var(--control-height);line-height:1;border-radius:var(--border-radius-sm)}#toggleFilesButton:hover{background-color:var(--button-hover-bg);color:var(--color-primary)}.control-button{width:45px!important;height:48px!important;padding:0;background-color:transparent;border:none;cursor:pointer;color:#888!important;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);transition:all .15s ease-in-out!important;font-size:24px!important}#loadAudioButton svg,#playAudioButton svg,#stopAudioButton svg{width:28px!important;height:28px!important}.control-button svg{width:24px!important;height:24px!important;transition:all .15s ease-in-out!important;fill:currentColor!important;pointer-events:none}.control-button img{width:var(--icon-size);height:var(--icon-size);transition:all .2s ease;filter:brightness(0) invert(.7);pointer-events:none}.control-button:not(:disabled):hover{color:#fff!important;transform:scale(1.05)}.control-button.active{color:#fff!important}.control-button:disabled{color:#444!important;cursor:not-allowed;transform:none}.control-button svg,.control-button img{width:var(--icon-size);height:var(--icon-size);fill:currentColor!important;transition:all .15s ease-in-out!important}.google-login-button{background-color:#4285f4;color:#fff;border-color:#4285f4}.google-login-button:hover{background-color:#357ae8;border-color:#357ae8}#login-google-btn.control-button{background-color:transparent;color:var(--color-icon);border:none;width:var(--button-size);height:var(--button-size);padding:0;display:flex;align-items:center;justify-content:center}#login-google-btn.control-button svg{width:20px!important;height:20px!important;color:currentColor}#login-google-btn.control-button:hover{background-color:var(--button-hover-bg);color:var(--color-icon-active)}.main-area{position:relative;flex-grow:1;overflow:hidden;background-color:var(--color-pure-black);height:100dvh;padding:0;width:100%;max-width:100vw;z-index:5}#grid-container{position:relative;width:100%;margin:0;height:100%;z-index:10;background-color:var(--color-pure-black)}#grid-container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;display:block;z-index:50}#gesture-area{position:fixed;bottom:calc(5svh + env(safe-area-inset-bottom));left:0;width:100%;height:6px;background-color:#323232e6;z-index:100;border:none;cursor:pointer;overflow:hidden;min-height:16px;pointer-events:auto;transition:width .3s cubic-bezier(.25,.1,.25,1),height .3s cubic-bezier(.25,.1,.25,1),background-color .3s ease}#gesture-area.hands-detected{background-color:#000c;border:1px solid var(--color-black-33);box-shadow:0 -5px 20px #00ff881a;border-radius:8px}@media (max-width: 768px){#gesture-area{min-height:20px;height:auto}}#gesture-line{display:none}.hologram{transition:transform .5s cubic-bezier(.16,1,.3,1),margin-bottom .5s ease;transform-origin:center bottom;will-change:transform,margin-bottom}#grid-container.scanner-active{transform:translate(-1vw);transition:transform .3s ease}.main-area.squashed .hologram{transform:translateY(-5%) scale(.9)!important;margin-bottom:calc(var(--gesture-panel-height, 20vh) + 10vh)!important}.gesture-area.active~.main-area .hologram,.gesture-area.active+.main-area .hologram,.gesture-area.hands-detected~.main-area .hologram,.gesture-area.hands-detected+.main-area .hologram{transform:scale(.9)!important;margin-bottom:35svh!important}#chatHistory{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:0;min-height:50px;background-color:transparent!important;border-radius:var(--border-radius-lg)!important;position:relative}#chatMessages{display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;min-height:0;overflow-y:auto;padding:6px 8px 6px 6px;gap:6px;position:relative;scrollbar-width:thin;scrollbar-color:var(--color-black-66) var(--color-black-100);box-sizing:border-box}#chatHistory:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background-color:var(--color-black-100);z-index:10;pointer-events:none}#chatMessages::-webkit-scrollbar{width:4px;position:absolute;right:0}#chatMessages::-webkit-scrollbar-thumb{background:var(--color-black-66);border-radius:0}#chatMessages::-webkit-scrollbar-track{background:var(--color-black-100);margin:0;border-radius:0}.chat-message{padding:var(--spacing-sm);margin:var(--spacing-xs) 0;border-radius:var(--border-radius-md);max-width:60%;word-wrap:break-word;background-color:transparent!important;font-family:Roboto,sans-serif;border:none!important;font-size:var(--font-size-base)}.user-message{align-self:flex-end;margin-left:auto;margin-right:0}.tria-message{align-self:flex-start;border-right:2px solid var(--button-action-bg);margin-right:auto;margin-left:0}#chatInputBar{flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;padding:5px 4px 5px 5px;background-color:transparent!important;border-radius:var(--border-radius-lg)!important;border-top:none;width:100%;position:relative}#chatInputBar:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background-color:var(--color-black-100);z-index:10}#chatInput{flex-grow:1;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);margin-right:4px;width:calc(100% - 4px);box-sizing:border-box;background-color:transparent!important;color:#fff!important;outline:none;border:none;border-radius:var(--border-radius-md)!important;min-height:calc(var(--input-height) * .8);resize:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-black-66) var(--color-black-100);font-size:var(--font-size-base);font-family:Roboto,sans-serif}#chatInput::-webkit-scrollbar{width:4px;position:absolute;right:0}#chatInput::-webkit-scrollbar-thumb{background:var(--color-black-66);border-radius:0}#chatInput::-webkit-scrollbar-track{background:var(--color-black-100);margin:0;border-radius:0}#loadingIndicator{position:absolute;left:15px;bottom:15px;width:40px;height:20px;z-index:1000;display:none}.panel.right-panel #chatHistory{display:flex!important;flex-direction:column!important;flex-grow:1!important;overflow:hidden!important;padding:0!important;min-height:50px!important;background-color:transparent!important;border-radius:var(--border-radius-lg)!important;position:relative!important}.panel.right-panel #chatMessages{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;width:100%!important;height:100%!important;min-height:0!important;overflow-y:auto!important;padding:6px 8px 6px 6px!important;gap:6px!important;position:relative!important;scrollbar-width:thin!important;scrollbar-color:var(--color-black-66) var(--color-black-100)!important;box-sizing:border-box!important}.panel.right-panel #chatHistory:after{content:""!important;position:absolute!important;top:0!important;right:0!important;width:4px!important;height:100%!important;background-color:var(--color-black-100)!important;z-index:10!important;pointer-events:none!important}.panel.right-panel #chatMessages::-webkit-scrollbar{width:4px!important;position:absolute!important;right:0!important}.panel.right-panel #chatMessages::-webkit-scrollbar-thumb{background:var(--color-black-66)!important;border-radius:0!important}.panel.right-panel #chatMessages::-webkit-scrollbar-track{background:var(--color-black-100)!important;margin:0!important;border-radius:0!important}.panel.right-panel .chat-message{padding:var(--spacing-sm)!important;margin:var(--spacing-xs) 0!important;border-radius:var(--border-radius-md)!important;max-width:60%!important;word-wrap:break-word!important;background-color:transparent!important;font-family:Roboto,sans-serif!important;border:none!important;font-size:var(--font-size-base)!important}.panel.right-panel .user-message{align-self:flex-end!important;margin-left:auto!important;margin-right:0!important}.panel.right-panel .tria-message{align-self:flex-start!important;border-right:2px solid var(--button-action-bg)!important;margin-right:auto!important;margin-left:0!important}.panel.right-panel #chatInputBar{flex-shrink:0!important;display:flex;flex-direction:column!important;align-items:stretch!important;padding:5px 4px 5px 5px!important;background-color:transparent!important;border-radius:var(--border-radius-lg)!important}.content-container{margin-bottom:0!important}.input-container{margin-top:0!important}#topPromptInput{width:100%;background-color:transparent!important;color:#fff!important;border:none;outline:none;padding:var(--spacing-sm);font-family:Roboto,sans-serif;font-size:var(--font-size-base);resize:none;border-radius:var(--border-radius-md);box-sizing:border-box}#versionTimeline,#chatHistory{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:5px;scrollbar-width:thin;scrollbar-color:var(--color-icon-disabled) var(--color-pure-black);min-height:100px;background-color:var(--color-pure-black)}#promptBar,#chatInputBar{flex-shrink:0;min-height:120px;max-height:200px;background-color:var(--color-pure-black);padding:5px;display:flex;flex-direction:column}#versionTimeline::-webkit-scrollbar{width:5px}#versionTimeline::-webkit-scrollbar-thumb{background:var(--color-icon-disabled);border-radius:3px}#versionTimeline::-webkit-scrollbar-track{background:var(--color-pure-black)}.timeline-item{margin-bottom:10px;opacity:.85;transition:opacity .2s ease}.timeline-item .version-label{position:absolute!important;top:var(--spacing-sm)!important;left:var(--spacing-sm)!important;font-size:var(--font-size-small)!important;line-height:1.4!important;opacity:.7!important;color:var(--text-color)!important;background:#00000080!important;padding:var(--spacing-xs) var(--spacing-sm)!important;border-radius:var(--border-radius-sm)!important;z-index:1!important}.version-frame{position:relative;display:flex;align-items:flex-start;margin-bottom:calc(var(--font-size-small) * 1.4 - var(--font-size-small));padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color .2s ease}.version-frame:hover{background-color:#ffffff0d}.version-frame.active{background-color:#ffffff1a;border-left:2px solid var(--color-green-100)}.version-placeholder{background-color:#0003;border-radius:var(--border-radius-sm);color:var(--color-primary);text-align:center;width:calc(var(--font-size-small) * 1.4 * 5 + var(--spacing-md));height:calc(var(--font-size-small) * 1.4 * 5 + var(--spacing-md))}.version-text{padding-left:var(--spacing-md)}.version-text p{margin:0;font-size:var(--font-size-small);line-height:1.4;white-space:normal;overflow-y:auto;overflow-x:hidden;height:calc(var(--font-size-small) * 1.4 * 5);scrollbar-width:thin;scrollbar-color:var(--color-black-66) var(--color-black-95)}#integratedFileEditor{padding:var(--padding)}#integratedFileEditor h3{font-size:var(--font-size-large);margin-top:0;margin-bottom:var(--spacing-md)}#integratedFileEditor ul#fileList{list-style:none;padding:0;margin:0 0 10px}#integratedFileEditor li{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;margin-bottom:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:background-color .2s;font-size:var(--font-size-base)}#integratedFileEditor li:hover{background-color:var(--button-hover-bg)}#integratedFileEditor div#fileEditor{display:flex;flex-direction:column}#integratedFileEditor textarea#fileContent{flex-grow:1;width:100%;box-sizing:border-box;margin-bottom:var(--spacing-md);background-color:var(--color-pure-black);color:var(--color-primary);padding:var(--spacing-md);font-family:Roboto Mono,monospace;font-size:var(--font-size-code);resize:none;overflow:auto;white-space:pre;min-height:clamp(100px,20vh,200px)}#integratedFileEditor button#saveFile{padding:5px 10px;background-color:var(--button-action-bg);color:#fff;border:none;border-radius:3px}#integratedFileEditor button#saveFile:hover{background-color:var(--button-action-hover)}.modal{display:none}.modal{display:none;position:fixed;z-index:101;left:0;top:0;width:100%;height:100%;background-color:#000c;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background-color:var(--color-pure-black);color:var(--color-primary);padding:calc(var(--padding) * 1.5);border:1px solid var(--panel-border);border-radius:var(--border-radius-md);width:80%;max-width:clamp(300px,60vw,500px);position:relative}.close{position:absolute;top:var(--spacing-xs);right:var(--spacing-md);color:var(--color-black-33);font-size:var(--font-size-large);font-weight:700;cursor:pointer}.close:hover,.close:focus{color:var(--color-primary)}.modal h2{margin-top:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-large)}.modal textarea{width:100%;background-color:var(--color-pure-black);color:var(--color-primary);border:1px solid var(--panel-border);border-radius:var(--border-radius-sm);padding:var(--spacing-md);font-family:inherit;margin-bottom:var(--spacing-md);resize:vertical;font-size:var(--font-size-base)}.modal canvas{display:block;margin:10px auto;border:1px solid var(--color-black-66)}.modal button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--button-action-bg);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;margin-right:var(--spacing-md);height:var(--control-height);font-size:var(--font-size-button)}.modal button:hover{background-color:var(--button-action-hover)}.modal button:disabled{background-color:#555;cursor:not-allowed}#consent-modal .modal-content.consent-modal-content{background-color:var(--color-pure-black, #0d0d0d);color:var(--color-primary, #e0e0e0);padding:var(--spacing-lg, 25px);border-radius:var(--border-radius-md, 8px);border:1px solid var(--panel-border, #333);text-align:left;max-width:500px;box-shadow:0 5px 15px #0000004d}#consent-modal h2{font-size:var(--font-size-large, 1.5em);margin-top:0;margin-bottom:var(--spacing-md, 15px);color:var(--color-primary, #fff);text-align:center}#consent-modal p{font-size:var(--font-size-base, 1em);line-height:1.6;margin-bottom:var(--spacing-lg, 20px)}#consent-modal .consent-checkbox-container{display:flex;align-items:center;margin-bottom:var(--spacing-lg, 20px);font-size:var(--font-size-small, .9em)}#consent-modal input[type=checkbox]#consent-checkbox{margin-right:var(--spacing-sm, 10px);width:auto;accent-color:var(--color-green-100, #00cc00);min-height:auto}#consent-modal label[for=consent-checkbox]{color:var(--color-primary, #ccc);cursor:pointer}#consent-modal button#consent-accept-btn{display:block;width:100%;padding:var(--spacing-md, 12px) var(--spacing-lg, 20px);font-size:var(--font-size-button, 1em);background-color:var(--button-action-bg, #007bff);color:var(--color-white-100, #fff);border:none;border-radius:var(--border-radius-md, 5px);cursor:pointer;transition:background-color .2s ease}#consent-modal button#consent-accept-btn:disabled{background-color:var(--color-icon-disabled, #555);color:var(--color-black-66, #888);cursor:not-allowed}#consent-modal button#consent-accept-btn:not(:disabled):hover{background-color:var(--button-action-hover, #0056b3)}#webgl-error-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:2000;padding:20px;box-sizing:border-box;font-family:Inter,sans-serif}#webgl-error-message{background-color:var(--color-black-95, #1a1a1a);padding:30px;border-radius:var(--border-radius-md, 8px);border:1px solid var(--panel-border, #333);max-width:600px;box-shadow:0 5px 20px #00000080}#webgl-error-message h2{color:var(--color-red-100, #ff0000);margin-top:0;margin-bottom:15px;font-size:var(--font-size-large, 1.8em)}#webgl-error-message p{margin-bottom:10px;line-height:1.6;font-size:var(--font-size-base, 1em)}#webgl-error-message ul{text-align:left;margin:15px 0;padding-left:30px}#webgl-error-message li{margin-bottom:8px}#webgl-error-details{margin-top:20px;font-size:.8em;color:#aaa;max-height:100px;overflow-y:auto;border-top:1px solid var(--panel-border, #333);padding-top:10px}#authSection{display:flex;flex-direction:column;align-items:center;padding:10px;margin-bottom:10px}#signInButton svg{width:var(--icon-size);height:var(--icon-size)}#userStatus{font-size:var(--font-size-small);color:var(--color-primary);margin-bottom:var(--spacing-sm);text-align:center}#userAvatar{margin-right:0;margin-bottom:var(--spacing-sm)}#authSeparator{border:none;height:1px;background-color:var(--panel-border);width:90%;margin:10px auto;grid-column:1 / -1}.history-title{display:none}.left-panel-icon-group{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;gap:var(--button-spacing, 8px);margin-top:var(--spacing-sm, 5px);margin-bottom:var(--spacing-sm, 5px)}hr.left-panel-separator{grid-column:1 / -1;width:90%;margin:var(--spacing-md, 10px) auto;border:none;height:1px;background-color:var(--panel-border, #444)}.u-initially-hidden{opacity:0!important}body.dimmed>*:not(.highlight){opacity:.25;pointer-events:none;transition:opacity .5s ease-in-out}.highlight{opacity:1!important;pointer-events:auto!important;box-shadow:0 0 15px 5px #00ff84b3;border-radius:50%;transition:box-shadow .3s ease-in-out;position:relative;z-index:9999}.highlighted-element{position:relative;z-index:9999!important;opacity:1!important;pointer-events:auto!important;border-radius:5px;transition:box-shadow .3s ease-in-out,outline .3s ease-in-out}body.dimmed-for-tour>*:not(.highlighted-element){opacity:.25!important;pointer-events:none!important;transition:opacity .5s ease-in-out}.pwa-install-button{display:none}.pwa-install-button.visible{display:flex}textarea:placeholder-shown{caret-color:var(--color-white-100)}textarea:focus:not(:placeholder-shown){caret-color:var(--color-white-100)}#chatInput::placeholder{letter-spacing:.2px;word-spacing:3px}.chat-mode{opacity:1;transition:opacity .3s ease}.chat-mode:focus-within{outline:none}.panel-divider{height:1px;background-color:var(--panel-border);width:100%;margin:calc(var(--spacing-sm) + 2px) 0;padding:0;flex-shrink:0;position:relative;border:none}.content-container{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;min-height:200px;margin-bottom:0}.input-container{flex-shrink:0;display:flex;flex-direction:column;min-height:120px;max-height:200px;margin-top:0}.controls-container{flex-shrink:0;padding:5px;background-color:transparent!important;display:flex;flex-direction:column;border-top:none;min-height:40px}#chatButton.active{color:var(--color-icon-active)}#modelSelect{font-size:14px;line-height:1.4}.code-block,pre,code,#fileContent{font-family:Roboto Mono,monospace}.font-interface{font-family:Inter,sans-serif}.font-chat{font-family:Roboto,sans-serif}.font-code{font-family:Roboto Mono,monospace}.font-tooltip{font-family:Open Sans,sans-serif}#versionTimeline .version-text p{font-family:Roboto,sans-serif}.control-button,.panel-section h3,.prompt-controls select{font-family:Inter,sans-serif}#topPromptInput,#chatInput{font-family:Roboto,sans-serif}#integratedFileEditor textarea{font-family:Roboto Mono,monospace}@media (max-width: 768px),(orientation: portrait){.panel.left-panel,.panel.right-panel{position:fixed!important;top:0!important;height:100dvh!important;z-index:1500!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s ease!important}.panel.left-panel{left:0!important;transform:translate(-100%)!important;width:33.33vw!important;max-width:none!important}.panel.right-panel{right:0!important;transform:translate(100%)!important;width:66.67vw!important}body.left-panel-open .panel.left-panel,body.right-panel-open .panel.right-panel{transform:translate(0)!important}.panel.left-panel.visible,.panel.right-panel.visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(0)!important}body.left-panel-open .main-area,body.right-panel-open .main-area{display:block!important}#gesture-area{position:fixed!important;bottom:2dvh!important;left:50%!important;transform:translate(-50%)!important;background-color:#1e1e1ecc!important;backdrop-filter:blur(5px);z-index:1000!important;border-top:1px solid rgba(255,255,255,.1)!important;display:block!important;visibility:visible!important;pointer-events:auto!important;border-radius:8px}#gesture-area.hands-detected{height:20vh!important;min-height:180px!important}.main-area{height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}#grid-container{height:calc(100dvh - 20vh)!important;min-height:calc(100dvh - 180px)!important;width:100%!important;position:relative!important;z-index:5!important}#togglePanelsButton{bottom:20px!important;top:auto!important;left:20px!important;position:fixed!important;z-index:2000!important;display:flex!important;visibility:visible!important;background-color:#00000080!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%!important;width:50px!important;height:50px!important}.left-panel-group.central-block{grid-template-columns:1fr!important;padding:10px 5px!important}.panel.right-panel .content-container{height:calc(100% - 150px)!important}}@keyframes fadeInEffect{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.u-fade-in-on-load{animation-name:fadeInEffect;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:ease-out}@keyframes pulseHighlight{0%{box-shadow:0 0 15px 5px #ffff00b3;outline:2px solid rgba(255,255,0,.7)}50%{box-shadow:0 0 25px 10px #ffd700e6;outline:3px solid rgba(255,215,0,.9)}to{box-shadow:0 0 15px 5px #ffff00b3;outline:2px solid rgba(255,255,0,.7)}}@keyframes dot-animation{0%,20%{content:"   "}40%{content:".  "}60%{content:".. "}80%,to{content:"..."}}#loading-spinner:after{content:"";animation:dot-animation 1.5s infinite;font-size:24px;font-weight:700;color:var(--color-white-100);font-family:Roboto,sans-serif;display:inline-block;letter-spacing:3px}@keyframes chat-dot-animation{0%,20%{content:"   "}40%{content:".  "}60%{content:".. "}80%,to{content:"..."}}#loadingIndicator:after{content:"";animation:chat-dot-animation 1.5s infinite;font-size:24px;font-weight:700;color:var(--color-white-100);font-family:Roboto,sans-serif;display:inline-block;letter-spacing:3px}html,body{height:100dvh!important;overflow:hidden!important}/*!
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fad.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fad.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,.fa-rotate-90,.fa-rotate-180,.fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}