.diff-review{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;background:#1e1e1e}.diff-review-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#252526;border-bottom:1px solid #3c3c3c;flex-shrink:0}.diff-review-meta{display:flex;align-items:center;gap:10px;min-width:0;flex:1;flex-wrap:wrap}.diff-review-label{font-size:11px;font-weight:600;color:#569cd6;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.diff-review-path{font-size:12px;color:#89d185;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diff-stats{display:flex;gap:8px;font-family:Consolas,monospace;font-size:12px;font-weight:600;flex-shrink:0}.stat-add{color:#89d185}.stat-del{color:#f48771}.diff-review-summary{font-size:12px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.diff-review-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.diff-review-hints{font-size:11px;color:#666;margin-right:4px}.diff-review-actions .btn-sm{margin:0}.btn-reject{background:#555}.btn-reject:hover{background:#666}.btn-accept{background:#1d8043}.btn-accept:hover{background:#249950}.diff-review-editor{flex:1;min-height:0}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-panel{width:min(400px,92vw);background:#252526;border:1px solid #444;border-radius:8px;padding:16px;color:#ccc;box-shadow:0 12px 40px #00000073}.settings-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.settings-panel h3{margin:0;font-size:15px;color:#fff}.settings-close{background:transparent;border:none;color:#888;cursor:pointer;font-size:16px}.settings-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px}.settings-field span{color:#aaa}.settings-field select,.settings-field input{background:#1e1e1e;color:#ddd;border:1px solid #444;border-radius:4px;padding:8px;font-size:13px}.settings-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#ccc;margin:0 0 12px;cursor:pointer;line-height:1.4}.settings-check input{margin-top:2px;flex-shrink:0}.settings-hint{font-size:11px;color:#777;line-height:1.4;margin:0 0 14px}.settings-muted{font-size:12px;color:#888}.settings-error{font-size:12px;color:#f48771}.settings-actions{display:flex;justify-content:flex-end;gap:8px}.btn-primary{background:#0e639c!important;color:#fff!important;border-color:#0e639c!important}.sidebar{width:260px;border-right:none;padding:12px;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;min-width:0}.sidebar h2{font-size:14px;margin:0 0 12px;color:#fff}.sidebar .warn{color:#cca700;font-size:12px;margin-bottom:12px}.sidebar .reconnect-hint{color:#888;font-size:11px;margin:0 0 6px}.sidebar .btn-reconnect{background:#0e639c;color:#fff;border:none;margin-bottom:8px}.sidebar .btn-reconnect:hover{background:#17b}.sidebar button{display:block;width:100%;margin-bottom:6px;padding:8px 10px;background:#2d2d2d;color:#ccc;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:13px}.sidebar button:hover:not(:disabled){background:#3c3c3c}.sidebar button:disabled{opacity:.45;cursor:not-allowed}.file-tree{flex:1;overflow-y:auto;margin-top:4px;font-size:13px}.tree-children{margin-left:12px;border-left:1px solid #333}.tree-row{display:flex;align-items:center;gap:4px;padding:3px 6px;cursor:pointer;border-radius:4px;-webkit-user-select:none;user-select:none}.tree-row:hover{background:#2a2d2e}.tree-row.active{background:#094771}.tree-row.file{padding-left:18px}.tree-icon{width:14px;text-align:center;flex-shrink:0;color:#888;font-size:11px}.tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder .tree-label{color:#e8c07d}.editor-panel{flex:1;display:flex;flex-direction:column;min-width:0}.filename-bar{padding:6px 12px 6px 16px;background:#2d2d2d;font-size:12px;color:#888;border-bottom:1px solid #333;display:flex;align-items:center;gap:8px;min-height:32px}.filename-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filename-preview-btn{margin:0;flex-shrink:0;background:#333}.filename-preview-btn:hover{background:#444}.editor-wrap{flex:1;min-height:0}.status-bar{padding:6px 12px 6px 16px;background:#252526;font-size:12px;border-top:1px solid #333;display:flex;align-items:center;gap:10px;min-height:36px}.status-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-undo{background:#5a3d1a;flex-shrink:0;margin:0}.btn-undo:hover{background:#7a5222}.chat-panel{width:380px;min-width:0;border-left:none;display:flex;flex-direction:column;flex-shrink:0;background:#252526}.chat-topbar{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid #333;background:#1e1e1e;flex-shrink:0}.chat-tabs{display:flex;align-items:center;gap:2px;overflow-x:auto;flex:1;min-width:0}.chat-topbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.model-select{max-width:150px;background:#2d2d2d;color:#ddd;border:1px solid #444;border-radius:4px;padding:4px 6px;font-size:11px}.btn-icon{width:auto;margin:0;padding:4px 8px;background:transparent;border:1px solid #444;color:#aaa;border-radius:4px;font-size:13px}.btn-icon:hover{background:#333;color:#fff}.chat-tab{display:flex;align-items:center;gap:4px;max-width:120px;padding:5px 8px;background:transparent;border:none;border-radius:4px;color:#888;font-size:11px;cursor:pointer;margin:0;width:auto}.chat-tab:hover{background:#2a2a2a;color:#ddd}.chat-tab.active{background:#2d2d2d;color:#fff}.chat-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-tab-close{background:transparent!important;border:none;color:#666;padding:0 2px;margin:0;width:auto;font-size:12px;line-height:1}.chat-tab-close:hover{color:#f48771!important;background:transparent!important}.chat-tab-new{width:auto;margin:0;padding:4px 8px;background:transparent;border:1px solid #444;color:#888;font-size:14px;border-radius:4px;line-height:1}.chat-tab-new:hover{color:#ccc;border-color:#666;background:#2a2a2a}.chat-status-err,.chat-status-warn{font-size:11px;padding:6px 10px;flex-shrink:0}.chat-status-err{color:#f48771;background:#2a1a1a}.chat-status-warn{color:#cca700;background:#2a2a1a}.chat-empty{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:16px 12px;min-height:0}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0}.chat-composer{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.chat-composer.hero{width:100%}.chat-composer.docked{padding:10px;border-top:1px solid #333;background:#252526}.chat-composer textarea{width:100%;min-height:56px;max-height:220px;background:#1e1e1e;color:#ccc;border:1px solid #444;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.45;resize:none;outline:none;overflow-y:auto}.chat-composer.hero textarea{min-height:96px;border-color:#555}.chat-composer textarea:focus{border-color:#0e639c}.msg{max-width:100%;padding:8px 10px;border-radius:8px;font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.msg.user{background:#094771;align-self:flex-end;margin-left:24px}.msg.ai{background:#2d2d2d;align-self:flex-start;margin-right:12px;border:1px solid #3c3c3c}.msg.system{background:transparent;color:#888;font-size:11px;text-align:center;align-self:center}.msg.thinking{background:#1e1e1e;border:1px solid #3c3c3c;align-self:stretch;margin-right:0;padding:0;overflow:hidden}.msg.thinking.live{border-color:#0e639c}.thinking-toggle{width:100%;display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#ccc;font-size:12px;padding:8px 10px;cursor:pointer;text-align:left;margin:0}.thinking-toggle:hover{background:#2a2a2a}.thinking-icon{color:#569cd6;font-size:11px}.thinking-chevron{margin-left:auto;color:#888;font-size:10px}.thinking-steps{list-style:none;margin:0;padding:0 10px 8px}.thinking-steps .step{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#888;padding:3px 0;line-height:1.4}.thinking-steps .step.active{color:#dcdcaa}.thinking-steps .step.done{color:#89d185}.thinking-steps .step.error{color:#f48771}.step-dot{width:6px;height:6px;border-radius:50%;margin-top:5px;flex-shrink:0;background:#555}.step.active .step-dot{background:#569cd6;animation:pulse 1s infinite}.step.done .step-dot{background:#89d185}.step.error .step-dot{background:#f48771}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.step-text{word-break:break-word}.chat-actions{display:flex;gap:6px;justify-content:flex-end}.btn-continue{background:#1d8043!important}.btn-continue:hover{background:#249950!important}.btn-send{background:#0e639c!important}.browser-preview{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;background:#1e1e1e}.browser-preview-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#252526;border-bottom:1px solid #333;flex-shrink:0}.browser-preview-label{font-size:11px;font-weight:600;color:#569cd6;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.browser-preview-url{flex:1;min-width:0;background:#1e1e1e;border:1px solid #444;color:#ddd;border-radius:4px;padding:6px 8px;font-size:12px;font-family:Consolas,monospace}.browser-preview-url:focus{outline:none;border-color:#0e639c}.browser-preview-bar .btn-sm{margin:0;flex-shrink:0}.browser-preview-frame{flex:1;width:100%;border:0;background:#fff;min-height:0}.browser-preview-blocked{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#aaa;font-size:13px;padding:24px;text-align:center}.browser-preview-blocked-title{font-size:15px;color:#f0c674;margin:0;font-weight:600}.browser-preview-blocked-sub{font-size:12px;color:#888;max-width:420px;margin:0;line-height:1.4}.btn-open-tab{background:#0e639c!important;margin-top:4px}.browser-preview-hint{flex-shrink:0;padding:4px 10px;font-size:10px;color:#666;border-top:1px solid #333}#root{height:100vh}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.reconnect-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:#3a3a00;border-bottom:1px solid #665c00;color:#e8d48b;font-size:12px;flex-shrink:0}.reconnect-banner .btn-sm{background:#0e639c;flex-shrink:0}.resize-handle{width:4px;flex-shrink:0;cursor:col-resize;background:#333;position:relative;z-index:5}.resize-handle:hover,.resize-handle.dragging{background:#0e639c}.resize-handle:after{content:"";position:absolute;top:0;right:-3px;bottom:0;left:-3px}button{background:#0e639c;color:#fff;border:none;padding:8px 14px;border-radius:4px;cursor:pointer;margin-bottom:8px;width:100%}button:hover{background:#17b}button:disabled{opacity:.5;cursor:not-allowed}.btn-sm{width:auto;margin:0;padding:4px 10px;font-size:11px}.undo-toast{position:fixed;bottom:48px;left:50%;transform:translate(-50%);z-index:1100;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#2d2d2d;border:1px solid #5a3d1a;border-radius:8px;box-shadow:0 8px 28px #00000073;font-size:12px;color:#ccc;max-width:min(560px,92vw)}.undo-toast code{color:#89d185;font-size:11px}.undo-toast .btn-sm{margin:0}.undo-toast .btn-undo{background:#5a3d1a}.undo-toast .btn-undo:hover{background:#7a5222}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#1e1e1e;color:#ccc}