.build-wrap { display:grid; grid-template-columns:260px minmax(0,1fr); gap:14px; height:calc(100dvh - var(--header-h,54px) - 112px); min-height:0; }
.build-side,.build-main,.build-toolbar { background:var(--card-bg,#fff); border:1px solid var(--border,#e5e7eb); border-radius:14px; }
.build-side { padding:12px; overflow:auto; }
.build-side-head,.build-chat-head,.build-actions { display:flex; align-items:center; gap:8px; }
.build-side-head { justify-content:space-between; margin-bottom:12px; }
.build-session { width:100%; text-align:left; border:0; background:transparent; padding:10px; border-radius:10px; cursor:pointer; margin-bottom:5px; color:inherit; }
.build-session:hover,.build-session.active { background:rgba(var(--primary-rgb,126,34,206),.1); }
.build-session strong { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.build-session small { color:var(--text-muted,#6b7280); }
.build-main { display:flex; flex-direction:column; min-width:0; overflow:hidden; }
.build-chat-head { padding:10px 14px; border-bottom:1px solid var(--border,#e5e7eb); }
.build-activity { display:flex; align-items:center; gap:7px; padding:7px 10px; border-radius:10px; font-size:13px; background:#f3f4f6; color:#4b5563; }
.build-activity.running { background:#ecfdf5; color:#166534; border:1px solid #86efac; }
.build-activity.done { background:#f0fdf4; color:#166534; }
.build-activity.failed { background:#fef2f2; color:#991b1b; }
.build-pulse,.build-list-pulse { display:inline-block; width:9px; height:9px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 rgba(34,197,94,.55); animation:buildPulse 1.6s infinite; }
.build-list-pulse { margin-right:6px; }
@keyframes buildPulse { 0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)} 70%{box-shadow:0 0 0 7px rgba(34,197,94,0)} 100%{box-shadow:0 0 0 0 rgba(34,197,94,0)} }
.build-session-heading { display:flex; flex-direction:column; min-width:0; gap:2px; }
.build-session-heading strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.build-cost-total { color:var(--primary,#6d28d9); font-size:13px; font-weight:600; white-space:normal; }
.build-chat-head .spacer,.build-actions .spacer { flex:1; }
.build-log { flex:1; min-height:0; overflow:auto; overscroll-behavior-x:contain; overscroll-behavior-y:auto; padding:16px; background:#fff; scrollbar-gutter:stable; user-select:text; -webkit-user-select:text; }
.build-log .build-event,.build-log .build-event * { user-select:text; -webkit-user-select:text; }
.build-log .build-event { cursor:text; }
.build-event { max-width:88%; padding:12px 14px; border-radius:12px; margin:0 0 10px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:15px; line-height:1.6; }
.build-event.user { margin-left:auto; background:#fff; color:var(--primary-dark,#5b21b6); border:1px solid var(--primary,#6d28d9); }
.build-event.assistant,.build-event.result { background:var(--card-bg,#fff); border:1px solid var(--border,#e5e7eb); }
.build-event.tool_use,.build-event.tool_result,.build-event.system { max-width:100%; background:#111827; color:#d1d5db; font:14px/1.6 monospace; }
.build-event.error,.build-event.aborted { background:#fee2e2; color:#991b1b; }
.build-event .meta { font-size:13px; opacity:.75; margin-bottom:6px; }
.build-event details { margin-top:7px; }
.build-event details pre { white-space:pre-wrap; max-height:280px; overflow:auto; }
.build-turn-cost { display:flex; flex-wrap:wrap; align-items:center; gap:5px 14px; margin-top:8px; padding-top:8px; border-top:1px solid var(--border,#e5e7eb); color:var(--primary-dark,#5b21b6); }
.build-turn-cost span { color:var(--text-muted,#6b7280); font-size:14px; }
.build-compose { border-top:1px solid var(--border,#e5e7eb); padding:12px; flex:0 0 auto; background:var(--card-bg,#fff); }
.build-compose textarea { width:100%; min-height:105px; max-height:240px; resize:vertical; font-size:17px; line-height:1.6; padding:12px 14px; }
.build-compose .build-actions{margin-top:8px;flex-wrap:nowrap}.build-compose .build-actions .btn{flex:0 0 auto}
.build-model-label { font-size:14px; font-weight:600; white-space:nowrap; }
.build-model { width:auto; min-width:170px; flex:0 0 auto; }
.build-files { font-size:14px; color:var(--text-muted,#6b7280); margin:7px 0; }
.build-files:not(:empty){padding:8px 10px;border:1px dashed var(--border,#d1d5db);border-radius:8px;background:var(--body-bg,#f9fafb)}
.build-toolbar { padding:10px 12px; margin-bottom:12px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.build-status { font-size:14px; color:var(--text-muted,#6b7280); }
.build-ok { color:#15803d; font-weight:600; }
.build-warning { color:#b45309; font-weight:600; }
.build-safety-note { margin:0 0 8px; padding:8px 10px; border-radius:8px; background:#fff7ed; color:#9a3412; font-size:14px; }
.build-settings { display:grid; gap:8px; max-height:65vh; overflow:auto; }
.build-settings h4 { margin:14px 0 0; }
.build-settings p { margin:0; }
.build-login-output { white-space:pre-wrap; overflow-wrap:anywhere; max-height:150px; overflow:auto; }
.build-claude-login { display:grid; gap:12px; max-height:72vh; overflow:auto; padding:2px 4px 8px; }
.build-claude-login p { margin:0; }
.build-claude-login label { font-weight:600; }
.build-claude-login textarea { width:100%; overflow-wrap:anywhere; font:13px/1.45 monospace; resize:vertical; user-select:text; -webkit-user-select:text; }
.build-claude-login input { width:100%; min-height:44px; user-select:text; -webkit-user-select:text; }
.build-login-actions { display:flex; flex-wrap:wrap; gap:8px; }
.build-login-actions [hidden] { display:none; }
.build-restore-row { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:8px; border:1px solid var(--border,#e5e7eb); border-radius:8px; }
.build-empty { margin:auto; color:var(--text-muted,#6b7280); text-align:center; padding:30px; }
@media(max-width:800px){.build-toolbar{padding:8px;gap:6px}.build-toolbar .btn{flex:1 1 auto}.build-wrap{grid-template-columns:1fr;height:auto;gap:8px}.build-side{padding:8px;overflow:hidden}.build-side-head{margin-bottom:6px}.build-side #buildSessions{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}.build-session{flex:0 0 min(76vw,280px);margin:0;padding:8px}.build-main{height:calc(100dvh - var(--header-h,54px) - 150px);min-height:420px}.build-chat-head{padding:8px 10px;flex-wrap:wrap}.build-session-heading{flex:1 1 45%}.build-activity{order:3;flex:1 0 100%;justify-content:center}.build-chat-head>.spacer{display:none}.build-chat-head .btn{padding-left:9px;padding-right:9px}.build-log{padding:10px}.build-compose{padding:9px}.build-compose textarea{min-height:76px;font-size:16px}.build-event{max-width:98%;padding:10px 11px}.build-compose .build-actions .btn{padding-left:9px;padding-right:9px}}
@media(max-width:800px){.build-compose .build-actions{flex-wrap:wrap}.build-compose .build-actions .spacer{display:none}.build-model-label{margin-left:auto}.build-model{min-width:150px;flex:1 1 150px}}