.app--three{grid-template-columns:244px 1fr 460px}.chat{display:flex;flex-direction:column;background:var(--ink-050);border-right:1px solid var(--border);overflow:hidden}.chat-head{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--ink-100),transparent 80%)}.chat-head .ttl{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:18px;color:var(--bone-100);flex:1;display:flex;align-items:center;gap:10px}.chat-head .ttl .num{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.16em;font-style:normal;padding:2px 6px;border:1px solid var(--border);border-radius:2px}.chat-meta{padding:8px 18px;display:flex;gap:12px;align-items:center;font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);letter-spacing:.04em;border-bottom:1px solid var(--border-soft)}.chat-meta .sep{color:var(--ink-600)}.timeline{flex:1;overflow-y:auto;padding:24px 18px 16px;display:flex;flex-direction:column;gap:14px}.turn{display:grid;grid-template-columns:28px 1fr;gap:14px}.turn .gutter{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:4px}.turn .gutter .num{font-family:var(--font-mono);font-size:9px;color:var(--text-faint);letter-spacing:.1em}.turn .gutter .av{width:22px;height:22px;border:1px solid var(--border-strong);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px}.turn .gutter .av.user{color:var(--bone-100);border-color:var(--bone-300)}.turn .gutter .av.h{color:var(--persimmon);border-color:var(--persimmon-dim)}.turn .gutter .rule{flex:1;width:1px;background:var(--border-soft)}.msg{padding:4px 0;font-size:13.5px;line-height:1.6;color:var(--text)}.msg.user .body{background:var(--ink-200);border:1px solid var(--border);border-left:2px solid var(--persimmon);padding:12px 16px;border-radius:3px;color:var(--bone-100)}.msg .role{font-family:var(--font-mono);font-size:9.5px;color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}.tool{margin:8px 0;border:1px solid var(--border);background:var(--ink-100);border-radius:3px;overflow:hidden;font-family:var(--font-mono);font-size:11.5px}.tool .head{padding:8px 12px;display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,rgba(255,122,61,.06),transparent);border-bottom:1px solid var(--border);color:var(--bone-200)}.tool .head .name{color:var(--persimmon)}.tool .head .arg{color:var(--bone-100)}.tool .head .meta{color:var(--text-faint)}.tool.ok .head .pill{color:var(--moss);border-color:#8db5804d;background:#8db58014}.tool.run .head .pill{color:var(--persimmon);border-color:#ff7a3d66;background:#ff7a3d1a}.tool.err .head .pill{color:var(--rust);border-color:#d966664d;background:#d9666614}.composer-bottom{padding:12px 18px 14px;border-top:1px solid var(--border);background:linear-gradient(0deg,var(--ink-100),transparent)}.composer-bottom .field{background:var(--ink-200);border:1px solid var(--border);border-radius:4px;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.composer-bottom textarea{width:100%;min-height:28px;max-height:140px;resize:none;outline:none;background:transparent;color:var(--bone-100);font-size:13px}.composer-bottom textarea::placeholder{color:var(--text-faint)}.composer-bottom .toolbar{display:flex;gap:6px;align-items:center;font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}.composer-bottom .send{margin-left:auto;padding:5px 10px;background:var(--persimmon);color:#1a0c04;border-radius:3px;font-weight:600;font-size:11.5px;display:inline-flex;gap:8px;align-items:center}.composer-bottom .send .kbd{background:#0003;border-color:#0003;color:#0009}.term-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-soft);background:var(--ink-200);font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}.term-bar .lbl{letter-spacing:.14em;text-transform:uppercase}.term-bar .v{color:var(--bone-100)}.term-bar .sep{color:var(--ink-600)}.term-bar .right{margin-left:auto;display:flex;gap:4px}.term-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);background:var(--ink-100);padding:0 4px}.term-tab{padding:6px 10px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-mute);border-right:1px solid var(--border-soft);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.term-tab .dot{width:6px;height:6px;border-radius:50%}.term-tab .dot.run{background:var(--persimmon);box-shadow:0 0 0 3px #ff7a3d2e}.term-tab .dot.ok{background:var(--moss)}.term-tab .dot.err{background:var(--rust)}.term-tab.active{color:var(--bone-100);background:var(--ink-000);position:relative}.term-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--persimmon)}.term-tab .x{color:var(--text-faint);font-size:11px;margin-left:4px}.term-tab .add{color:var(--text-faint)}.term-screen{flex:1;min-height:0;background:var(--ink-000);font-family:var(--font-mono);font-size:11.5px;line-height:1.55;padding:14px 18px;overflow-y:auto;color:var(--bone-200);position:relative}.term-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012),rgba(255,255,255,.012) 2px,transparent 2px,transparent 4px);pointer-events:none}.term-line{padding:0;white-space:pre-wrap}.term-line .prompt{color:var(--persimmon)}.term-line .path{color:var(--sky)}.term-line .dim{color:var(--text-faint)}.term-line .ok{color:var(--moss)}.term-line .warn{color:var(--amber)}.term-line .err{color:var(--rust)}.term-line .hi,.term-line.cmd{color:var(--bone-100)}.cursor{display:inline-block;width:7px;height:13px;background:var(--persimmon);vertical-align:text-bottom;animation:blink 1s steps(2,end) infinite;margin-left:2px}@keyframes blink{50%{opacity:0}}.term-foot{padding:8px 10px;border-top:1px solid var(--border);background:var(--ink-100);display:flex;gap:10px;align-items:center;font-family:var(--font-mono);font-size:10px;color:var(--text-faint);white-space:nowrap}.term-foot>*{flex-shrink:0}.term-foot .stat{display:inline-flex;gap:6px;align-items:center;flex-shrink:0;white-space:nowrap}.term-foot .stat .v{color:var(--bone-200)}.term-foot .right{margin-left:auto;display:flex;gap:6px;flex-shrink:0}.term-foot .right>*{flex-shrink:0;white-space:nowrap}
