@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--background: #212121;--sidebar-bg: #171717;--text-primary: #ececec;--text-secondary: #b4b4b4;--accent: #10a37f;--accent-hover: #1a7f64;--border-color: #383838;--input-bg: #2f2f2f;--user-bubble: #2f2f2f;--ai-msg-bg: transparent;--card-hover: #2a2a2a;--error: #ef4444;--warning: #f59e0b;--success: #10b981;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--text-primary);overflow:hidden;height:100vh;width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff40}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBorder{0%{border-color:var(--border-color)}50%{border-color:var(--accent)}to{border-color:var(--border-color)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.chat-app-layout-root{display:flex;width:100vw;height:100vh;overflow:hidden;background-color:var(--background);position:relative}.chat-sidebar-panel{width:260px;height:100%;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;z-index:100;transition:transform .25s cubic-bezier(.16,1,.3,1),margin-left .25s cubic-bezier(.16,1,.3,1)}.sidebar-expanded .chat-sidebar-panel{transform:translate(0)}.sidebar-collapsed .chat-sidebar-panel{margin-left:-260px;transform:translate(-100%)}.sidebar-header{padding:16px;display:flex;gap:10px;align-items:center}.new-chat-btn{flex-grow:1;display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;transition:background-color .15s,border-color .15s}.new-chat-btn:hover{background-color:#ffffff0d;border-color:#ffffff40}.sidebar-collapse-btn-desktop{background:transparent;border:none;color:var(--text-secondary);padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sidebar-collapse-btn-desktop:hover{background-color:#ffffff0d;color:var(--text-primary)}.sidebar-sessions-list{flex-grow:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.sidebar-section-title{font-size:.72rem;font-weight:600;color:#ffffff59;padding:8px 12px;letter-spacing:.08em}.session-list-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;transition:background-color .15s,color .15s;color:var(--text-secondary);position:relative;group:hover}.session-list-item:hover,.session-list-item.active{background-color:#ffffff0f;color:var(--text-primary)}.session-item-icon{display:flex;align-items:center;justify-content:center;opacity:.7;flex-shrink:0}.session-item-title-container{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.session-item-title-text{display:block;overflow:hidden;text-overflow:ellipsis}.session-title-edit-input{background:#0d0d0d;border:1px solid var(--accent);color:var(--text-primary);border-radius:4px;padding:2px 4px;width:100%;font-size:.85rem;outline:none;font-family:var(--font-sans)}.session-item-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.session-list-item:hover .session-item-actions{opacity:1}.session-action-btn{background:transparent;border:none;color:var(--text-secondary);padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.session-action-btn:hover{background-color:#ffffff1a;color:var(--text-primary)}.session-action-btn.delete-btn:hover{color:var(--error)}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px}.sidebar-footer-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;text-align:left;transition:background-color .15s,color .15s}.sidebar-footer-btn:hover{background-color:#ffffff0d;color:var(--text-primary)}.sidebar-profile-node{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-top:4px;border-radius:8px;background-color:#ffffff05}.profile-logo{width:32px;height:32px;background-color:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.profile-info{display:flex;flex-direction:column;overflow:hidden}.profile-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-status{font-size:.72rem;color:var(--text-secondary)}.chat-main-workstation{flex-grow:1;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:var(--background)}.workstation-header{height:60px;padding:0 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background-color:#212121d9;backdrop-filter:blur(12px);z-index:50;position:relative}.header-left,.header-right{display:flex;align-items:center;gap:12px;z-index:10}.header-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.workstation-logo{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);user-select:none}.sidebar-toggle-trigger,.workstation-settings-trigger{background:transparent;border:none;color:var(--text-secondary);padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sidebar-toggle-trigger:hover,.workstation-settings-trigger:hover{background-color:#ffffff0d;color:var(--text-primary)}.model-selector-pill{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:#ffffff0a;border:1px solid var(--border-color);border-radius:99px}.model-bullet{width:8px;height:8px;background-color:var(--accent);border-radius:50%}.model-name{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.workstation-messages-container{flex-grow:1;overflow-y:auto;padding-bottom:120px}.messages-max-width-wrapper{max-width:768px;margin:0 auto;padding:24px 16px;width:100%}.message-row{display:flex;gap:16px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.04);animation:fadeIn .3s ease forwards}.message-avatar-container{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:50%;flex-shrink:0}.sender-ai .message-avatar-container{background-color:#0d0d0d}.message-body-container{flex-grow:1;overflow-x:hidden}.message-sender-header{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.message-bubble{font-size:.975rem;line-height:1.65;color:var(--text-primary)}.sender-user{justify-content:flex-end;flex-direction:row-reverse}.sender-user .message-sender-header{text-align:right}.sender-user .message-bubble{background:linear-gradient(135deg,#2f2f2f,#242424);border:1px solid rgba(255,255,255,.05);padding:12px 18px;border-radius:1.25rem 1.25rem .25rem;max-width:85%;word-break:break-word;display:inline-block;float:right;box-shadow:0 3px 12px #00000026,inset 0 1px #ffffff08}.sender-user .message-body-container:after{content:"";display:block;clear:both}.message-status{display:flex;align-items:center;gap:6px;font-size:.68rem;margin-top:6px;user-select:none;font-family:var(--font-mono);opacity:.65;transition:opacity .15s ease}.message-status:hover{opacity:.95}.sender-user .message-status{float:right;clear:right;margin-right:8px}.sender-ai .message-status{float:left;clear:left;margin-left:2px}.status-icon{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700}.status-timestamp{color:#ffffff73;font-weight:500}.sender-ai .message-bubble{background-color:transparent;padding:0;max-width:100%}.thinking-accordion{margin-top:6px;margin-bottom:14px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background-color:#ffffff05}.thinking-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:transparent;border:none;color:var(--accent);font-size:.82rem;font-weight:500;cursor:pointer}.thinking-accordion-header:hover{background-color:#ffffff08}.thought-summary{padding:14px;background-color:#0003;border-top:1px solid var(--border-color);font-size:.85rem;color:var(--text-secondary);white-space:pre-wrap;line-height:1.5}.code-block-container{background-color:#0d0d0d;border-radius:10px;margin:14px 0;border:1px solid var(--border-color);overflow:hidden}.code-block-header{display:flex;justify-content:space-between;align-items:center;background-color:#171717;padding:8px 16px;border-bottom:1px solid var(--border-color)}.code-block-lang{font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:lowercase}.copy-code-button{background:transparent;border:none;color:var(--text-secondary);font-size:.72rem;cursor:pointer;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px}.copy-code-button:hover{background-color:#ffffff0d;color:var(--text-primary)}.code-block-container pre{margin:0;padding:16px;overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;line-height:1.5}.browser-mockup-frame{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background-color:#1e1e1e;margin:20px 0;box-shadow:0 10px 25px -5px #0006}.browser-header{height:42px;background-color:#141414;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 16px;justify-content:space-between}.browser-control-dots{display:flex;gap:6px;align-items:center}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-red{background-color:#ff5f56}.dot-yellow{background-color:#ffbd2e}.dot-green{background-color:#27c93f}.browser-url-bar{width:50%;background-color:#242424;border-radius:6px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.03)}.browser-url-text{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary)}.browser-refresh-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px}.browser-refresh-btn:hover{background-color:#ffffff0d;color:var(--text-primary)}.browser-body{background-color:#fff;height:auto;position:relative}.browser-body iframe{width:100%;border:none;background-color:#fff;display:block}.image-container-display{margin-top:14px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background-color:#171717}.generated-image-file{max-width:100%;height:auto;display:block;border-bottom:1px solid var(--border-color)}.image-prompt-caption{padding:12px 16px;font-size:.85rem;color:var(--text-secondary);background-color:#00000026}.api-key-warning-card{display:flex;gap:16px;padding:16px;background-color:#f59e0b0d;border:1px solid rgba(245,158,11,.25);border-radius:10px;margin-bottom:24px}.warning-icon{font-size:1.5rem}.warning-body h4{font-size:.9rem;font-weight:600;color:var(--warning);margin-bottom:4px}.warning-body p{font-size:.8rem;color:var(--text-secondary);margin-bottom:12px}.configure-now-btn{background-color:var(--warning);color:#1e1e1e;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:600;cursor:pointer}.welcome-dashboard{padding:40px 0;width:100%}.welcome-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:48px}.welcome-logo-outer{width:64px;height:64px;background-color:#ffffff08;border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.welcome-logo-inner{width:48px;height:48px;background-color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.welcome-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.welcome-subtitle{font-size:1rem;color:var(--text-secondary)}.presets-grid-wrapper{width:100%}.presets-grid-header{font-size:.72rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px;letter-spacing:.05em;padding-left:2px}.presets-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:640px){.presets-cards-grid{grid-template-columns:1fr}}.preset-card{background-color:transparent;border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:background-color .15s,border-color .15s,transform .15s;outline:none}.preset-card:hover{background-color:#ffffff08;border-color:#ffffff26;transform:translateY(-2px)}.preset-card-content{display:flex;gap:14px;align-items:flex-start;flex-grow:1;overflow:hidden}.preset-card-icon{font-size:1.25rem;margin-top:2px}.preset-card-text{display:flex;flex-direction:column;overflow:hidden}.preset-card-label{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.preset-card-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-card-arrow{color:var(--text-secondary);opacity:0;transition:opacity .15s,transform .15s;transform:translate(-4px);flex-shrink:0}.preset-card:hover .preset-card-arrow{opacity:1;transform:translate(0)}.typing-indicator-wrapper{display:flex;gap:16px;padding:24px 0}.typing-bubble{display:flex;align-items:center;gap:5px;background-color:#ffffff08;padding:10px 16px;border-radius:12px;border:1px solid var(--border-color)}.typing-dot{width:6px;height:6px;background-color:var(--accent);border-radius:50%;animation:typingBounce 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.workstation-footer{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#21212100,#212121f2 40%,#212121);padding:24px 16px;z-index:10}.footer-max-width-wrapper{max-width:768px;margin:0 auto}.floating-input-bar{background-color:#2f2f2fb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:10px 16px;box-shadow:0 12px 40px -12px #0009;display:flex;flex-direction:column;gap:8px;transition:all .25s cubic-bezier(.16,1,.3,1)}.floating-input-bar:focus-within{border-color:#ffffff2e;background-color:#2f2f2ff2;box-shadow:0 16px 48px -10px #000000b3,0 0 0 1px #ffffff0a}.input-image-preview-tray{display:flex;padding-bottom:4px}.preview-image-node{position:relative;width:52px;height:52px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.preview-image-node img{width:100%;height:100%;object-fit:cover}.remove-preview-image-btn{position:absolute;top:2px;right:2px;width:14px;height:14px;background-color:#000000a6;border-radius:50%;border:none;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.input-interactive-row{display:flex;align-items:center;gap:12px}.input-tool-btn{background:transparent;border:none;color:var(--text-secondary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;flex-shrink:0;transition:all .15s ease}.input-tool-btn:hover{background-color:#ffffff0f;color:var(--text-primary);transform:scale(1.05)}.interactive-chat-input{flex-grow:1;background:transparent;border:none;color:var(--text-primary);font-size:.975rem;outline:none;font-family:var(--font-sans);padding:6px 0}.interactive-chat-input::placeholder{color:#ffffff59}.send-message-trigger{width:36px;height:36px;border-radius:50%;border:none;background-color:#ffffff0a;color:#ffffff40;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1)}.send-message-trigger.vibrant-active{background-color:var(--accent);color:#fff;box-shadow:0 4px 12px #10a37f40}.send-message-trigger.vibrant-active:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #10a37f59}.workstation-footer-disclaimer{font-size:.7rem;color:#ffffff59;text-align:center;margin-top:10px;letter-spacing:.01em}.uploaded-image-container{margin-bottom:10px}.user-uploaded-image-file{max-width:260px;height:auto;border-radius:10px;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000026}.modal-overlay{position:fixed;inset:0;background-color:#0d0d0dbf;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.modal-content{background-color:#1e1e1e;border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:540px;max-height:85vh;box-shadow:0 30px 60px -15px #000c,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;animation:scaleIn .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:18px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-header-title{display:flex;align-items:center;gap:12px}.settings-header-icon-wrapper{width:32px;height:32px;border-radius:8px;background-color:#10a37f1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-header h2{font-size:1.05rem;font-weight:600;color:var(--text-primary);line-height:1.2}.modal-header-subtitle{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.modal-close{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.modal-close:hover{background-color:#ffffff1a;color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-section-header{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.settings-section-header h3{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.setting-card{background-color:#171717;border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px}.setting-card.toggles-list{gap:0;padding:0}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border-bottom:1px solid rgba(255,255,255,.03)}.setting-row:last-child{border-bottom:none}.setting-row-info{display:flex;flex-direction:column;gap:4px;flex-grow:1}.setting-row-title-container{display:flex;align-items:center;gap:10px}.setting-row-title-container label{font-size:.88rem;font-weight:600;color:var(--text-primary);cursor:pointer}.setting-row-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4;max-width:320px}.setting-group{display:flex;flex-direction:column;gap:6px}.setting-group.no-margin{margin:0}.setting-group label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.select-wrapper{position:relative;width:100%}.select-wrapper:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-secondary);pointer-events:none}.setting-group select,.setting-group input[type=text],.setting-group input[type=password]{width:100%;background-color:#121212;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:10px 14px;font-size:.88rem;outline:none;transition:border-color .15s,box-shadow .15s;font-family:var(--font-sans)}.setting-group select{appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer}.setting-group select:focus,.setting-group input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #10a37f26}.input-with-icon-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-leading-icon{position:absolute;left:12px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;pointer-events:none}.input-with-leading-icon{padding-left:36px!important;padding-right:40px!important}.input-trailing-action{position:absolute;right:6px;width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s,color .15s}.input-trailing-action:hover{background-color:#ffffff0d;color:var(--text-primary)}.setting-help-text{font-size:.74rem;color:var(--text-secondary);line-height:1.4;margin-top:4px}.toggle-wrapper{display:flex;align-items:center;gap:12px;flex-shrink:0}.toggle-status-badge{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:99px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);transition:all .2s;user-select:none}.toggle-status-badge.active{background-color:#10a37f14;border-color:#10a37f33;color:var(--accent)}.switch{position:relative;display:inline-block;width:42px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#2e2e2e;transition:.2s cubic-bezier(.16,1,.3,1);border-radius:24px;border:1px solid rgba(255,255,255,.05)}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#ececec;transition:.2s cubic-bezier(.16,1,.3,1);border-radius:50%;box-shadow:0 1px 3px #0006}.switch input:checked+.slider{background-color:var(--accent)}.switch input:checked+.slider:before{transform:translate(18px);background-color:#fff}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background-color:#1a1a1a;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.modal-footer-security{font-size:.74rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.settings-save-button{background-color:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .15s}.settings-save-button:hover{background-color:var(--accent-hover)}.sidebar-mobile-overlay{position:fixed;inset:0;background-color:#00000080;z-index:90;display:none}@media(max-width:768px){.sidebar-mobile-overlay{display:block}.chat-sidebar-panel{position:absolute;top:0;left:0;bottom:0}}.help-tooltip-container{position:relative;display:inline-block}.help-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.help-button:hover{background-color:#ffffff0d;color:var(--text-primary);border-color:#ffffff26}.help-tooltip{position:absolute;top:44px;right:0;width:280px;background-color:#1e1e1e;border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080;z-index:200;animation:fadeIn .15s cubic-bezier(.16,1,.3,1) forwards}.help-tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.04)}.help-tooltip-header h3{font-size:.85rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em}.help-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;padding:2px}.help-close:hover{color:var(--text-primary)}.help-shortcuts{display:flex;flex-direction:column;gap:10px}.help-shortcut{display:flex;justify-content:space-between;align-items:center}.help-key{background-color:#141414;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2px 6px;font-family:var(--font-mono);font-size:.72rem;color:var(--accent);box-shadow:0 1px 1px #00000080}.help-description{font-size:.78rem;color:var(--text-secondary)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}.animate-toast-in{animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.toast-notification{display:flex;gap:14px;background-color:#1e1e1ef2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;box-shadow:0 20px 40px -10px #0009,0 0 0 1px #ffffff05;position:relative;overflow:hidden;max-width:360px;width:100%;pointer-events:auto;transition:all .25s cubic-bezier(.16,1,.3,1)}.toast-notification.success{border-left:4px solid var(--success)}.toast-notification.error{border-left:4px solid var(--error)}.toast-notification.warning{border-left:4px solid var(--warning)}.toast-notification.info{border-left:4px solid var(--accent)}.toast-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0}.toast-notification.success .toast-icon-wrapper{background-color:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.15)}.toast-notification.error .toast-icon-wrapper{background-color:#ef44441a;color:var(--error);border:1px solid rgba(239,68,68,.15)}.toast-notification.warning .toast-icon-wrapper{background-color:#f59e0b1a;color:var(--warning);border:1px solid rgba(245,158,11,.15)}.toast-notification.info .toast-icon-wrapper{background-color:#10a37f1a;color:var(--accent);border:1px solid rgba(16,163,127,.15)}.toast-content{flex-grow:1;padding-right:12px;display:flex;flex-direction:column;justify-content:center}.toast-title{font-size:.82rem;font-weight:600;color:var(--text-primary);line-height:1.3}.toast-message{font-size:.74rem;color:var(--text-secondary);margin-top:4px;line-height:1.4}.toast-close{background:transparent;border:none;color:#8e8e8e;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;transition:background-color .15s,color .15s;align-self:flex-start}.toast-close:hover{background-color:#ffffff0d;color:var(--text-primary)}.toast-progress-bar{position:absolute;bottom:0;left:0;height:2px;width:100%}.toast-notification.success .toast-progress-bar{background-color:var(--success)}.toast-notification.error .toast-progress-bar{background-color:var(--error)}.toast-notification.warning .toast-progress-bar{background-color:var(--warning)}.toast-notification.info .toast-progress-bar{background-color:var(--accent)}.notification-toast-container{position:fixed!important;bottom:24px!important;right:24px!important;z-index:99999!important;display:flex!important;flex-direction:column!important;gap:10px!important;max-width:360px!important;width:100%!important;pointer-events:none!important}@media(max-width:768px){.notification-toast-container{bottom:16px!important;right:16px!important;left:16px!important;max-width:calc(100% - 32px)!important}}.pwa-prompt-container{position:fixed;bottom:24px;left:24px;right:24px;background-color:#1e1e1e;border:1px solid #333;border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 20px 48px -10px #000c,0 0 0 1px #ffffff08;z-index:1000;animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@media(min-width:768px){.pwa-prompt-container{left:auto;right:24px;width:380px}}.pwa-prompt-content{display:flex;align-items:center;gap:12px}.pwa-prompt-icon-wrapper{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background-color:#10a37f1a;color:var(--accent);border:1px solid rgba(16,163,127,.15);flex-shrink:0}.pwa-prompt-text{display:flex;flex-direction:column}.pwa-prompt-title{font-size:.84rem;font-weight:600;color:var(--text-primary);line-height:1.2}.pwa-prompt-message{font-size:.74rem;color:var(--text-secondary);margin-top:3px;line-height:1.3}.pwa-prompt-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pwa-prompt-btn-primary{background-color:var(--accent);color:#fff;border:none;font-size:.78rem;font-weight:600;padding:7px 14px;border-radius:8px;cursor:pointer;transition:background-color .15s}.pwa-prompt-btn-primary:hover{background-color:var(--accent-hover)}.pwa-prompt-btn-secondary{background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;cursor:pointer;transition:background-color .15s,color .15s}.pwa-prompt-btn-secondary:hover{background-color:#ffffff14;color:var(--text-primary)}.message-block-title{display:flex;align-items:center;gap:8px;font-size:.825rem;font-weight:600;color:var(--text-secondary);background-color:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:8px 14px;margin:8px 0;font-family:var(--font-sans);width:fit-content;user-select:none;transition:all .2s ease-in-out}.message-block-title.clickable{cursor:pointer;background-color:#10a37f0f;border-color:#10a37f40;color:var(--accent)}.message-block-title.clickable:hover{background-color:#10a37f1f;border-color:#10a37f73;color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #10a37f26}.message-block-title.clickable:active{transform:translateY(0)}.message-block-title svg{transition:transform .2s ease-in-out}.html-stream-loading-box{border:1px solid rgba(16,163,127,.25);border-radius:12px;overflow:hidden;background-color:#171717;margin:16px 0;box-shadow:0 10px 25px -5px #0006;height:220px;display:flex;flex-direction:column;position:relative;animation:pulseBorder 2.5s infinite ease-in-out}.html-stream-loading-header{height:38px;background-color:#111;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 16px;justify-content:space-between;flex-shrink:0}.html-stream-loading-dots{display:flex;gap:6px;align-items:center}.html-stream-loading-title{font-size:.75rem;font-weight:600;color:var(--accent);font-family:var(--font-sans);letter-spacing:.02em}.html-stream-loading-body{flex-grow:1;position:relative;overflow:hidden;padding:16px;background-color:#0c0c0c}.html-stream-blurred-content{font-family:var(--font-mono);font-size:.8rem;line-height:1.5;color:#fff6;filter:blur(4px);opacity:.35;white-space:pre-wrap;word-break:break-all;user-select:none;pointer-events:none;height:100%;overflow:hidden}.html-stream-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at center,#0c0c0cb3 30%,#0c0c0cf2);z-index:5}.html-stream-spinner{width:28px;height:28px;border:2px solid rgba(16,163,127,.15);border-top:2px solid var(--accent);border-radius:50%;animation:htmlSpinnerSpin 1s linear infinite}.html-stream-loading-text{font-size:.825rem;font-weight:500;color:var(--text-primary);animation:pulseText 1.5s infinite ease-in-out}@keyframes htmlSpinnerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseText{0%,to{opacity:.7}50%{opacity:1}}@media(max-width:768px){body{overflow:hidden}.chat-app-layout-root{height:100vh;height:100dvh}.messages-max-width-wrapper{padding:16px 12px;gap:16px}.message-row{gap:12px;padding:16px 0}.message-bubble{max-width:90%;font-size:.95rem}.browser-mockup-frame{margin:12px 0}.browser-body{height:auto}.floating-input-bar{border-radius:16px;padding:6px 10px}.modal-content{width:100%;height:100%;border-radius:0;max-height:100vh}}@supports (padding: env(safe-area-inset-top)){.workstation-header{padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top))}.workstation-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}