@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";
:root{--graphite-950:#0a0b11;--graphite-900:#12131b;--graphite-800:#22232c;--graphite-border:#31323a;--on-dark:#f4f5f8;--on-dark-dim:#9698a0;--on-dark-faint:#5c5d64;--paper:#fdfdff;--paper-sunken:#f3f3f6;--paper-line:#dddee2;--paper-line-strong:#c3c4c9;--ink:#15161c;--ink-dim:#56575f;--ink-faint:#85868c;--accent:#645fdf;--accent-strong:#4134ab;--accent-soft:#e3e6ff;--accent-on:#fbfbff;--danger:#c92f33;--danger-soft:#ffe3df;--font-ui:"Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace}@supports (color:lab(0% 0 0)){:root{--graphite-950:lab(2.98263% .644103 -3.09811);--graphite-900:lab(6.08542% 1.05713 -5.14797);--graphite-800:lab(14.0184% 1.26237 -6.22398);--graphite-border:lab(21.0088% .9574 -5.163);--on-dark:lab(96.4901% .254571 -1.49407);--on-dark-dim:lab(62.7877% .805855 -4.45646);--on-dark-faint:lab(39.5862% .828952 -4.44331);--paper:lab(99.4051% .126183 -.747764);--paper-sunken:lab(95.9101% .254571 -1.49405);--paper-line:lab(88.355% .385791 -2.23861);--paper-line-strong:lab(79.0595% .520736 -2.98083);--ink:lab(7.13226% .879265 -4.33041);--ink-dim:lab(37.2659% .832379 -4.4414);--ink-faint:lab(55.8433% .667572 -3.71604);--accent:lab(46.2487% 30.0021 -66.4656);--accent-strong:lab(29.7325% 33.2625 -62.8588);--accent-soft:lab(91.5987% 2.53418 -12.8975);--accent-on:lab(98.7643% .651866 -3.72547);--danger:lab(45.8749% 60.1361 37.4355);--danger-soft:lab(92.6692% 12.2811 6.63735)}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--graphite-900);color:var(--ink)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.app{background:var(--graphite-950);width:100%;height:100vh;display:flex}.sidebar{background:var(--graphite-950);border-right:1px solid var(--graphite-border);flex-direction:column;flex:0 0 248px;width:248px;height:100%;padding:20px 16px;display:flex;overflow-y:auto}.brand{border-bottom:1px solid var(--graphite-border);align-items:center;gap:10px;margin-bottom:18px;padding:2px 4px 18px;display:flex}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--accent-on);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.brand-name{color:var(--on-dark);margin:0;font-size:13.5px;font-weight:600}.brand-sub{color:var(--on-dark-faint);text-overflow:ellipsis;white-space:nowrap;max-width:170px;margin:2px 0 0;font-size:11px;overflow:hidden}.nav-label{letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-faint);margin:16px 0 10px 8px;font-size:10.5px;font-weight:600}.nav-label:first-of-type{margin-top:0}.nav-item{border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;display:flex}a.nav-item,button.nav-item{text-align:left;background:0 0;border:none;width:100%}.nav-icon{flex:none;width:20px;height:20px}.nav-item-done .nav-icon,.nav-item-done .nav-label-text{color:var(--on-dark-dim)}.nav-item-active{background:color-mix(in oklch, var(--accent) 16%, transparent)}.nav-item-active .nav-icon{color:var(--accent)}.nav-item-active .nav-label-text{color:var(--on-dark);font-weight:600}.nav-item-upcoming .nav-icon{color:var(--graphite-border)}.nav-item-upcoming .nav-label-text,.nav-item-plain .nav-icon,.nav-item-plain .nav-label-text{color:var(--on-dark-faint)}.nav-item:hover:not(.nav-item-active){background:#ffffff0a}.nav-label-text{font-size:13px}.nav-dot-empty{border:1.5px solid var(--graphite-border);border-radius:50%;flex:none;width:20px;height:20px}.sidebar-foot{border-top:1px solid var(--graphite-border);align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.avatar{background:var(--graphite-800);width:30px;height:30px;color:var(--on-dark);font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.user-name{color:var(--on-dark);margin:0;font-size:12.5px;font-weight:500}.user-role{color:var(--on-dark-faint);margin:1px 0 0;font-size:11px}.sidebar-foot-link{color:var(--on-dark-faint);margin-left:auto;display:flex}.main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.topbar{background:var(--graphite-950);border-bottom:1px solid var(--graphite-border);flex:0 0 60px;align-items:center;gap:16px;height:60px;padding:0 28px;display:flex}.crumbs{color:var(--on-dark-dim);align-items:center;margin:0;font-size:12.5px;display:flex}.crumbs b{color:var(--on-dark);font-weight:600}.crumbs .sep{color:var(--graphite-border);margin:0 7px}.project-switcher{border:1px solid var(--graphite-border);color:var(--on-dark-dim);background:0 0;border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:flex}.project-switcher:hover{border-color:var(--on-dark-faint);color:var(--on-dark)}.topbar-right{align-items:center;gap:18px;margin-left:auto;display:flex}.progress-dots{gap:5px;display:flex}.dot{background:var(--graphite-border);border-radius:50%;width:6px;height:6px}.dot-filled{background:var(--accent)}.stage-pill{font-family:var(--font-mono);color:var(--accent);background:color-mix(in oklch, var(--accent) 14%, transparent);white-space:nowrap;border-radius:12px;padding:5px 11px;font-size:11px}.icon-btn{width:30px;height:30px;color:var(--on-dark-dim);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--on-dark);background:#ffffff0f}.canvas{background-color:var(--graphite-900);background-image:radial-gradient(var(--graphite-800) 1px, transparent 1px);background-size:20px 20px;flex:1;min-height:0;padding:30px;display:flex;overflow:auto}.panel{background:var(--paper);border-radius:16px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 24px 48px -24px #00000080}.panel-header{border-bottom:1px solid var(--paper-line);justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.role-id{align-items:center;gap:12px;display:flex}.role-badge{background:var(--ink);width:38px;height:38px;color:var(--paper);font-family:var(--font-mono);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;display:flex}.role-title{color:var(--ink);margin:0;font-size:16px;font-weight:600}.role-desc{color:var(--ink-faint);margin:2px 0 0;font-size:12.5px}.role-header-badge{color:var(--ink-dim);background:var(--paper-sunken);border:1px solid var(--paper-line);border-radius:11px;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.panel-body{flex:1;grid-template-columns:280px 1fr;gap:26px;padding:26px 28px;display:grid;overflow-y:auto}.panel-body-full{flex-direction:column;flex:1;gap:20px;padding:26px 28px;display:flex;overflow-y:auto}.panel-title{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 12px;font-size:11px;font-weight:600}.ctx-card{background:var(--paper-sunken);border:1px solid var(--paper-line);border-radius:10px;gap:10px;margin-bottom:10px;padding:13px 14px;display:flex}.ctx-icon{background:var(--paper);border:1px solid var(--paper-line-strong);width:28px;height:28px;color:var(--ink-dim);border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.ctx-type{font-family:var(--font-mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em;margin:0 0 3px;font-size:9.5px}.ctx-name{color:var(--ink);margin:0 0 2px;font-size:12.5px;font-weight:600}.ctx-meta{color:var(--ink-faint);margin:0;font-size:11px}.kb-note{color:var(--ink-dim);border-left:2px solid var(--accent);margin-top:8px;padding-left:10px;font-size:11.5px;line-height:1.5}.main-col{flex-direction:column;gap:20px;min-width:0;display:flex}.card{background:var(--paper);border:1px solid var(--paper-line);border-radius:12px;padding:22px 24px}.card-head{align-items:center;gap:8px;margin-bottom:14px;display:flex}.card-head svg{color:var(--accent)}.card-head-title{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:11px;font-weight:600}.tool-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.tool-chip{font-family:var(--font-mono);border:1px solid var(--paper-line-strong);color:var(--ink-dim);background:var(--paper-sunken);border-radius:16px;align-items:center;gap:6px;padding:5px 11px 5px 8px;font-size:11.5px;display:flex}.tool-chip svg{color:var(--ink-faint)}textarea.prompt-box,input.prompt-box{border:1.5px solid var(--paper-line-strong);width:100%;min-height:88px;font-family:var(--font-ui);color:var(--ink);background:var(--paper);resize:vertical;border-radius:8px;padding:13px 15px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}textarea.prompt-box:focus,input.prompt-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 18%, transparent);outline:none}.btn{font-family:var(--font-ui);border:1px solid var(--paper-line-strong);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:600;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--accent-on);border-color:var(--accent);box-shadow:0 1px 2px #0000001a, 0 8px 18px -10px color-mix(in oklch, var(--accent) 65%, transparent)}.btn-primary:hover{box-shadow:0 1px 2px #0000001f, 0 10px 22px -8px color-mix(in oklch, var(--accent) 70%, transparent)}.btn-danger{background:var(--danger);color:var(--accent-on);border-color:var(--danger)}.btn-sm{padding:6px 12px;font-size:12px}.btn-disabled,.btn:disabled{opacity:.4;cursor:not-allowed}.btn-disabled:hover,.btn:disabled:hover{transform:none}.btn-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.btn-ghost{background:0 0;border-color:#0000}.out-type-badge{font-family:var(--font-mono);color:var(--accent);background:var(--accent-soft);white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;display:inline-flex}.out-title{color:var(--ink);margin:14px 0 6px;font-size:15.5px;font-weight:600}.out-snippet{color:var(--ink-dim);white-space:pre-wrap;margin:0 0 18px;font-size:13px;line-height:1.6}.divider{border-top:1px solid var(--paper-line);margin:18px 0}.segmented{background:var(--paper-sunken);border:1px solid var(--paper-line);border-radius:22px;padding:3px;display:inline-flex}.seg-btn{font-family:var(--font-ui);color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:18px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.seg-active{background:var(--ink);color:var(--paper)}.promote-list{flex-direction:column;gap:2px;margin-top:16px;display:flex}.promote-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;width:100%;padding:8px 6px;display:flex}.promote-row:hover{background:var(--paper-sunken)}.chk{border:1.5px solid var(--paper-line-strong);background:var(--paper);width:19px;height:19px;color:var(--accent);border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.promote-name{color:var(--ink);font-size:13px}.delivery-line{color:var(--ink-dim);margin-top:14px;font-size:12.5px;line-height:1.5}.gate-banner{background:var(--accent-soft);color:var(--accent-strong);border-radius:9px;align-items:center;gap:10px;margin-bottom:16px;padding:11px 15px;font-size:12.5px;font-weight:500;display:flex}.gate-banner svg{flex:none}.saved-banner{background:var(--accent-soft);color:var(--accent-strong);border-radius:9px;align-items:center;gap:9px;margin-top:16px;padding:11px 15px;font-size:12.5px;font-weight:600;display:flex}.saved-banner svg{color:var(--accent)}.error-banner{background:var(--danger-soft);color:var(--danger);border-radius:9px;align-items:center;gap:9px;margin-top:16px;padding:11px 15px;font-size:12.5px;font-weight:600;display:flex}.section{margin-bottom:30px}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.section-title{color:var(--ink);margin:0 0 3px;font-size:14px;font-weight:600}.section-sub{color:var(--ink-faint);max-width:520px;margin:0;font-size:12px;line-height:1.5}.dropzone{border:1.5px dashed var(--paper-line-strong);color:var(--ink-faint);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:26px;display:flex}.dropzone svg{color:var(--ink-faint)}.dropzone-text{color:var(--ink-dim);margin:4px 0 0;font-size:13px}.dropzone-sub{color:var(--ink-faint);margin:0;font-size:11.5px}.file-row{border-bottom:1px solid var(--paper-line);align-items:center;gap:11px;padding:9px 4px;display:flex}.file-row:last-child{border-bottom:none}.file-icon{background:var(--paper-sunken);border:1px solid var(--paper-line);width:30px;height:30px;color:var(--ink-dim);border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.file-name{color:var(--ink);margin:0;font-size:12.5px;font-weight:600}.file-meta{color:var(--ink-faint);margin:1px 0 0;font-size:11px}.file-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-action{width:26px;height:26px;color:var(--ink-faint);border-radius:6px;justify-content:center;align-items:center;display:flex}.icon-action:hover{background:var(--paper-sunken);color:var(--danger)}.connector-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.connector-card{background:var(--paper);border:1px solid var(--paper-line);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.connector-top{align-items:flex-start;gap:10px;display:flex}.connector-icon{background:var(--paper-sunken);border:1px solid var(--paper-line);width:32px;height:32px;color:var(--ink-dim);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.connector-name-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.connector-name{color:var(--ink);margin:0;font-size:13px;font-weight:600}.connector-desc{color:var(--ink-faint);margin:2px 0 0;font-size:11.5px;line-height:1.4}.primary-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--accent-strong);background:var(--accent-soft);border-radius:8px;padding:2px 7px;font-size:9.5px;font-weight:600}.status-pill{border-radius:10px;align-items:center;gap:5px;width:fit-content;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-connected{color:var(--accent-strong);background:var(--accent-soft)}.status-off{color:var(--ink-faint);background:var(--paper-sunken)}.status-pending{color:#a1750a;background:#fdf1d9}.inline-form{border-top:1px solid var(--paper-line);margin-top:12px;padding-top:12px}.form-row{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.form-input{border:1.5px solid var(--paper-line-strong);min-width:160px;color:var(--ink);background:var(--paper);border-radius:7px;flex:1;padding:9px 12px;font-size:13px}.form-input:focus{border-color:var(--accent);outline:none}.form-label{color:var(--ink-dim);margin:0 0 6px;font-size:12px;font-weight:600;display:block}.form-group{margin-bottom:16px}textarea.form-textarea{border:1.5px solid var(--paper-line-strong);width:100%;min-height:140px;font-family:var(--font-mono);color:var(--ink);background:var(--paper);resize:vertical;border-radius:8px;padding:13px 15px;font-size:12.5px}.two-col{flex:1;grid-template-columns:280px 1fr;gap:0;display:grid;overflow:hidden}.project-list{border-right:1px solid var(--paper-line);padding:20px 16px;overflow-y:auto}.project-row{cursor:pointer;border-radius:9px;flex-direction:column;gap:2px;margin-bottom:3px;padding:10px 12px;display:flex}.project-row:hover{background:var(--paper-sunken)}.project-row-active{background:var(--accent-soft)}.project-row-name{color:var(--ink);font-size:13px;font-weight:600}.project-row-meta{color:var(--ink-faint);font-size:11px}.admin-body{flex:1;padding:24px 28px;overflow-y:auto}.tab-row{border-bottom:1px solid var(--paper-line);gap:4px;margin-bottom:20px;display:flex}.tab-btn{color:var(--ink-faint);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 16px;font-size:12.5px;font-weight:600}.tab-btn-active{color:var(--ink);border-bottom-color:var(--accent)}table.members,table.data-table{border-collapse:collapse;width:100%}table.members th,table.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);border-bottom:1px solid var(--paper-line);padding:8px 10px;font-size:10.5px;font-weight:600}table.members td,table.data-table td{color:var(--ink);border-bottom:1px solid var(--paper-line);vertical-align:middle;padding:11px 10px;font-size:13px}.member-name-cell{align-items:center;gap:9px;display:flex}.pill{background:var(--paper-sunken);color:var(--ink-dim);border-radius:9px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pill-active{color:var(--accent-strong);background:var(--accent-soft)}.pill-pending{color:#a1750a;background:#fdf1d9}.credit-meter-track{background:var(--paper-sunken);border-radius:4px;width:100%;height:7px;overflow:hidden}.credit-meter-fill{background:var(--accent);border-radius:4px;height:100%}.credit-meter-fill-warn{background:var(--danger)}.timeline{padding-left:22px;position:relative}.timeline:before{content:"";background:var(--paper-line-strong);width:1.5px;position:absolute;top:4px;bottom:4px;left:6px}.timeline-item{padding-bottom:22px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--accent);border:2px solid var(--paper);width:12px;height:12px;box-shadow:0 0 0 1.5px var(--accent);border-radius:50%;position:absolute;top:3px;left:-22px}.timeline-card{background:var(--paper-sunken);border:1px solid var(--paper-line);border-radius:10px;padding:14px 16px}.timeline-title{color:var(--ink);margin:0 0 3px;font-size:13px;font-weight:600}.timeline-meta{color:var(--ink-faint);font-size:11px;font-family:var(--font-mono);margin:0 0 6px}.timeline-body{color:var(--ink-dim);margin:0;font-size:12.5px;line-height:1.55}.meter-big{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.meter-big-num{color:var(--ink);font-size:28px;font-weight:700;font-family:var(--font-mono)}.meter-big-sub{color:var(--ink-faint);font-size:13px}.chat-scroll{flex-direction:column;flex:1;gap:16px;padding:4px 2px 10px;display:flex;overflow-y:auto}.chat-msg{white-space:pre-wrap;border-radius:12px;max-width:720px;padding:13px 16px;font-size:13.5px;line-height:1.6}.chat-msg-user{background:var(--ink);color:var(--paper);align-self:flex-end}.chat-msg-assistant{background:var(--paper-sunken);border:1px solid var(--paper-line);color:var(--ink);align-self:flex-start}.chat-composer{border-top:1px solid var(--paper-line);align-items:flex-end;gap:10px;padding-top:16px;display:flex}.chat-composer textarea{flex:1}.empty-state{color:var(--ink-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.step-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.step-tab{border:1px solid var(--paper-line-strong);background:var(--paper);color:var(--ink-faint);border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.step-tab-active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.step-tab-done{color:var(--accent-strong);border-color:var(--accent-soft);background:var(--accent-soft)}.step-num{opacity:.18;background:currentColor;border-radius:50%;width:18px;height:18px;display:inline-flex}.login-shell{background:var(--graphite-950);background-image:radial-gradient(var(--graphite-800) 1px, transparent 1px);background-size:20px 20px;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--paper);border-radius:16px;width:380px;padding:32px;box-shadow:0 24px 48px -24px #00000080}.login-member{border:1.5px solid var(--paper-line);background:var(--paper);text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px;display:flex}.login-member:hover{border-color:var(--accent);background:var(--paper-sunken)}@media (max-width:1150px){.panel-body,.two-col{grid-template-columns:1fr}.project-list{border-right:none;border-bottom:1px solid var(--paper-line)}}@media (max-width:860px){.sidebar{flex-basis:200px;width:200px}}.cc-panel{background:var(--graphite-950);color:var(--on-dark);border:1px solid var(--graphite-border);font-family:var(--font-mono);border-radius:12px;flex-direction:column;font-size:12.5px;line-height:1.6;display:flex;overflow:hidden}.cc-titlebar{border-bottom:1px solid var(--graphite-border);background:var(--graphite-900);align-items:center;gap:9px;padding:9px 14px;display:flex}.cc-titlebar-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.cc-titlebar-text{color:var(--on-dark);font-weight:600}.cc-titlebar-hint{color:var(--on-dark-faint);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:11px;overflow:hidden}.cc-scroll{flex-direction:column;gap:16px;min-height:220px;max-height:560px;padding:16px 18px;display:flex;overflow-y:auto}.cc-empty{color:var(--on-dark-faint);margin:0}.cc-user{background:var(--graphite-900);border:1px solid var(--graphite-border);border-radius:8px;gap:10px;padding:9px 12px;display:flex}.cc-prompt{color:var(--accent);flex:none;font-weight:700}.cc-user-text{white-space:pre-wrap;word-break:break-word;color:var(--on-dark)}.cc-assistant{flex-direction:column;gap:8px;display:flex}.cc-text{white-space:pre-wrap;word-break:break-word;font-family:var(--font-ui);color:var(--on-dark);font-size:13.5px}.cc-meta{color:var(--on-dark-faint);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.cc-tag{color:var(--accent);border:1px solid color-mix(in oklch, var(--accent) 50%, transparent);border-radius:10px;padding:0 7px}.cc-link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px;text-decoration:underline}.cc-tool{flex-direction:column;gap:2px;display:flex}.cc-tool-head{gap:8px;min-width:0;display:flex}.cc-dot{flex:none}.cc-dot-ok{color:#53be70;color:lab(69.418% -45.1896 29.6823)}.cc-dot-run{color:var(--on-dark-dim);animation:1.2s ease-in-out infinite cc-pulse}.cc-dot-err{color:#f3625d;color:lab(61.0965% 56.6147 33.1618)}.cc-tool-name{color:var(--on-dark);flex:none;font-weight:600}.cc-tool-args{color:var(--on-dark-dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cc-tool-result{color:var(--on-dark-dim);gap:8px;padding-left:18px;display:flex}.cc-tool-result>span:last-child{white-space:pre-wrap;word-break:break-word}.cc-elbow{color:var(--on-dark-faint);flex:none}.cc-err{color:#f97770;color:lab(65.9538% 50.1356 28.6987)}.cc-faint{color:var(--on-dark-faint)}.cc-perm,.cc-plan-approval{border:1px solid color-mix(in oklch, var(--accent) 55%, var(--graphite-border));background:color-mix(in oklch, var(--accent) 10%, var(--graphite-950));border-radius:8px;margin:4px 0 0 18px;padding:11px 13px}.cc-plan-approval{margin-left:0}.cc-perm-title{color:var(--on-dark);margin:0 0 3px;font-weight:600}.cc-perm-sub{color:var(--on-dark-dim);margin:0 0 10px}.cc-perm-actions{flex-wrap:wrap;gap:8px;display:flex}.cc-btn{font-family:var(--font-mono);border:1px solid var(--graphite-border);background:var(--graphite-800);color:var(--on-dark);cursor:pointer;border-radius:6px;padding:5px 11px;font-size:12px}.cc-btn:disabled{opacity:.45;cursor:default}.cc-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.cc-btn-stop{margin-left:auto}.cc-status{border-top:1px solid var(--graphite-border);color:var(--on-dark-dim);align-items:center;gap:8px;padding:8px 18px;display:flex}.cc-spinner{color:var(--accent);animation:2s linear infinite cc-spin;display:inline-block}.cc-error{background:color-mix(in oklch, var(--danger) 22%, var(--graphite-950));color:#febab4;color:lab(81.8463% 24.7274 13.5163);border-radius:7px;margin:0 18px 10px;padding:8px 11px}.cc-composer{border-top:1px solid var(--graphite-border);align-items:flex-start;gap:10px;padding:12px 18px 6px;display:flex}.cc-input{resize:none;color:var(--on-dark);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:13px;line-height:1.55}.cc-input::placeholder{color:var(--on-dark-faint)}.cc-footer{justify-content:space-between;align-items:center;gap:10px;padding:4px 18px 12px;display:flex}.cc-mode{font:inherit;color:var(--on-dark-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px}.cc-mode-on{color:#3aced6;color:lab(75.6428% -37.5959 -15.4539)}@keyframes cc-spin{to{transform:rotate(360deg)}}@keyframes cc-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.cc-spinner,.cc-dot-run{animation:none}}.approval-pill{font-family:var(--font-mono);white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:11px}.approval-pending_approval{color:#794900;color:lab(35.9141% 18.6888 55.3764);background:#ffecc4;background:lab(94.3887% 2.61948 23.6209)}.approval-approved{color:#005e27;color:lab(34.2033% -36.5668 24.5131);background:#d5f5da;background:lab(93.7045% -14.8141 9.47404)}.approval-rejected{background:var(--danger-soft);color:var(--danger)}.approval-draft{background:var(--paper-sunken);color:var(--ink-dim)}.approval-meta{color:var(--ink-faint);margin:-6px 0 10px;font-size:12px}.approval-comment{color:var(--ink-dim);border-left:3px solid var(--paper-line-strong);margin:0 0 12px;padding:2px 0 2px 10px;font-size:13px}.artefact-details summary{cursor:pointer;color:var(--accent-strong);font-size:12.5px;font-weight:600}.artefact-body{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);color:var(--ink-dim);background:var(--paper-sunken);border-radius:8px;max-height:420px;padding:12px;font-size:12px;overflow:auto}.review-box{flex-direction:column;gap:8px;margin-top:14px;display:flex}.review-input{resize:vertical;min-height:64px;font-family:var(--font-ui)}.artefact-editor{resize:vertical;border:1.5px solid var(--paper-line-strong);width:100%;min-height:260px;font-family:var(--font-mono);color:var(--ink);background:var(--paper);box-sizing:border-box;border-radius:8px;padding:12px;font-size:12.5px;line-height:1.55}@media (max-width:860px){.cc-titlebar-hint{display:none}.cc-scroll{max-height:460px}}