:root{--ink: #07131d;--ink-2: #0b1e2a;--panel: #102331;--panel-2: #132b3b;--paper: #f7f5ef;--muted: #adc0ca;--sub: #d3e0e4;--red: #ef5448;--blue: #2195ca;--bg: var(--ink);--bg-2: var(--panel);--bg-3: var(--panel-2);--border: rgba(255, 255, 255, .14);--border-soft: rgba(255, 255, 255, .08);--text: var(--paper);--text-dim: var(--muted);--accent: var(--blue);--accent-hover: #34a7db;--font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "Space Mono", "SF Mono", Menlo, Monaco, monospace;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7896aa66;border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#8cafc399;background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-color:rgba(120,150,170,.5) transparent;scrollbar-width:thin}body{background:radial-gradient(circle at 88% 6%,rgba(33,149,202,.14),transparent 22rem),radial-gradient(circle at 6% 30%,rgba(239,84,72,.1),transparent 24rem),linear-gradient(145deg,var(--ink) 0%,var(--ink-2) 55%,var(--ink) 100%);background-attachment:fixed;color:var(--text);font-family:var(--font);font-size:13px}a{color:var(--blue)}button{font-family:inherit;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ffffff0d;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 11px;cursor:pointer;transition:background .15s ease,border-color .15s ease}button svg{flex-shrink:0}button:hover:not(:disabled){background:#ffffff1a}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--blue);border-color:var(--blue);color:#04141d;font-weight:700}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger:hover:not(:disabled){border-color:var(--red);color:var(--red)}input,select,textarea{font-family:inherit;background:#00000040;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2195ca33}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23adc0ca' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.app{display:flex;flex-direction:column;height:100%;overflow:hidden}.topbar{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#07131db8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand img{width:30px;height:30px;border-radius:6px}.brand .brand-name{font-weight:800;letter-spacing:-.2px}.brand .brand-tag{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.topbar-sep{width:1px;height:20px;background:var(--border);margin:0 2px}.topbar .status{color:var(--muted);font-size:11px;font-family:var(--mono)}.pill{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.panes{display:flex;flex:1;min-height:0;min-width:0}.explorer-host{display:flex;flex-direction:column;flex-shrink:0;min-width:0;min-height:0;overflow:hidden}.explorer{width:100%;flex:1;min-height:0;background:#10233180;display:flex;flex-direction:column;overflow:hidden}.explorer .section-head{flex-shrink:0}.explorer .tree{flex:1;overflow-y:auto}.explorer .explorer-empty{flex:1}.explorer-footer{flex-shrink:0;border-top:1px solid var(--border);padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#07131d66}.explorer-footer .footer-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.explorer-footer .footer-btns{display:flex;gap:6px}.explorer-footer button{padding:4px 9px;font-size:11px}.resizer{position:relative;width:1px;flex-shrink:0;background:var(--border);cursor:col-resize;z-index:5}.resizer:after{content:"";position:absolute;top:0;bottom:0;left:-3px;right:-3px;cursor:col-resize}.resizer:hover{background:var(--blue)}.v-resizer{position:relative;height:1px;flex:0 0 1px;background:var(--border);cursor:row-resize;z-index:5}.v-resizer:after{content:"";position:absolute;left:0;right:0;top:-3px;bottom:-3px;cursor:row-resize}.v-resizer:hover{background:var(--blue)}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing.row{cursor:row-resize}body.resizing iframe{pointer-events:none}.explorer-rail{width:36px;flex-shrink:0;background:#10233180;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:8px}.explorer-rail button{padding:4px;border-radius:6px}.explorer-rail .rail-label{writing-mode:vertical-rl;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);-webkit-user-select:none;user-select:none}.center-col,.editor-col{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.preview-col{flex-shrink:0;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.preview-col.maximized{width:100%!important;flex:1}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);border-bottom:1px solid var(--border-soft)}.section-head .row-btns{display:flex;gap:4px}.chat-head{cursor:pointer}.chat-head-left{display:flex;align-items:center;gap:6px}.chat-head-right{display:flex;align-items:center;gap:8px}button.icon-only{padding:2px;background:transparent;border:0}button.icon-only:hover{background:#ffffff14}.section-head button{padding:3px 8px;font-size:12px}.tree{padding-bottom:8px}.folder-item{display:flex;align-items:center;gap:6px;padding:5px 11px;cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--paper);-webkit-user-select:none;user-select:none}.folder-item:hover{background:#ffffff0d}.folder-item .chev{color:var(--muted);flex-shrink:0}.folder-item svg{flex-shrink:0}.folder-item .fname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-item .count{color:var(--muted);font-size:10px;flex-shrink:0;background:#ffffff0f;border-radius:999px;padding:0 6px}.file-item{display:flex;align-items:center;gap:7px;padding:5px 11px;cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--sub)}.file-item:hover{background:#ffffff0d}.file-item.active{background:#2195ca2e;color:var(--paper)}.file-item .ficon{flex-shrink:0;display:inline-flex}.file-item .fname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item.is-deleted{color:var(--muted);cursor:default}.file-item.is-deleted .fname{text-decoration:line-through}.file-item .unsaved{width:6px;height:6px;border-radius:50%;background:#e0b341;flex-shrink:0}.status-badge{flex-shrink:0;font-size:10px;font-weight:700;width:14px;text-align:center;border-radius:3px}.status-badge.s-added{color:var(--blue);background:#2195ca26}.status-badge.s-modified{color:#e0b341;background:#e0b34126}.status-badge.s-deleted{color:var(--red);background:#ef544826}.file-item .act{opacity:0;flex-shrink:0;display:inline-flex;align-items:center;color:var(--muted)}.file-item:hover .act{opacity:.9}.file-item .act.restore{opacity:.9;color:var(--blue)}.file-item .act:hover{color:var(--paper)}.file-item .act.restore:hover{color:var(--accent-hover)}.dir-dot{width:6px;height:6px;border-radius:50%;background:#e0b341;flex-shrink:0}.explorer-empty{padding:12px;color:var(--muted);font-size:12px;line-height:1.5}.history-panel{flex-shrink:0;display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--border);background:#07131d73}.history-head{flex-shrink:0;cursor:default}.history-head .row-btns button{padding:3px 7px}.timeline{flex:1;overflow-y:auto;padding:2px 0}.tl-empty{padding:10px;color:var(--muted);font-size:11px}.tl-item{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 6px;cursor:pointer;font-size:11.5px;font-family:var(--mono);color:var(--sub)}.tl-item:hover{background:#ffffff0d}.tl-item.current{color:var(--paper);background:#2195ca1f}.tl-item.future{opacity:.5}.tl-rail{width:12px;align-self:stretch;display:flex;justify-content:center;position:relative}.tl-rail:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--border)}.tl-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);align-self:center;z-index:1}.tl-item.current .tl-dot{background:var(--blue);box-shadow:0 0 0 3px #2195ca40}.tl-item svg{flex-shrink:0}.tl-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-time{flex-shrink:0;color:var(--muted);font-size:10px}.history-status{flex-shrink:0;border-top:1px solid var(--border-soft);padding:5px 10px;font-size:10.5px;font-family:var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-tabs{display:flex;align-items:center;background:#0003;border-bottom:1px solid var(--border-soft)}.editor-tab{padding:7px 15px;font-family:var(--mono);font-size:12px;border-right:1px solid var(--border-soft);display:flex;gap:7px;align-items:center}.editor-tab .tab-dirty{width:7px;height:7px;border-radius:50%;background:#e0b341}.tab-save{margin-left:auto;margin-right:8px;padding:4px 10px;font-size:11px}.editor-wrap{flex:1;min-height:0}.editor-wrap .diff-gutter-added,.editor-wrap .diff-gutter-modified{width:4px!important;margin-left:3px}.editor-wrap .diff-gutter-added{background:#2ea043}.editor-wrap .diff-gutter-modified{background:#d18616}.editor-wrap .diff-gutter-deleted-before{position:relative}.editor-wrap .diff-gutter-deleted-before:before{content:"";position:absolute;top:-3px;left:2px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid var(--red)}.empty-state{padding:48px;text-align:center;color:var(--muted);min-width:0;overflow:hidden}.image-view{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;overflow:auto;background:repeating-conic-gradient(rgba(255,255,255,.03) 0% 25%,transparent 0% 50%) 50% / 22px 22px}.image-view img,.image-view video{max-width:90%;max-height:62%;border-radius:8px;border:1px solid var(--border)}.image-view .meta{font-family:var(--mono);font-size:11px;color:var(--muted);text-align:center;max-width:100%}.preview-pane{flex:1;min-height:0;display:flex;flex-direction:column}.preview-frame{flex:1;border:0;background:transparent;width:100%}.preview-frame-loading,.preview-frame-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:13px}.preview-frame-error button{font:inherit;cursor:pointer;padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--panel, transparent);color:var(--text)}.preview-frame-error button:hover{border-color:var(--muted)}.chat-pane{display:flex;flex-direction:column;border-top:1px solid var(--border);flex-shrink:0}.chat-pane.collapsed{height:auto!important}.chat-log{flex:1;overflow-y:auto;padding:11px}.msg{margin-bottom:12px;display:flex;align-items:center;gap:6px}:not(.msg) .assistant{margin-top:12px}.msg .bubble{white-space:pre-wrap;word-break:break-word;line-height:1.5;text-align:left;max-width:100%}.msg.user{justify-content:flex-end}.msg.user .bubble{max-width:82%;background:#ffffff0f;border-radius:8px;padding:7px 11px}.msg.assistant .bubble{padding:0}.msg-actions{display:none;align-items:center;gap:2px;flex-shrink:0}.msg:hover .msg-actions{display:flex}.msg-actions button.icon-only{color:var(--muted);padding:3px}.msg-actions button.icon-only:hover{color:var(--paper)}.chat-edit-box{width:100%;border:1px solid var(--blue);border-radius:10px;background:#00000040;padding:7px 9px}.chat-edit-box textarea{width:100%;resize:vertical;border:0;background:transparent;box-shadow:none;padding:0;line-height:1.5;min-height:40px}.chat-edit-box textarea:focus{outline:none;box-shadow:none}.chat-edit-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.chat-edit-actions button{font-size:11px;padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted)}.chat-edit-actions button:hover:not(:disabled){color:var(--paper)}.chat-edit-actions button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.chat-edit-actions button.primary:hover:not(:disabled){background:#2aa8e0}.chat-edit-actions button:disabled{opacity:.45}.tool-event{font-family:var(--mono);font-size:11px;color:var(--blue);background:#00000040;border:1px solid var(--border-soft);border-radius:6px;padding:4px 9px;margin:4px 0}.tool-event{display:flex;align-items:center;gap:6px}.tool-event.err{color:var(--red);border-color:#ef544866}.tool-event.thinking{color:var(--muted);animation:pulse-fade 1.6s ease-in-out infinite}.tool-event.stopped{color:var(--muted)}.tool-event .retry-btn{margin-left:auto;display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid rgba(239,84,72,.4);border-radius:5px;padding:2px 8px;color:inherit;font-family:var(--mono);font-size:11px}.tool-event .retry-btn:hover:not(:disabled){background:#ef544826}.tool-event .retry-btn:disabled{opacity:.5}.tool-event.expandable{cursor:pointer}.tool-event.expandable:hover{border-color:var(--border)}.tool-event-trail{margin-left:auto;display:flex;align-items:center;gap:6px;flex-shrink:0;color:var(--muted)}.tool-elapsed{font-size:10px}.tool-detail{font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--text-dim);background:#0000004d;border:1px solid var(--border-soft);border-radius:6px;padding:6px 9px;margin:-2px 0 4px;max-height:240px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.tool-detail.muted{color:var(--muted)}.tool-detail pre{margin:0;white-space:pre-wrap;word-break:break-word}.tool-detail .diff-line{white-space:pre-wrap}.tool-detail .diff-add{background:#2ea04326;color:#7ee2a8}.tool-detail .diff-del{background:#ef544826;color:#ff9d95}.tool-detail .diff-marker{display:inline-block;width:1em;opacity:.7}.tool-detail .diff-gap{color:var(--muted);opacity:.7;text-align:center;padding:3px 0}.spin{animation:spin .9s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-fade{0%,to{opacity:.55}50%{opacity:1}}.token-usage{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin:2px 0 10px;padding-left:1px}.chat-input{padding:9px}.chat-input-box{position:relative;display:flex;align-items:flex-end;border:1px solid var(--border);border-radius:14px;background:#00000040;transition:border-color .15s ease,box-shadow .15s ease}.chat-input-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2195ca33}.chat-input-box textarea{flex:1;resize:none;border:0;background:transparent;box-shadow:none;padding:8px 38px 8px 14px;margin:4px 6px 4px 0;line-height:1.4;overflow-y:auto;transition:padding-right .15s ease}.chat-input-box.has-scroll textarea{padding-right:50px}.chat-input-box textarea:focus{outline:none;box-shadow:none}.chat-send{position:absolute;right:8px;bottom:9px;width:24px;height:24px;padding:0;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--muted);transition:right .15s ease,background .15s ease,color .15s ease}.chat-input-box.has-scroll .chat-send{right:20px}.chat-send:hover:not(:disabled){background:#ffffff14;color:var(--paper)}.chat-send:not(:disabled){color:var(--blue)}.chat-send:disabled{opacity:.35}.chat-send.stop{background:var(--red);border-color:var(--red);color:#2a0d0a;opacity:1}.chat-send.stop:hover{background:#f4685d}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040c12a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50}.dialog{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:22px;width:470px;max-width:92vw;box-shadow:0 30px 70px #00000080}.dialog h2{margin-top:0;font-size:17px;font-weight:800}.dialog.modal-sm{width:400px}.dialog .modal-msg{color:var(--sub);font-size:13px;line-height:1.5;margin:6px 0 14px}button.danger-solid{background:var(--red);border-color:var(--red);color:#2a0d0a}button.danger-solid:hover:not(:disabled){background:#f4685d}.field{margin-bottom:13px}.field label{display:block;margin-bottom:5px;color:var(--muted);font-size:12px}.field input,.field select{width:100%}.row{display:flex;gap:8px;align-items:center}.dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.badge{font-size:10px;padding:3px 9px;border-radius:999px;font-family:var(--mono);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}.badge svg{flex-shrink:0}.badge.set{background:#4ec9b029;color:#4ec9b0}.badge.unset{background:#ef544829;color:var(--red)}.dialog .row{display:flex;gap:8px;align-items:stretch}.dialog .row>input,.dialog .row>select{flex:1;width:auto;min-width:0}.dialog .row>button{flex-shrink:0;white-space:nowrap}.dialog .row .badge{align-self:center}.settings-saved{color:#4ec9b0;font-size:12px;margin-top:4px}.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle-field label{margin-bottom:0;color:var(--paper);font-size:13px;display:flex;flex-direction:column;gap:2px}.toggle-hint{color:var(--muted);font-size:11px;font-weight:400}.toggle{position:relative;flex-shrink:0;width:38px;height:22px;padding:0;border-radius:999px;background:#ffffff1f;border:1px solid var(--border)}.toggle .toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .15s ease,background .15s ease}.toggle.on{background:#2195ca59;border-color:var(--blue)}.toggle.on .toggle-knob{transform:translate(16px);background:var(--blue)}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center}.login-box{width:340px;padding:30px;border-radius:18px;background:linear-gradient(180deg,#102331e6,#132b3be6);border:1px solid var(--border);box-shadow:0 30px 80px #00000080}.login-box .brand-lockup{display:flex;align-items:center;gap:12px;margin-bottom:6px}.login-box .brand-lockup img{width:52px;height:52px}.login-box h2{margin:0;font-size:18px;font-weight:800}.login-box .tagline{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin:0 0 22px}.error{color:var(--red);font-size:12px;margin-top:8px}.change-line{font-family:var(--mono);font-size:12px;padding:2px 0}.change-line .added{color:var(--blue)}.change-line .modified{color:#e0b341}.change-line .deleted{color:var(--red)}