:root{--bg: #0d0d0d;--surface: #1a1a1a;--text: #e8e4db;--text-muted: #a8a29e;--text-faint: #6f6f78;--prompt: #f26522;--error: #ef4444;--success: #22c55e;--info: #60a5fa;--border: #333;--primary: #f26522;--text-xxs: 10px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 28px;--thumbnail-size: 150px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg);color:var(--text);overflow:hidden}body{font-family:Consolas,Courier New,monospace;font-size:1rem}#app-wrapper{display:flex;height:calc(100vh - 25px)}#terminal{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:12px;cursor:text}body.split .status-bar{right:50%}body.split #app-wrapper{height:100vh}body.split #content-area{flex:0 0 50%;margin-bottom:25px}.preview-frame{display:none;border:none;border-left:1px solid var(--border);background:#fff;height:100%}body.split .preview-frame{display:block;flex:0 0 50%}.file-viewer{display:none;flex-direction:column;border-left:1px solid var(--border);background:var(--bg);height:100%;position:relative}body.split .file-viewer{display:flex;flex:1;min-width:0}.file-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;min-height:0}.file-viewer-img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.file-viewer-video{max-width:100%;max-height:100%;object-fit:contain}.file-viewer-label{padding:6px 12px;color:var(--text-muted);font-size:var(--text-xs);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid var(--border);flex-shrink:0}.file-viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:var(--text);border:none;font-size:var(--text-sm);padding:12px 8px;cursor:pointer;opacity:0;transition:opacity .2s;z-index:2}.file-viewer-arrow-left{left:0}.file-viewer-arrow-right{right:0}.file-viewer:hover .file-viewer-arrow{opacity:.7}.file-viewer-arrow:hover{opacity:1!important;background:#000c}.output-line{white-space:pre-wrap;word-break:break-word;line-height:1.1;padding:0 4px}.output-line a{color:var(--primary);text-decoration:underline}.output-line a:hover{opacity:.8}.output-line.error{color:var(--error)}.error-detail{color:var(--muted);font-size:var(--text-xs);margin-top:2px}.output-line.success{color:var(--success)}.output-line.muted{color:var(--text-muted)}.output-line.faint{color:var(--text-faint)}.output-line.queued{color:var(--text-muted);font-style:italic}.response-zone{display:block}.output-line.insert-marker{color:var(--primary);font-style:italic;padding:2px 4px}.input-row{display:flex;align-items:flex-start;line-height:1.1;padding:0 4px}.input-row .prompt-label{color:var(--prompt);flex-shrink:0;line-height:1.1;white-space:pre}.input-row textarea{flex:1;background:transparent;color:var(--text);border:none;outline:none;font-family:inherit;font-size:inherit;line-height:1.1;resize:none;overflow:hidden;padding:0;margin:0;min-height:1.1em;caret-color:var(--text)}.input-row textarea::placeholder{color:var(--text-faint)}.input-row.locked textarea{opacity:.4;pointer-events:none}.input-row.completed textarea{pointer-events:none;opacity:1}.output-line.streaming{position:relative;padding-left:20px}.output-line.agent-response{position:relative;padding-left:20px;white-space:normal;line-height:1.1}.output-line.streaming:before,.output-line.agent-response:before{content:"●";color:var(--text-muted);position:absolute;left:4px;top:0;line-height:inherit}.agent-response p{margin:.4em 0}.agent-response>:first-child{margin-top:0}.agent-response>:last-child{margin-bottom:0}.agent-response h1,.agent-response h2,.agent-response h3,.agent-response h4,.agent-response h5,.agent-response h6{margin:.6em 0 .3em;line-height:1.3}.agent-response h1{font-size:1.3em}.agent-response h2{font-size:1.2em}.agent-response h3{font-size:1.1em}.agent-response h4,.agent-response h5,.agent-response h6{font-size:1em}.agent-response ul,.agent-response ol{padding-left:1.6em;margin:.4em 0}.agent-response li{margin:.2em 0}.agent-response li>ul,.agent-response li>ol{margin:.1em 0}.agent-response blockquote{border-left:3px solid var(--primary);padding:.3em .8em;margin:.4em 0;color:var(--text-muted)}.agent-response a{color:var(--primary);text-decoration:underline}.agent-response a:hover{opacity:.8}.agent-response hr{border:none;border-top:1px solid var(--border);margin:.6em 0}.agent-response del{color:var(--text-muted)}.agent-response table{border-collapse:collapse;margin:.4em 0;width:auto}.agent-response th,.agent-response td{border:1px solid var(--border);padding:4px 10px;text-align:left}.agent-response th{background:#2a2a2a;font-weight:700}.agent-response tr:nth-child(2n) td{background:#ffffff08}.agent-response code{background:#2a2a2a;padding:1px 4px;border-radius:3px;font-size:.9em}.agent-response pre{background:#2a2a2a;padding:8px;border-radius:4px;overflow-x:auto;margin:4px 0;white-space:pre}.agent-response pre code{background:none;padding:0}.tool-block{margin:2px 0}.tool-header{color:var(--text-muted);padding:0 4px;line-height:1.3;cursor:default}.tool-header.active{color:var(--text-faint);animation:pulse 1.4s ease-in-out infinite}.tool-header.done{cursor:pointer}.tool-header.done:hover{color:var(--text-secondary, var(--text))}.tool-icon{display:inline-block}.tool-meta{color:var(--text-faint);font-size:var(--text-sm, 14px)}.tool-details{display:none;white-space:pre-wrap;color:var(--text-faint);font-size:var(--text-sm, 14px);padding:4px 0 4px 12px;border-left:2px solid var(--border);margin:4px 0;max-height:300px;overflow-y:auto}.tool-details.expanded{display:block}.thinking{color:var(--text-faint);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.thinking-block{margin:2px 0}.thinking-label{display:inline-block;cursor:default;color:var(--text-faint);font-size:var(--text-sm)}.thinking-label.active{animation:pulse 1.4s ease-in-out infinite}.thinking-label.done{cursor:pointer}.thinking-label.done:hover{color:var(--text-muted)}.thinking-content{display:none;white-space:pre-wrap;color:var(--text-faint);font-size:var(--text-sm);padding:4px 0 4px 12px;border-left:2px solid var(--border);margin:4px 0;max-height:400px;overflow-y:auto}.thinking-content.expanded{display:block}.attachment-strip{display:flex;flex-wrap:wrap;gap:8px;padding:4px}.attachment-card{display:flex;flex-direction:column;gap:2px}.attachment-img{max-height:var(--thumbnail-size);align-self:flex-start;border-radius:4px;border:1px solid var(--border)}.attachment-label{color:var(--text-muted);font-size:var(--text-sm, 14px)}.image-cards{display:flex;flex-wrap:wrap;gap:8px;padding:4px}.image-card{display:flex;flex-direction:column;gap:2px;cursor:pointer}.image-card-fallback{color:var(--text-muted);font-size:var(--text-sm)}.audio-cards{display:flex;flex-direction:column;gap:6px;padding:4px}.audio-card{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;max-width:360px}.audio-card-play{background:none;border:none;color:var(--primary);font-size:var(--text-lg);cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audio-card-play:hover{color:var(--primary-hover)}.audio-card-canvas{flex:1;min-width:0;height:40px;cursor:pointer;border-radius:2px}.audio-card-filename{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;flex-shrink:0}.dir-grid{display:flex;flex-wrap:wrap;gap:12px;padding:8px 4px}.dir-tile{display:flex;flex-direction:column;align-items:center;width:var(--thumbnail-size);gap:4px}.dir-tile-icon{font-size:64px;line-height:1;height:var(--thumbnail-size);display:flex;align-items:center;justify-content:center}.dir-tile .attachment-img{width:var(--thumbnail-size);height:var(--thumbnail-size);max-height:var(--thumbnail-size);object-fit:contain;background:var(--bg)}.dir-tile-name{font-size:var(--text-xs, 12px);color:var(--text);text-align:center;word-break:break-all;max-width:100%}.file-content{white-space:pre;word-break:break-all;font-size:var(--text-xs);line-height:1.4;color:var(--text-muted);padding:0 4px}.dir-entry{display:inline;padding:1px 4px;border-radius:2px}.dir-entry:hover{background:var(--info)}.dir-entry:hover,.dir-entry:hover .dir-link,.dir-entry:hover .dir-meta{color:#fff}.dir-link{color:var(--text);text-decoration:none;cursor:pointer}.dir-meta{color:var(--text-muted)}.status-bar{position:fixed;bottom:0;left:0;right:0;height:24px;background:var(--surface);border-top:1px solid var(--border, #333);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:var(--text-xs, 12px);z-index:100;-webkit-user-select:none;user-select:none}.status-left,.status-right{display:flex;align-items:center;gap:0}.status-left>span+span:before,.status-right>span:not(:empty)+span:not(:empty):before{content:"|";color:var(--text-faint);margin:0 6px}.status-left>span,.status-right>span{cursor:pointer}.status-mode{font-weight:700}.status-mode.mode-plan{color:var(--info)}.status-mode.mode-auto{color:var(--primary)}.status-deploy{color:var(--text-muted)}.status-deploy.deploy-auto-dev{color:var(--info)}.status-deploy.deploy-auto-prod{color:var(--primary)}.status-thinking{color:var(--text-muted)}.status-thinking.thinking-on{color:var(--primary)}.status-thinking.thinking-off{color:var(--text-faint)}.status-open{color:var(--text-muted)}.status-open.open-auto{color:var(--primary)}.status-open.open-no{color:var(--text-faint)}.status-speech{color:var(--text-muted)}.status-speech.speech-on{color:var(--primary)}.status-speech.speech-off{color:var(--text-faint)}.status-model,.status-context,.status-output-tokens{color:var(--text-muted)}.status-hint{color:var(--text-faint)}.legal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#f5f3ef;color:#1a1a1a;overflow-y:auto;font-family:Georgia,Times New Roman,serif;font-size:var(--text-base, 16px);line-height:1.7}.legal-close{position:fixed;top:16px;right:24px;z-index:201;background:none;border:1px solid #999;border-radius:4px;padding:6px 16px;font-family:inherit;font-size:var(--text-sm, 14px);color:#1a1a1a;cursor:pointer}.legal-close:hover{background:#e8e4db}.legal-container{max-width:720px;margin:0 auto;padding:48px 24px 80px}.legal-title{font-size:var(--text-xl, 28px);font-weight:700;margin-bottom:4px}.legal-updated{font-size:var(--text-sm, 14px);color:#666;margin-bottom:32px}.legal-section-heading{font-size:var(--text-lg, 20px);font-weight:600;margin:28px 0 8px}.legal-section-body{margin:0 0 16px;color:#333}#sidebar{position:relative;width:220px;min-width:140px;max-width:400px;background:var(--bg);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;flex-shrink:0;transition:width .15s ease,min-width .15s ease}#sidebar.collapsed{width:0;min-width:0;overflow:hidden;border-right:none}.sidebar-tree{flex:1;overflow-y:auto;padding:4px 0}.tree-node{cursor:pointer;-webkit-user-select:none;user-select:none}.tree-node-row{display:flex;align-items:center;padding:1px 8px;gap:4px;color:var(--text-muted);font-size:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.tree-node-row:hover{background:#ffffff0a;color:var(--text)}.tree-node-row.active{background:#f265221f;color:var(--primary)}.tree-indent{display:inline-block;width:16px;flex-shrink:0;color:var(--text-faint);font-size:inherit;text-align:center}.tree-branch{color:var(--text-faint);font-size:inherit;flex-shrink:0}.tree-label{overflow:hidden;text-overflow:ellipsis}.tree-badge{margin-left:auto;background:var(--primary);color:var(--bg);font-size:var(--text-xxs);padding:0 5px;border-radius:8px;font-weight:700;flex-shrink:0}.tree-star{color:var(--primary);font-size:var(--text-xxs);margin-left:2px}.tree-children{display:none}.tree-children.expanded{display:block}.tree-section{margin-top:2px}.tree-section-label{display:flex;align-items:center;padding:2px 8px;color:var(--text-faint);font-size:inherit;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;gap:4px}.tree-section-label:hover{color:var(--text-muted)}#content-area{position:relative;flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}#detail-view{display:none;overflow-y:auto;padding:12px;background:var(--bg);flex:1;min-height:0}body.detail-active #detail-view{display:block}.detail-header{color:var(--primary);font-size:inherit;font-weight:700;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.detail-section{margin-bottom:12px}.detail-section-title{color:var(--text-muted);font-size:inherit;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-field{display:flex;gap:12px;padding:2px 0;font-size:inherit}.detail-field-label{color:var(--text-faint);min-width:100px;flex-shrink:0}.detail-field-value{color:var(--text);word-break:break-word}.detail-table{width:100%;border-collapse:collapse;font-size:inherit}.detail-table th{text-align:left;color:var(--text-muted);font-size:inherit;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-bottom:1px solid var(--border);white-space:nowrap}.detail-table td{padding:4px 8px;color:var(--text);border-bottom:1px solid rgba(255,255,255,.03);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.detail-table tr:hover td{background:#ffffff08}.clickable{cursor:pointer;color:var(--primary)}.clickable:hover{text-decoration:underline}.detail-empty{color:var(--text-faint);font-size:inherit;font-style:italic;padding:8px 0}.detail-status{display:inline-block;padding:1px 6px;border-radius:3px;font-size:inherit}.detail-status.success{background:#22c55e26;color:var(--success)}.detail-status.error{background:#ef444426;color:var(--error)}.detail-status.pending{background:#a8a29e26;color:var(--text-muted)}.detail-status.running{background:#60a5fa26;color:var(--info)}.detail-badge{display:inline-block;font-size:inherit;padding:1px 6px;border-radius:3px;background:#ffffff0f;color:var(--text-muted)}.detail-loading{color:var(--text-faint);animation:pulse 1.4s ease-in-out infinite;padding:12px 0}.detail-pre{color:var(--text-muted);font-size:var(--text-sm);white-space:pre-wrap;max-height:200px;overflow:auto}.tree-section-arrow{font-size:8px}.tree-inline-message{padding-left:24px;font-size:var(--text-xs)}#h-splitter{display:none;height:5px;background:var(--border);cursor:row-resize;flex-shrink:0;position:relative}#h-splitter:hover,#h-splitter.dragging{background:var(--primary)}body.detail-active #h-splitter{display:block}body.detail-active #terminal{flex:none;overflow-y:auto}.terminal-arrow{position:absolute;top:4px;z-index:11;background:none;border:none;color:var(--text-muted);opacity:.5;font-size:var(--text-sm);padding:2px 6px;cursor:pointer;line-height:1;transition:opacity .15s}.terminal-arrow-left{left:6px}.terminal-arrow-right{right:6px}.terminal-arrow:hover{color:var(--text);opacity:1}.workspace-empty{flex:0 0 auto;width:120px;display:none;align-items:center;justify-content:center;text-align:center;color:var(--text-faint);font-size:var(--text-sm);line-height:1.6;border-left:1px solid var(--border);-webkit-user-select:none;user-select:none}@media(max-width:700px){body{font-size:1.7rem}#terminal{padding:8px}#app-wrapper{height:calc(100vh - 25px)}#sidebar{display:none}#sidebar.mobile-open{display:flex;position:fixed;top:0;left:0;bottom:25px;z-index:90;width:260px;border-right:1px solid var(--border)}}