:root{--bg:#171717;--bg2:#1f1f1f;--bg3:#262626;--fg:#e6e6e6;--dim:#8b8b8b;--dimmer:#5f5f5f;--claude:#d77757;--claude-soft:#eb9f7f;--green:#4eba65;--red:#ff6b80;--blue:#b1b9f9;--yellow:#ffc107;--border:#4b4b4b;--add-bg:#1f3d26;--del-bg:#4a1f29;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:var(--fs);-webkit-font-smoothing:antialiased;line-height:1.55}button{font:inherit;color:inherit}a{color:var(--blue)}::selection{background:#d7775755}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#333;border-radius:6px}::-webkit-scrollbar-track{background:0 0}.app{height:100%;display:flex;overflow:hidden}.term-col{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{color:var(--dim);border-bottom:1px solid #262626;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.topbar .brand{color:var(--claude);font-weight:700}.topbar .sp{flex:1}.tbtn{cursor:pointer;color:var(--dim);white-space:nowrap;background:0 0;border:1px solid #333;border-radius:6px;padding:3px 10px;font-size:12px}.tbtn:hover{color:var(--fg);border-color:#555}.tbtn.on{color:var(--claude);border-color:var(--claude)}.scroll{flex:1;padding:16px 20px 8px;overflow-y:auto}.inner{max-width:980px;margin:0 auto}.welcome{border:1px solid var(--claude);border-radius:8px;min-width:min(520px,100%);margin-bottom:18px;padding:12px 16px;display:inline-block}.welcome .t{font-weight:700}.welcome .t b{color:var(--claude)}.welcome .s{color:var(--dim);margin-top:10px;font-style:italic}.welcome .c{color:var(--dim);margin-top:10px}.tips{color:var(--dim);margin:0 0 18px}.tips div+div:before{content:"› "}.item{white-space:pre-wrap;word-wrap:break-word;margin:0 0 14px}.item.user{color:var(--dim)}.item.user .u{background:var(--bg3);color:var(--fg);border-radius:4px;max-width:100%;padding:2px 8px;display:inline-block}.row{gap:8px;display:flex}.dot{flex-shrink:0;width:14px}.dot.w{color:var(--fg)}.dot.g{color:var(--green)}.dot.r{color:var(--red)}.dot.y{color:var(--dim)}.dot.blink{animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.body{flex:1;min-width:0}.tool-title b{font-weight:700}.tool-title span{color:var(--dim)}.sub{color:var(--dim);gap:8px;margin-top:2px;display:flex}.sub .l{flex-shrink:0;padding-left:4px}.sub.err{color:var(--red)}.expand{cursor:pointer;color:var(--dimmer)}.expand:hover{color:var(--dim)}.detail{background:var(--bg2);white-space:pre-wrap;word-break:break-word;color:#cfcfcf;border:1px solid #2c2c2c;border-radius:6px;max-height:360px;margin:6px 0 0 26px;padding:8px 10px;font-size:12.5px;overflow:auto}.detail .a{background:var(--add-bg);display:block}.detail .d{background:var(--del-bg);display:block}.thinking{color:var(--dim);font-style:italic}.thinking .h{cursor:pointer}.sysmsg{color:var(--dim)}.sysmsg.error{color:var(--red)}.sysmsg.success{color:var(--green)}.sysmsg.info{color:var(--fg)}.todos{margin:2px 0 0}.todo{gap:8px;display:flex}.todo.completed{color:var(--dim);text-decoration:line-through}.todo.in_progress{color:var(--fg);font-weight:700}.todo.pending{color:var(--fg)}.md{white-space:normal}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:0 0 8px}.md ul,.md ol{margin:4px 0 8px;padding-left:22px}.md h1,.md h2,.md h3,.md h4{margin:10px 0 6px;font-size:1em}.md h1,.md h2{color:var(--claude-soft)}.md code{color:var(--blue)}.md pre{background:var(--bg2);border:1px solid #2c2c2c;border-radius:6px;padding:10px;overflow-x:auto}.md pre code{color:#ddd}.md table{border-collapse:collapse;margin:6px 0}.md th,.md td{border:1px solid #3a3a3a;padding:3px 8px}.md blockquote{border-left:2px solid var(--border);color:var(--dim);margin:6px 0;padding-left:10px}.spinner{color:var(--claude);gap:8px;margin:4px 0 12px;display:flex}.spinner .glyph{width:14px;display:inline-block}.spinner .meta{color:var(--dim)}.bottom{flex-shrink:0;padding:0 20px 12px}.inputbox{border:1px solid var(--border);background:var(--bg);border-radius:8px;align-items:flex-start;gap:8px;padding:8px 12px;display:flex}.inputbox.focus{border-color:#6a6a6a}.inputbox.plan{border-color:#48968c}.inputbox .p{color:var(--fg);padding-top:1px}.inputbox textarea{color:var(--fg);resize:none;font:inherit;background:0 0;border:0;outline:none;flex:1;min-height:22px;max-height:40vh;padding:0;line-height:1.55}.inputbox textarea::placeholder{color:var(--dimmer)}.footer{color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:4px 4px 0;font-size:12px;display:flex}.footer .mode-accept{color:#af87ff}.footer .mode-plan{color:#48968c}.footer .mode-ask{color:var(--dim)}.attach{flex-wrap:wrap;align-items:center;gap:6px;padding:0 0 8px;display:flex}.chip{border:1px solid var(--border);background:var(--bg2);border-radius:8px;align-items:center;gap:8px;max-width:240px;padding:4px 6px 4px 4px;font-size:12px;display:flex}.chip img{object-fit:cover;background:#000;border-radius:5px;flex-shrink:0;width:30px;height:30px}.chip .ph{width:30px;height:30px;color:var(--dim);background:#262626;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.chip .meta{flex-direction:column;min-width:0;line-height:1.35;display:flex}.chip .nm{white-space:nowrap;text-overflow:ellipsis;color:#dcdcdc;overflow:hidden}.chip .sub{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.chip .x{color:var(--dim);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:14px;line-height:1}.chip .x:hover{color:var(--red,#e06c75)}.chip.read{color:var(--dim);border-style:dashed;padding:6px 10px}.chip.clear{color:var(--dim);cursor:pointer;background:0 0;border-style:dashed;padding:6px 10px}.chip.clear:hover{color:var(--fg)}.attachbtn{cursor:pointer;opacity:.65;background:0 0;border:0;flex-shrink:0;padding:0 2px;font-size:14px;line-height:1.4}.attachbtn:hover:not(:disabled){opacity:1}.attachbtn:disabled{opacity:.3;cursor:default}.bottom.dropping .inputbox{border-color:var(--claude);border-style:dashed}.droptip{color:var(--claude);padding:6px 4px 0;font-size:12px}.item.user .ufiles{flex-wrap:wrap;gap:6px;margin-top:3px;padding-left:2px;display:flex}.item.user .ufiles .uf{color:var(--dim);border:1px solid #2a2a2a;border-radius:6px;padding:1px 7px;font-size:12px}.item .vtitle{color:var(--green);margin-bottom:6px;font-size:12px}.item video.vout{background:#000;border-radius:8px;width:min(100%,300px);max-height:48vh;display:block}.item .vmeta{color:var(--dim);align-items:center;gap:12px;margin-top:6px;font-size:12px;display:flex}.suggest{margin-top:4px}.suggest .s{color:var(--dim);cursor:pointer;gap:16px;padding:1px 4px;display:flex}.suggest .s .n{min-width:140px}.suggest .s.sel,.suggest .s.sel .n{color:var(--blue)}.panel{border:1px solid var(--border);background:var(--bg);border-radius:8px;margin:0 0 12px;padding:12px 14px}.panel.blue{border-color:var(--blue)}.panel.claude{border-color:var(--claude)}.panel .title{margin-bottom:4px;font-weight:700}.panel .desc{color:var(--dim);white-space:pre-wrap;margin-bottom:10px}.opt{cursor:pointer;gap:8px;padding:1px 0;display:flex}.opt .cur{width:14px;color:var(--blue)}.opt .num{color:var(--dim);min-width:22px}.opt .lab{min-width:0}.opt .d{color:var(--dim);margin-left:10px}.opt.sel .lab,.opt.sel .num{color:var(--blue)}.opt .check{color:var(--green);margin-left:6px}.opt.hdr{cursor:default;color:var(--dimmer);margin-top:8px}.panel .hint{color:var(--dimmer);margin-top:10px;font-size:12px}.panel .codeblk{background:var(--bg2);white-space:pre-wrap;color:#ccc;border-radius:6px;max-height:220px;margin-bottom:10px;padding:8px;font-size:12.5px;overflow:auto}.side{background:#111;border-left:1px solid #2a2a2a;flex-direction:column;width:46%;min-width:320px;max-width:900px;display:flex}.side.full{z-index:30;width:auto;max-width:none;position:fixed;inset:0}.side .tabs{border-bottom:1px solid #2a2a2a;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;display:flex}.side .tabs .sp{flex:1}.side .content{flex-direction:column;flex:1;min-height:0;display:flex}.side iframe{background:#fff;border:0;flex:1;width:100%}.side .empty{color:var(--dim);text-align:center;max-width:360px;margin:auto;padding:24px}.files{flex:1;min-height:0;display:flex}.files .list{border-right:1px solid #2a2a2a;flex-shrink:0;width:200px;padding:6px 0;font-size:12.5px;overflow:auto}.files .list div{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;color:#cfcfcf;padding:2px 12px;overflow:hidden}.files .list div:hover{background:#1d1d1d}.files .list div.sel{color:var(--fg);background:#262626}.files .view{white-space:pre;tab-size:2;flex:1;padding:8px 0;font-size:12.5px;overflow:auto}.files .view .ln{color:var(--dimmer);text-align:right;-webkit-user-select:none;user-select:none;width:44px;padding-right:12px;display:inline-block}.console{background:#121212;border-top:1px solid #2a2a2a;max-height:30%;padding:6px 10px;font-size:12px;overflow:auto}.console .error{color:var(--red)}.console .warn{color:var(--yellow)}.console .log,.console .info,.console .debug{color:#bbb}.pagesel{color:var(--fg);font:inherit;background:#1d1d1d;border:1px solid #333;border-radius:6px;padding:2px 6px;font-size:12px}.onb{justify-content:center;align-items:flex-start;min-height:100%;padding:8vh 16px 32px;display:flex}.onb .inner{width:100%;max-width:640px}.onb .logo{color:var(--claude);white-space:pre;margin-bottom:18px;font-size:12px;line-height:1.15;overflow:hidden}.onb input{width:100%;color:var(--fg);font:inherit;background:0 0;border:0;outline:none}.onb .err{color:var(--red);white-space:pre-wrap;margin-top:8px}.onb .note{color:var(--dim);margin-top:14px;font-size:12.5px}.onb .note div{margin-bottom:4px}.btnrow{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.btn{background:var(--claude);color:#1a1a1a;cursor:pointer;border:0;border-radius:6px;padding:6px 14px;font-weight:700}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{color:var(--fg);border:1px solid var(--border);background:0 0;font-weight:400}@media (width<=860px){:root{--fs:13px}.side{z-index:30;width:auto;min-width:0;max-width:none;position:fixed;inset:0}.scroll{padding:12px 16px 8px}.bottom{padding:0 16px 10px}.topbar{gap:8px;padding:8px 16px}.topbar .hide-sm{display:none}.files .list{width:130px}.suggest .s .n{min-width:110px}}.topbar .brand{font-size:16px}.tbtn.plain{color:var(--fg);text-overflow:ellipsis;border-color:#0000;max-width:50vw;padding-left:2px;overflow:hidden}.tbtn.plain:hover{border-color:#333}.inputbox.self{border-color:var(--claude)}.welcome{border-color:#3a3a3a}.welcome .s{margin-top:6px;font-style:normal}input.bare,.onb input.bare{width:100%;color:var(--fg);font:inherit;background:0 0;border:0;outline:none;flex:1}.check{color:var(--dim);cursor:pointer;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.check input,.onb .check input{accent-color:var(--claude);flex:none;width:auto;margin:0}.btns{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.panel.settings{max-width:720px}.ph{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sec{margin-top:14px}.sec-t{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px}.kv{flex-wrap:wrap;align-items:center;gap:10px;padding:3px 0;display:flex}.kv .k{min-width:120px}.kv .v{color:var(--dim)}.kv .v.off{color:var(--dimmer)}.kv .ok{color:var(--green);font-size:12px}.lnk{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.lnk.dim{color:var(--dimmer)}.lnk:hover{text-decoration:underline}.in{background:var(--bg2);min-width:180px;color:var(--fg);font:inherit;border:1px solid #333;border-radius:6px;outline:none;flex:1;padding:4px 8px;font-size:13px}.in:focus,.ta:focus{border-color:#666}.ta{background:var(--bg2);width:100%;color:var(--fg);font:inherit;resize:vertical;border:1px solid #333;border-radius:6px;outline:none;padding:8px;font-size:13px}.hint{color:var(--dimmer);margin-top:6px;font-size:12px}.content.scrolly{overflow-y:auto}.projtab{width:100%;padding:6px 16px 24px}.adddoc{flex-direction:column;gap:6px;margin-top:6px;display:flex}.provs{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}