.composer{flex:0 0 auto;padding:12px 16px 16px;background:transparent}.composer-box{border:1px solid rgba(255,255,255,.85);border-radius:var(--radius-lg);background:#ffffffe6;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);padding:10px 10px 10px 14px;box-shadow:0 10px 30px #2b20661a,0 1px 3px #2b20660d;transition:border-color .15s ease,box-shadow .15s ease}.composer-box:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px #5b46f221,0 12px 32px #2b206624}.composer-input{display:block;width:100%;max-height:160px;min-height:22px;padding:0;border:none;background:transparent;color:var(--text);font-size:14px;line-height:1.55;resize:none;overflow-y:auto}.composer-input:focus{outline:none}.composer-input::placeholder{color:var(--text-3)}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.composer-hint{color:var(--text-3);font-size:11.5px}.composer-send{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;min-width:30px;padding:0 12px;border:none;border-radius:var(--radius-pill);background-image:var(--accent-grad);background-color:var(--accent);color:#fff;font-size:13px;font-weight:500;box-shadow:0 2px 10px #5b46f242;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}.composer-send:hover:not(:disabled){background-image:var(--accent-grad-hover);background-color:var(--accent-hover);box-shadow:0 4px 16px #5b46f252}.composer-send:active:not(:disabled){transform:translateY(.5px)}.composer-send:disabled{border:1px solid var(--border);background-image:none;background-color:var(--panel-sunken);color:var(--text-3);box-shadow:none;cursor:not-allowed}.composer-send.is-stop{border:1px solid var(--border-strong);background-image:none;background-color:var(--panel);color:var(--text);box-shadow:none}.composer-send.is-stop:hover{background-color:var(--panel-sunken)}.chat-pane{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;min-height:0;background:transparent}.message-list{flex:1;min-height:0;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.msg-row{display:flex;animation:cc-fade-in .18s ease}.msg-row.is-user{justify-content:flex-end}.msg-row.is-agent{justify-content:flex-start}.user-bubble{max-width:86%;padding:8px 12px;border:1px solid var(--accent-border);border-radius:var(--radius);background:var(--accent-soft);color:var(--text);font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.agent-card{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:12px}.agent-card-head{display:flex;align-items:center;gap:7px;margin-bottom:12px}.agent-avatar{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:var(--accent-soft);color:var(--accent-text)}.agent-title{font-size:13px;font-weight:600}.agent-time{margin-left:auto;color:var(--text-3);font-size:11.5px;font-variant-numeric:tabular-nums}.stepper{display:flex;align-items:flex-start;margin:0 0 12px;padding:0;list-style:none}.step{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}.step-rail{position:absolute;top:8px;left:calc(50% + 11px);right:calc(-50% + 11px);height:1px;background:var(--border)}.step:last-child .step-rail{display:none}.step.is-done .step-rail{background:var(--accent-border)}.step-dot{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border:1px solid var(--border-strong);border-radius:50%;background:var(--panel);color:#fff}.step.is-done .step-dot{border-color:var(--accent);background:var(--accent)}.step.is-active .step-dot{border-color:var(--accent);background:var(--panel);animation:cc-pulse-ring 1.7s ease-out infinite}.step-dot-core{width:5px;height:5px;border-radius:50%;background:var(--border-strong)}.step.is-active .step-dot-core{background:var(--accent)}.step.is-pending .step-label{color:var(--text-3)}.step-label{max-width:100%;color:var(--text-2);font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step.is-done .step-label{color:var(--text-2)}.step.is-active .step-label{color:var(--accent-text);font-weight:600}.agent-status{display:flex;align-items:flex-start;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-sub);color:var(--text-2);font-size:12.5px;line-height:1.45}.agent-status svg{flex:0 0 auto;margin-top:2px;color:var(--accent)}.heal-note{display:flex;align-items:flex-start;gap:7px;margin-top:8px;padding:7px 10px;border:1px solid var(--warn-border);border-radius:var(--radius-sm);background:var(--warn-bg);color:var(--warn-text);font-size:12px;line-height:1.45}.heal-note svg{flex:0 0 auto;margin-top:2px}.heal-note-title{font-weight:600;flex:0 0 auto}.heal-note-reason{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-changes{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.file-change{display:flex;align-items:center;gap:7px;padding:4px 8px;border-radius:6px;background:var(--panel-sub);font-size:12px}.file-change-icon{display:inline-flex;align-items:center;color:var(--text-3);flex:0 0 auto}.file-change-icon.is-create{color:var(--accent)}.file-change-icon.is-delete{color:var(--danger)}.file-change-path{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:11.5px;color:var(--text)}.file-change-action{flex:0 0 auto;color:var(--text-3);font-size:11px}.file-change-bytes{flex:0 0 auto;color:var(--text-2);font-size:11px;font-variant-numeric:tabular-nums}.code-stream{margin-top:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-sunken);overflow:hidden}.code-stream-head{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px 0 10px;border-bottom:1px solid var(--border);background:var(--panel)}.code-stream-file{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--text-2)}.code-stream-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:11.5px;color:var(--text)}.code-stream-tabs{display:inline-flex;align-items:center;gap:2px;min-width:0;overflow:hidden}.code-tab{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;padding:0 7px;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-3);font-family:var(--mono);font-size:11px}.code-tab:hover{background:var(--panel-sunken);color:var(--text-2)}.code-tab.is-active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text)}.code-stream-meta{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:var(--text-3);font-size:11px;flex:0 0 auto}.code-stream-meta svg{color:var(--accent)}.code-stream-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:5px;background:transparent;color:var(--text-2)}.code-stream-toggle:hover{background:var(--panel-sunken);color:var(--text)}.code-stream-toggle svg{color:inherit;transition:transform .16s ease}.code-stream-toggle svg.is-flipped{transform:rotate(-90deg)}.code-stream-body{max-height:calc(var(--code-line-h) * 12);margin:0;padding:8px 10px;overflow:auto;font-family:var(--mono);font-size:12px;line-height:var(--code-line-h);color:#2c2c28;white-space:pre;-moz-tab-size:2;tab-size:2}.code-stream-body code{font-family:inherit}.code-caret{display:inline-block;width:6px;height:12px;margin-left:1px;vertical-align:-1px;background:var(--accent);animation:cc-caret 1s steps(2,start) infinite}@keyframes cc-caret{0%,to{opacity:1}50%{opacity:0}}.result-summary{margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-sub)}.result-summary-head{display:flex;align-items:flex-start;gap:7px}.result-badge{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;flex:0 0 auto;margin-top:1px;color:#fff}.result-badge.is-ok{background:var(--ok)}.result-badge.is-warn{background:var(--warn-text)}.result-summary-text{font-size:13px;line-height:1.5;color:var(--text)}.result-stats{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:9px;padding-top:9px;border-top:1px dashed var(--border)}.result-stat{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:var(--radius-pill);background:var(--panel);border:1px solid var(--border);color:var(--text-2);font-size:11px;font-variant-numeric:tabular-nums}.result-stat strong{margin:0 3px;color:var(--text);font-weight:600}.agent-error{display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding:8px 10px;border:1px solid #f0d5d0;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:12.5px;line-height:1.45}.agent-error svg{flex:0 0 auto;margin-top:2px}.agent-stopped{margin-top:10px;color:var(--text-3);font-size:12px}.chat-empty{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;overflow:hidden;text-align:center}.chat-empty-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;font-size:clamp(40px,7vw,116px);font-weight:800;line-height:1;letter-spacing:.06em;white-space:nowrap;color:#5b46f20e;-webkit-user-select:none;user-select:none;pointer-events:none}.chat-empty-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}.chat-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--accent-border);border-radius:13px;background:var(--panel);color:var(--accent);box-shadow:var(--shadow-soft)}.chat-empty-title{margin:2px 0 0;font-size:15px;font-weight:600;color:var(--text)}.chat-empty-desc{margin:0;max-width:300px;color:var(--text-2);font-size:12.5px;line-height:1.6}.chat-empty-examples{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px}.example-chip{height:27px;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--panel);color:var(--text-2);font-size:12.5px;transition:all .15s ease}.example-chip:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text)}.deploy-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#12121173;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:deploy-fade .16s ease-out}@keyframes deploy-fade{0%{opacity:0}to{opacity:1}}.deploy-dialog{position:relative;width:min(520px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 18px 48px #1212112e;animation:deploy-rise .18s ease-out}@keyframes deploy-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.deploy-close{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.deploy-close:hover{background:var(--surface-2, #f2f2f0);color:var(--text)}.deploy-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;padding-right:24px}.deploy-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--accent-soft, #eef0fe);color:var(--accent);margin-top:1px}.deploy-title{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--text)}.deploy-sub{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}.deploy-sub strong{color:var(--text);font-weight:600}.deploy-link-row{display:flex;gap:8px;align-items:center}.deploy-link{flex:1;min-width:0;border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--surface-2, #f7f7f5);color:var(--text);outline:none}.deploy-link:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft, #eef0fe)}.deploy-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.deploy-actions .btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap}.deploy-hint{font-size:12px;color:var(--muted);line-height:1.5}.gallery{flex:1;min-height:0;display:flex;flex-direction:column;background:transparent}.gallery-head{flex:0 0 auto;width:100%;max-width:1120px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 28px 16px}.gallery-title{margin:0 0 4px;font-size:19px;font-weight:600;color:var(--text)}.gallery-sub{margin:0;font-size:13px;color:var(--muted)}.gallery-body{flex:1;min-height:0;overflow-y:auto;width:100%;max-width:1120px;margin:0 auto;padding:0 28px 28px}.gallery-hint{padding:48px 0;text-align:center;font-size:13.5px;color:var(--muted)}.gallery-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.gallery-card{display:flex;flex-direction:column;gap:8px;padding:16px 17px 15px;border:1px solid rgba(255,255,255,.85);border-radius:var(--radius);background:#ffffffeb;box-shadow:var(--shadow-soft);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.gallery-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-pop);transform:translateY(-2px)}.gallery-card-title{margin:0;font-size:14.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-card-desc{margin:0;font-size:12.5px;line-height:1.6;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:48px}.gallery-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.gallery-card-time{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.gallery-card-foot .btn{display:inline-flex;align-items:center;gap:5px;text-decoration:none}.quality-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px}.quality-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel);margin-bottom:14px}.quality-score{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.quality-score.is-ok{color:var(--ok, #1f8a4c)}.quality-score.is-warn{color:var(--warn, #b7791f)}.quality-head-text{font-size:12.5px;color:var(--muted)}.quality-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.quality-item{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.quality-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;margin-top:1px}.quality-item.is-ok .quality-icon{background:#1f8a4c1a;color:var(--ok, #1f8a4c)}.quality-item.is-warn .quality-icon{background:#b7791f1f;color:var(--warn, #b7791f)}.quality-body{display:flex;flex-direction:column;gap:3px;min-width:0}.quality-label{font-size:13px;font-weight:500;color:var(--text)}.quality-detail{font-size:12px;line-height:1.55;color:var(--muted);word-break:break-word}.quality-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--muted);font-size:13px}.usage-scroll{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:16px}.usage-hint{padding:40px 8px;text-align:center;font-size:12.5px;line-height:1.7;color:var(--muted)}.usage-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.usage-hero-col{display:flex;flex-direction:column;gap:5px;padding:12px 13px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.usage-hero-value{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.usage-hero-value.is-baseline{color:var(--text-3);font-weight:500}.usage-hero-value.is-save{color:var(--ok)}.usage-hero-label{font-size:11px;line-height:1.4;color:var(--muted)}.usage-baseline-note{margin:-6px 0 0;font-size:11.5px;line-height:1.5;color:var(--text-3)}.usage-assumption{margin:0;padding:10px 12px;border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-text);font-size:11.5px;line-height:1.7}.usage-section{display:flex;flex-direction:column;gap:8px}.usage-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.usage-section-title{margin:0;font-size:12.5px;font-weight:600;color:var(--text)}.usage-section-meta{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.usage-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.usage-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);font-size:12px}.usage-row.is-price{grid-template-columns:minmax(0,1fr) auto}.usage-tier{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text)}.usage-num{font-size:12px;font-variant-numeric:tabular-nums;text-align:right;color:var(--text-2)}.usage-dim{color:var(--muted)}.usage-save{color:var(--ok);font-weight:500}.usage-foot{margin:0;font-size:11px;color:var(--text-3);text-align:center}.preview-pane{flex:0 0 var(--preview-w);width:var(--preview-w);min-width:0;display:flex;flex-direction:column;background:transparent;container-type:inline-size}.preview-pane.is-full{flex:1 1 auto;width:auto}.preview-rail{flex:0 0 40px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0;background:transparent;border:none;border-left:1px solid var(--border);color:var(--text-3);cursor:pointer;transition:color .15s ease,background .15s ease}.preview-rail:hover{color:var(--accent-text);background:#5b46f214}.preview-rail-label{writing-mode:vertical-rl;font-size:12px;letter-spacing:.1em}.preview-toolbar{flex:0 0 auto;height:44px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;background:#ffffffb8;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-bottom:1px solid rgba(233,230,247,.9)}.tab-group{display:inline-flex;align-items:center;gap:2px;padding:2px;min-width:0;border-radius:var(--radius-pill);background:#ffffffa8}.tab-btn{height:26px;padding:0 13px;flex:0 0 auto;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-2);font-size:13px;font-weight:500;transition:all .15s ease}.tab-btn:hover{color:var(--accent-text)}.tab-btn.is-active{border-color:transparent;background:var(--panel);color:var(--accent-text);box-shadow:0 1px 4px #2b20661a}.toolbar-actions{display:flex;align-items:center;flex:0 0 auto;gap:8px}.device-group{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:var(--radius-pill);background:#ffffffa8}.device-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-2)}.device-btn:hover{color:var(--text)}.device-btn.is-active{border-color:var(--border);background:var(--panel);color:var(--accent);box-shadow:0 1px 2px #1818140d}.toolbar-divider{width:1px;height:18px;background:var(--border)}@container (max-width: 620px){.toolbar-optional{display:none}}@container (max-width: 520px){.device-group{display:none}}@container (max-width: 430px){.preview-toolbar{gap:4px;padding:0 8px}.tab-btn{padding:0 7px}.toolbar-actions{gap:6px}}.preview-body{flex:1;min-height:0;display:flex;flex-direction:column}.preview-stage{flex:1;min-height:0;display:flex;justify-content:center;padding:14px;background:#ffffff57}.device-frame{height:100%;max-width:100%;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-lg);background:#fff;overflow:hidden;box-shadow:0 18px 44px #2b206624,0 2px 8px #2b20660f}.preview-frame{display:block;width:100%;height:100%;border:0;background:#fff}.preview-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px;text-align:center}.preview-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text-2)}.preview-empty-state h2{margin:2px 0 0;font-size:15px;font-weight:600}.preview-empty-state p{margin:0;max-width:360px;color:var(--text-2);font-size:12.5px;line-height:1.6}.preview-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:13px}.code-viewer{flex:1;min-height:0;display:flex;background:var(--panel)}.code-file-list{flex:0 0 190px;border-right:1px solid var(--border);padding:10px 8px;overflow-y:auto}.code-file-list-title{padding:0 6px 6px;color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.code-file-item{display:flex;align-items:center;gap:7px;width:100%;height:28px;padding:0 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-2);font-size:12.5px;text-align:left}.code-file-item:hover{background:var(--panel-sunken);color:var(--text)}.code-file-item.is-active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}.code-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:12px}.code-content{flex:1;min-width:0;display:flex;flex-direction:column}.code-content-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--panel-sub);font-family:var(--mono);font-size:12px;color:var(--text)}.code-content-meta{color:var(--text-3);font-family:var(--font);font-size:11.5px}.code-content-body{flex:1;min-height:0;overflow:auto;padding:8px 0 16px;font-family:var(--mono);font-size:12px;line-height:var(--code-line-h)}.code-line{display:flex;align-items:flex-start;min-width:max-content}.code-line:hover{background:var(--panel-sub)}.code-ln{flex:0 0 48px;padding-right:12px;text-align:right;color:var(--text-3);-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.code-lc{flex:1;padding-right:16px;white-space:pre;color:#2c2c28}.version-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px;background:var(--panel)}.version-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--border)}.version-panel-title{font-size:13px;font-weight:600}.version-panel-current{color:var(--text-2);font-size:12px}.version-timeline{padding-top:14px}.version-item{display:flex;gap:10px}.version-rail{position:relative;flex:0 0 12px;display:flex;flex-direction:column;align-items:center;padding-top:4px}.version-dot{width:9px;height:9px;border:1px solid var(--border-strong);border-radius:50%;background:var(--panel);flex:0 0 auto}.version-item.is-active .version-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.version-line{flex:1;width:1px;margin:4px 0;background:var(--border)}.version-body{flex:1;min-width:0;padding-bottom:18px}.version-item.is-active .version-body{margin-bottom:4px;padding:10px 12px 12px;border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft)}.version-head{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.version-label{font-size:13px;font-weight:600}.version-time{display:inline-flex;align-items:center;gap:4px;color:var(--text-3);font-size:11.5px;font-variant-numeric:tabular-nums}.version-summary{margin:6px 0 0;color:var(--text-2);font-size:12.5px;line-height:1.55}.version-item.is-active .version-summary{color:var(--accent-text)}.version-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.version-rollback{margin-top:8px}.project-list{flex:1;min-height:0;display:flex;flex-direction:column;background:transparent}.project-list-head{flex:0 0 auto;width:100%;max-width:1120px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 28px 16px}.project-list-title{margin:0 0 4px;font-size:19px;font-weight:600;color:var(--text)}.project-list-sub{margin:0;font-size:13px;color:var(--muted)}.project-list-body{flex:1;min-height:0;overflow-y:auto;width:100%;max-width:1120px;margin:0 auto;padding:0 28px 28px}.project-list-hint{padding:48px 0;text-align:center;font-size:13.5px;color:var(--muted)}.project-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.project-row{display:flex;align-items:center;gap:12px;padding:0 16px 0 0;border:1px solid rgba(255,255,255,.85);border-radius:var(--radius);background:#ffffffeb;box-shadow:var(--shadow-soft);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.project-row:hover{border-color:var(--accent-border);box-shadow:var(--shadow-pop);transform:translateY(-2px)}.project-row-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:13px 14px;border:none;border-radius:var(--radius);background:transparent;text-align:left}.project-row-main:disabled{cursor:default}.project-row-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;color:var(--text)}.project-row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:11.5px;color:var(--muted)}.project-row-meta-item{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.project-badge{padding:1px 7px;border:1px solid var(--accent-border);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-size:11px;font-weight:500}.project-row-action{flex:0 0 auto;color:var(--accent-text);font-size:12.5px;font-weight:500}.runtime-banner{flex:0 0 auto;display:flex;align-items:center;gap:8px;height:36px;padding:0 16px;background:var(--warn-bg);border-bottom:1px solid var(--warn-border);color:var(--warn-text);font-size:13px;animation:cc-fade-in .18s ease}.runtime-banner.is-limit{background:var(--danger-soft);border-bottom-color:#f0d5d0;color:#a03828}.runtime-banner-icon{display:inline-flex;align-items:center;flex:0 0 auto}.runtime-banner-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.runtime-banner-close{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:6px;background:transparent;color:inherit;opacity:.7}.runtime-banner-close:hover{opacity:1;background:#0000000f}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:60;max-width:420px;padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);box-shadow:var(--shadow-pop);color:var(--text);font-size:13px;animation:cc-fade-in .18s ease}.topbar{flex:0 0 auto;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:#ffffffb8;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-bottom:1px solid rgba(233,230,247,.9);z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px;min-width:0}.topbar-left{flex:1;min-width:0}.topbar-right{flex:0 0 auto}.brand{display:flex;align-items:center;gap:8px;flex:0 0 auto}.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;border-radius:8px;box-shadow:0 2px 8px #5b46f247;transition:transform .18s ease,box-shadow .18s ease}.brand:hover .brand-mark{transform:translateY(-1px) rotate(-3deg);box-shadow:0 4px 12px #5b46f25c}.brand-mark svg{display:block}.brand-name{font-size:15px;font-weight:600;letter-spacing:-.01em}.topbar-divider{width:1px;height:18px;background:var(--border);flex:0 0 auto}.project-name{display:inline-flex;align-items:center;gap:6px;max-width:320px;height:28px;padding:0 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:14px;font-weight:500}.project-name:hover{background:var(--panel-sunken);border-color:var(--border)}.project-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-name-pencil{color:var(--text-3);flex:0 0 auto}.project-name:hover .project-name-pencil{color:var(--text-2)}.project-name-input{width:240px;height:28px;padding:0 8px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--panel);font-size:14px;font-weight:500}.project-name-input:focus{outline:none}.model-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--panel-sub);color:var(--text-2);font-size:12px;font-weight:500;cursor:default}.model-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.model-name{color:var(--text);font-family:var(--mono);font-size:11.5px}.model-sep{color:var(--text-3)}.app{height:100%;display:flex;flex-direction:column;background:transparent;overflow:hidden}.app-main{flex:1;min-height:0;display:flex;align-items:stretch}.pane-splitter{flex:0 0 6px;position:relative;padding:0;border:none;background:transparent;cursor:col-resize;touch-action:none}.pane-splitter:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translate(-50%);background:var(--border);transition:width .15s ease,background .15s ease}.pane-splitter:hover:before,.pane-splitter:focus-visible:before{width:2px;border-radius:1px;background:var(--accent)}.pane-splitter:focus-visible{outline:none}.pane-splitter:after{content:"";position:absolute;top:0;bottom:0;left:-4px;right:-4px}body.is-col-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.is-col-resizing *{cursor:col-resize!important}:root{--bg: #f7f5ff;--panel: #ffffff;--panel-sub: #fbfaff;--panel-sunken: #f3f1fd;--border: #e9e6f7;--border-strong: #d7d2ee;--text: #1b1a2e;--text-2: #6f6b8a;--text-3: #9a96b2;--accent: #5b46f2;--accent-hover: #4d36e6;--accent-press: #402bc9;--accent-soft: #f0edff;--accent-soft-2: #e5e0ff;--accent-border: #ddd6ff;--accent-text: #4b34d8;--accent-grad: linear-gradient(135deg, #7c5cff 0%, #5b46f2 52%, #8b3af0 100%);--accent-grad-hover: linear-gradient(135deg, #6f4dff 0%, #4d36e6 52%, #7d2ce6 100%);--aurora: radial-gradient(880px 600px at 0% 0%, rgba(71, 227, 255, .34), rgba(0, 0, 0, 0) 68%), radial-gradient(980px 680px at 100% 0%, rgba(100, 73, 255, .3), rgba(0, 0, 0, 0) 66%), radial-gradient(720px 500px at 54% 6%, rgba(196, 188, 255, .46), rgba(0, 0, 0, 0) 68%), radial-gradient(800px 620px at 4% 100%, rgba(51, 28, 254, .18), rgba(0, 0, 0, 0) 66%), radial-gradient(880px 660px at 98% 96%, rgba(170, 79, 255, .24), rgba(0, 0, 0, 0) 66%);--warn-bg: #fff9e8;--warn-border: #f0e2b6;--warn-text: #8a6d1a;--danger: #c0392b;--danger-soft: #fdf0ee;--ok: #2f7a52;--muted: var(--text-2);--warn: var(--warn-text);--surface-2: var(--panel-sunken);--radius-sm: 12px;--radius: 16px;--radius-lg: 22px;--radius-pill: 999px;--shadow-soft: 0 2px 10px rgba(43, 32, 102, .05);--shadow-pop: 0 12px 34px rgba(43, 32, 102, .11), 0 2px 8px rgba(43, 32, 102, .05);--topbar-h: 56px;--code-line-h: 19px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);background-image:var(--aurora);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d5cff0;border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#bdb4e6;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--panel);color:var(--text);font-size:13px;font-weight:500;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.btn:hover:not(:disabled){background:var(--panel-sunken);border-color:var(--border-strong);box-shadow:var(--shadow-soft)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border-color:transparent;background-image:var(--accent-grad);background-color:var(--accent);color:#fff;box-shadow:0 2px 10px #5b46f23d}.btn-primary:hover:not(:disabled){border-color:transparent;background-image:var(--accent-grad-hover);background-color:var(--accent-hover);box-shadow:0 4px 16px #5b46f252}.btn-primary:active:not(:disabled){background-color:var(--accent-press)}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:#5b46f214;border-color:transparent;box-shadow:none;color:var(--accent-text)}.btn-sm{height:26px;padding:0 10px;font-size:12px}.btn-icon{width:32px;padding:0}.btn-icon.btn-sm{width:26px}.tag{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--panel-sub);color:var(--text-2);font-size:11px;font-weight:500;white-space:nowrap}.tag-accent{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text)}.tag-warn{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn-text)}@keyframes cc-spin{to{transform:rotate(360deg)}}@keyframes cc-pulse-ring{0%{box-shadow:0 0 #5b46f247}70%{box-shadow:0 0 0 6px #5b46f200}to{box-shadow:0 0 #5b46f200}}@keyframes cc-fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.spin{animation:cc-spin .9s linear infinite}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}