@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2) format("woff2")}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2) format("woff2")}:root{--bg-main: #020617;--text-main: #f8fafc;--bg-nav: rgba(15, 23, 42, .95);--header-height: 80px;--file-panel-width: 250px;--code-panel-width: 450px;--bg-panel: rgba(15, 23, 42, .5);--brand-accent: #3b82f6;--brand-glow: #60a5fa}html,body{min-height:100%;background-color:var(--bg-main)}body{font-family:Inter,sans-serif;color:var(--text-main)}h1{margin:0}.glass-nav{top:0;left:0;background:var(--bg-nav);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.agent-container{display:flex;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));margin-top:var(--header-height);overflow:hidden}.file-panel{width:var(--file-panel-width);min-width:var(--file-panel-width);border-right:1px solid rgba(255,255,255,.08);background:var(--bg-panel);display:flex;flex-direction:column}.chat-panel{flex:1;display:flex;flex-direction:column;min-width:0}.code-panel{width:var(--code-panel-width);min-width:var(--code-panel-width);border-left:1px solid rgba(255,255,255,.08);background:var(--bg-panel);display:flex;flex-direction:column}.file-item{padding:6px 12px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:8px;color:#94a3b8;transition:all .15s;border-radius:4px;margin:1px 6px}.file-item:hover{background:#3b82f61a;color:#e2e8f0}.file-item.active{background:#3b82f626;color:#60a5fa}.file-icon{font-size:.7rem;width:16px;text-align:center}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:20px}.msg{max-width:85%;margin-bottom:16px}.msg-user{margin-left:auto}.msg-assistant{margin-right:auto}.msg-bubble-user{background:#1e3a5f;border:1px solid rgba(59,130,246,.3);border-radius:16px 16px 4px;padding:12px 16px}.msg-bubble-assistant{background:#111827;border:1px solid rgba(255,255,255,.06);border-radius:16px 16px 16px 4px;padding:12px 16px}.msg-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;color:#64748b}.msg-text{font-size:.875rem;line-height:1.65;color:#cbd5e1;word-wrap:break-word}.msg-text pre{background:#020617;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;margin:8px 0;overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:.8rem}.chat-input-area{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);background:var(--bg-panel)}.chat-input-wrapper{display:flex;gap:10px;align-items:flex-end}#chat-input{background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#f1f5f9;font-size:.875rem;resize:none;flex:1;min-height:48px;max-height:150px;outline:none;font-family:Inter,sans-serif;transition:border-color .15s}#chat-input:focus{border-color:var(--brand-accent)}#chat-input::placeholder{color:#475569}.code-content{flex:1;min-height:0;overflow:auto;padding:16px}.code-content pre{font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.6;color:#cbd5e1;white-space:pre-wrap;margin:0}#preview-iframe{width:100%;height:100%;border:none;background:#fff;border-radius:8px}.panel-tab{padding:10px 16px;font-size:.8rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;color:#64748b;transition:all .15s}.panel-tab.active{color:var(--brand-glow);border-bottom-color:var(--brand-accent)}.modal-overlay{background:#0f172afa;backdrop-filter:blur(12px);position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.modal-box{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(59,130,246,.2);border-radius:1.5rem;padding:2.5rem;max-width:520px;width:90%;max-height:90vh;overflow-y:auto}.sub-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3rem;padding:8px 16px;background:#0d1117;border-bottom:1px solid rgba(255,255,255,.06);font-size:.75rem;overflow:hidden}.sub-bar>.flex{min-width:0}.sub-bar>.flex:last-child{justify-content:flex-end;flex-wrap:wrap;row-gap:.4rem}.model-select{background:#111827;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:4px 8px;border-radius:6px;font-size:.75rem;outline:none;cursor:pointer}.model-select:focus{border-color:var(--brand-accent)}.toggle-switch{position:relative;display:inline-block;width:34px;height:18px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#475569;transition:.3s;border-radius:18px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--brand-accent)}input:checked+.slider:before{transform:translate(16px)}.settings-input{width:100%;background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 12px;color:#f1f5f9;font-size:.8rem;margin-top:4px;outline:none;transition:border-color .15s}.settings-input:focus{border-color:var(--brand-accent)}.settings-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.image-preview-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#3b82f60f;border-top:1px solid rgba(59,130,246,.1)}.image-preview-bar img{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.image-preview-bar .remove-img{cursor:pointer;color:#94a3b8;font-size:.75rem;transition:color .15s}#upload-img-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.1rem;padding:6px;transition:color .15s;flex-shrink:0}.sub-badge{padding:.15rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.25rem;background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.mobile-panel-controls{display:none;align-items:center;gap:.5rem}.mobile-panel-toggle{width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(96,165,250,.25);border-radius:8px;background:#020617;color:#94a3b8;transition:border-color .15s,color .15s,background-color .15s}.mobile-panel-toggle:hover,.mobile-panel-toggle.active{border-color:#3b82f6;color:#bfdbfe;background:#3b82f61f}.modal-box::-webkit-scrollbar{width:6px}.modal-box::-webkit-scrollbar-track{background:transparent}.modal-box::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}.panel-actions{display:flex;align-items:center;gap:.5rem;padding-right:.75rem;margin-left:auto}.panel-download-btn{min-height:2rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid #1e293b;border-radius:6px;background:#020617;padding:.35rem .55rem;color:#60a5fa;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;transition:border-color .15s,color .15s,background-color .15s}.panel-download-btn:hover{border-color:#2563eb;color:#bfdbfe;background:#3b82f614}@media(max-width:1200px){:root{--file-panel-width: 230px;--code-panel-width: 380px}.sub-bar{align-items:flex-start}.sub-bar>.flex:first-child{flex:1 1 18rem}.sub-bar>.flex:last-child{flex:1 1 24rem}.model-select{max-width:min(100%,22rem)}}@media(max-width:640px){.panel-actions{gap:.35rem;padding-right:.5rem}.panel-download-btn{width:2rem;padding:0}.panel-download-btn span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-box{padding:1.5rem}}@media(max-width:900px){.mobile-panel-controls{display:flex}.agent-container{position:relative}.chat-panel{flex:1 1 100%;width:100%}.sub-bar{align-items:stretch;flex-direction:column;overflow:visible}.sub-bar>.flex:first-child,.sub-bar>.flex:last-child{width:100%;flex:0 1 auto;justify-content:flex-start}.sub-bar>.flex:last-child{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.15rem}.sub-bar>.flex:last-child>*{flex:0 0 auto}.model-select{width:100%;max-width:none}.file-panel,.code-panel{position:fixed;top:var(--header-height);bottom:0;z-index:50;width:min(86vw,360px);min-width:0;max-width:100vw;transform:translate(-105%);transition:transform .2s ease}.file-panel{left:0}.code-panel{right:0;transform:translate(105%)}body.show-files .file-panel,body.show-editor .code-panel{transform:translate(0)}}