*,:after,:before{box-sizing:border-box}:root{color-scheme:dark}body,html{margin:0;padding:0}body{overflow-x:hidden;background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}input[type=number],input[type=search],input[type=text],select,textarea{width:100%;min-width:0;padding:0 var(--spacing-sm);border:1px solid var(--input-border);border-radius:var(--radius-input);background:var(--input-background);color:var(--foreground);font-size:var(--text-sm)}input[type=number],input[type=search],input[type=text],select{height:var(--btn-h-md)}textarea{padding:var(--spacing-sm);line-height:var(--leading-text-sm);resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-muted)}option{background:var(--surface-elevated);color:var(--foreground)}input:disabled,select:disabled,textarea:disabled{color:var(--text-disabled);-webkit-text-fill-color:var(--text-disabled);cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--foreground);-webkit-box-shadow:0 0 0 1000px var(--input-background) inset;caret-color:var(--foreground)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}*{scrollbar-width:thin;scrollbar-color:var(--gray-400) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--gray-300)}::-webkit-scrollbar-corner{background:transparent}.page{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-lg) var(--content-padding-x) var(--spacing-2xl)}@media (max-width:760px){.page{padding-left:var(--content-padding-x-mobile);padding-right:var(--content-padding-x-mobile)}}.stack{display:flex;flex-direction:column;margin-top:var(--spacing-lg)}.split,.stack{gap:var(--spacing-lg)}.split{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);grid-gap:var(--spacing-lg);align-items:start}@media (max-width:1100px){.split{grid-template-columns:minmax(0,1fr)}}.top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);min-height:60px;padding:0 0 var(--spacing-md);border-bottom:1px solid var(--border-hairline)}.brandLockup{display:flex;align-items:baseline;gap:var(--spacing-sm);min-width:0}.brandMark{display:flex;align-items:center;color:var(--foreground);margin-right:var(--spacing-2xs)}.rdMark{flex:0 0 auto;color:var(--primary);font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:.06em}.labName{flex:0 0 auto;color:var(--foreground);font-size:var(--text-md);font-weight:var(--font-weight-semi-bold);line-height:1;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;white-space:nowrap}a.labName:hover{color:var(--primary)}.infoWrap{position:relative}.infoBtn,.infoWrap{display:inline-flex;align-items:center}.infoBtn{flex:0 0 auto;align-self:center;justify-content:center;width:16px;height:16px;padding:0;border:1px solid var(--border-subtle-lighter);border-radius:999px;background:transparent;color:var(--text-muted);font-size:var(--text-xs);line-height:1;cursor:pointer}.infoBtn[aria-expanded=true]{border-color:var(--primary);color:var(--primary)}.infoPop{position:absolute;top:calc(100% + var(--spacing-xs));left:0;z-index:30;width:max-content;max-width:44ch;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-subtle-lighter);border-radius:var(--radius-card);background:var(--surface-elevated);box-shadow:var(--elevation-md);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-text-sm);text-transform:none;letter-spacing:normal;font-weight:var(--font-weight-normal)}.deployBadge{cursor:pointer;font:inherit}.deployBadge:disabled{cursor:default;opacity:1}.userInitials{display:inline-flex}.userInitials .cl-avatarBox{position:relative;background:var(--badge-orange)}.userInitials .cl-avatarBox:after{content:var(--user-initials);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--gray-900);font-size:var(--text-xs);font-weight:var(--font-weight-bold)}.userInitialsImage{visibility:hidden}.topMeta{display:flex;gap:var(--spacing-sm);min-width:0}.pill,.topMeta{align-items:center}.pill{display:inline-flex;height:24px;padding:0 var(--spacing-sm);border-radius:999px;border:1px solid var(--border-subtle-lighter);background:var(--surface-subtle);color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-text-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.pill.live{border-color:var(--primary-tint-strong);background:var(--primary-tint-light);color:var(--badge-green-text)}.pill.warn{border-color:var(--accent-tint-strong);background:var(--accent-tint-light);color:var(--badge-orange-text)}.pill.danger{border-color:var(--badge-red);background:var(--badge-red-bg);color:var(--badge-red-text)}.pill.conn{gap:var(--spacing-2xs);padding-left:var(--spacing-xs)}.connDot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.pill.conn.ok{border-color:var(--primary-tint-strong);color:var(--badge-green-text)}.pill.conn.degraded{border-color:var(--accent-tint-strong);color:var(--badge-orange-text)}.pill.conn.down,.pill.conn.unconfigured{border-color:var(--badge-red-text);color:var(--badge-red-text)}.pill.conn.idle .connDot{background:var(--text-muted);opacity:.5}.pill.conn.checking{opacity:.6}.card{background:var(--card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--spacing-lg);box-shadow:var(--elevation-sm)}.card.flush{padding:0;overflow:hidden}.cardHead{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.sectionTitle{font-size:var(--text-section-title);line-height:var(--leading-section-title);font-weight:var(--font-weight-semi-bold);margin:0}.subtle{color:var(--text-muted)}.btn,.subtle{font-size:var(--text-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:var(--btn-h-md);padding:0 var(--btn-px-md);border:1px solid var(--border);border-radius:var(--radius-button);background:var(--secondary);color:var(--secondary-foreground);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover:not(:disabled){background:var(--secondary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{border-color:transparent;background:var(--primary);color:var(--primary-foreground);font-weight:var(--font-weight-semi-bold)}.btn.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--glow-primary)}.btn.primary:active:not(:disabled){background:var(--primary-pressed);box-shadow:none}.btn.active{border-color:var(--primary);background:var(--primary-tint);color:var(--primary)}.btn.sm{height:var(--btn-h-sm);padding:0 var(--btn-px-sm);font-size:var(--text-xs)}.field{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;align-items:flex-start}.field.grow{flex:1 1 260px}.field.environment{flex:0 0 auto}.field.picker{position:relative;flex:1 1 220px}.field input,.field select,.field textarea{width:100%}.fieldLabel{display:flex;align-items:baseline;gap:var(--spacing-xs);color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em}.fieldLabel .req{color:var(--primary)}.fieldHint,.fieldLabel .req{text-transform:none;letter-spacing:normal}.fieldHint{color:var(--text-disabled);font-size:var(--text-xs);font-weight:var(--font-weight-normal)}.fieldDescription{max-width:100%;color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-text-sm)}.fieldError{color:var(--badge-red-text);font-size:var(--text-xs)}.checkRow{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer}.checkRow input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.notice{padding:var(--spacing-md);border:1px solid var(--accent-tint-strong);border-radius:var(--radius);background:var(--accent-tint-light);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-text-sm)}.notice.bad{border-color:var(--badge-red);background:var(--badge-red-bg);color:var(--badge-red-text)}.notice code{color:var(--accent);font-size:var(--text-xs)}.loadRow{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-md)}.loadHeadRight{display:flex;align-items:center;gap:var(--spacing-sm)}.loadButton{align-self:flex-end;margin-left:auto}.loadModeToggle{display:inline-flex;padding:var(--spacing-2xs);border:1px solid var(--border-subtle);border-radius:var(--radius-button);background:var(--surface-subtle);gap:var(--spacing-2xs)}.loadModeToggle button{height:var(--btn-h-sm);padding:0 var(--btn-px-sm);border:0;border-radius:calc(var(--radius-button) - 2px);background:transparent;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.loadModeToggle button:hover:not(.active){color:var(--text-secondary)}.loadModeToggle button.active{background:var(--primary);color:var(--primary-foreground);font-weight:var(--font-weight-semi-bold)}.pickerList{position:absolute;top:calc(100% + var(--spacing-2xs));left:0;right:0;z-index:20;max-height:300px;overflow-y:auto;padding:var(--spacing-2xs);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);box-shadow:var(--elevation-lg)}.pickerEmpty{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.pickerEmpty,.pickerItem{padding:var(--spacing-sm)}.pickerItem{display:block;width:100%;border:0;border-radius:var(--radius-input);background:transparent;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.pickerItem:hover{background:var(--primary-tint-light)}.pickerItem.active{background:var(--primary-tint)}.pickerItem.muted{cursor:not-allowed}.pickerItem.muted .pickerItemTitle{color:var(--text-muted)}.pickerItemTitle{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pickerItemSub{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-2xs);color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-text-xs)}.pickerChip{display:inline-flex;align-items:center;height:16px;padding:0 var(--spacing-xs);border-radius:999px;background:var(--badge-orange-bg);color:var(--badge-orange-text);font-size:10px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.03em}.wsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.stat{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.statLabel{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.statValue{font-size:var(--text-lg);font-weight:var(--font-weight-semi-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.statValue.muted{color:var(--text-muted);font-weight:var(--font-weight-normal)}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-xs);color:var(--text-secondary)}.toolSearch{margin-bottom:var(--spacing-md)}.toolGroup+.toolGroup{margin-top:var(--spacing-md)}.toolGroupTitle{margin:0 0 var(--spacing-xs);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-semi-bold);text-transform:uppercase;letter-spacing:.06em}.toolList{display:flex;flex-direction:column;gap:2px}.toolButton{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid transparent;border-radius:var(--radius-input);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.toolButton:hover{background:var(--surface-elevated);color:var(--foreground)}.toolButton.active{border-color:var(--primary-tint-strong);background:var(--primary-tint);color:var(--primary);font-weight:var(--font-weight-medium)}.writeDot{flex:none;margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--accent)}.toolForm{display:flex;flex-direction:column;gap:var(--spacing-md)}.toolDesc{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-text-sm)}.toolActions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.toolName{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-sm);font-weight:var(--font-weight-semi-bold)}.explorerSections{display:flex;flex-direction:column;gap:var(--spacing-md)}.explorerSection+.explorerSection{padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.explorerSectionHeading{margin:0 0 var(--spacing-xs);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-semi-bold);text-transform:uppercase;letter-spacing:.06em}.explorerSectionBody{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-text-sm);white-space:pre-wrap}.explorerArgs{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.explorerArg{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-input);background:var(--surface-subtle)}.explorerArgHead{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-xs);font-size:var(--text-sm)}.explorerArgHead code{color:var(--foreground);font-size:var(--text-sm)}.tabs{display:inline-flex;gap:var(--spacing-2xs);padding:var(--spacing-2xs);border:1px solid var(--border-subtle);border-radius:var(--radius-button);background:var(--surface-subtle)}.tabs button{height:var(--btn-h-sm);padding:0 var(--btn-px-sm);border:0;border-radius:calc(var(--radius-button) - 2px);background:transparent;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-medium);cursor:pointer}.tabs button.active{background:var(--primary);color:var(--primary-foreground);font-weight:var(--font-weight-semi-bold)}.json{margin:0;padding:var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-subtle);color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-xs);line-height:1.55;white-space:pre-wrap;word-break:break-word}.feed,.json{max-height:60vh;overflow:auto}.feed{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.feedRow{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:baseline;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-left:2px solid var(--border-subtle);border-radius:0 var(--radius-input) var(--radius-input) 0;background:var(--surface-subtle);font-size:var(--text-xs)}.feedRow.failed{border-left-color:var(--badge-red)}.feedRow.ok{border-left-color:var(--primary)}.feedRow.foreign{background:var(--primary-tint-light)}.feedTime{color:var(--text-disabled);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.feedTool{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.feedTool .feedClient{margin-left:var(--spacing-xs);color:var(--primary);font-family:inherit}.feedMeta{color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.feedError{grid-column:2/-1;margin-top:var(--spacing-2xs);color:var(--badge-red-text)}.empty{padding:var(--spacing-lg);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.chatSplit{display:grid;grid-template-columns:minmax(0,var(--history-w,260px)) var(--spacing-lg) minmax(0,1fr) var(--spacing-lg) minmax(0,var(--log-w,1fr));grid-gap:0;gap:0;align-items:start}.chatSplit.historyCollapsed{--history-w:40px}.chatSplit.logCollapsed{--log-w:40px}.paneHandle{align-self:stretch;position:relative;cursor:col-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.paneHandle.inert{cursor:default;pointer-events:none}.paneHandle:before{content:"";position:absolute;top:var(--spacing-md);bottom:var(--spacing-md);left:50%;width:2px;transform:translateX(-1px);border-radius:1px;background:transparent;transition:background .12s ease}.paneHandle:focus-visible:before,.paneHandle:hover:before{background:var(--border)}.paneHandle.dragging:before{background:var(--primary)}.paneHandle:focus-visible{outline:none}@media (max-width:1100px){.chatSplit,.chatSplit.historyCollapsed,.chatSplit.historyCollapsed.logCollapsed,.chatSplit.logCollapsed{grid-template-columns:minmax(0,1fr);gap:var(--spacing-lg)}.paneHandle{display:none}.historyCard.collapsed,.logCard.collapsed{height:auto;min-height:0}}.historyCard{display:flex;flex-direction:column;height:calc(100vh - 145px - var(--spacing-2xl));min-height:420px}.historyCard.collapsed{align-items:center;padding:var(--spacing-sm) 0}.historyExpand{width:100%;padding:var(--spacing-xs) 0;border:0;background:none;color:var(--text-muted);font-size:var(--text-md);cursor:pointer}.historyExpand:hover{color:var(--text-primary)}.historyRows{flex:1 1;min-height:0;overflow:auto;display:flex;flex-direction:column}.historyRow{position:relative;display:flex;align-items:center;width:100%;border-bottom:1px solid var(--border-subtle-lighter)}.historyRowOpen{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--spacing-sm) var(--spacing-lg);border:0;background:none;color:var(--text-primary);text-align:left;cursor:pointer}.historyRow:hover,.historyRowMenuButton{background:var(--surface-subtle)}.historyRowMenuButton{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);padding:0 6px;border:1px solid transparent;border-radius:var(--radius-input);box-shadow:-10px 0 10px -4px var(--surface-subtle);color:var(--text-muted);font-size:var(--text-md);line-height:1.4;letter-spacing:1px;cursor:pointer;opacity:0;visibility:hidden}.historyRow.menuOpen .historyRowMenuButton,.historyRow:hover .historyRowMenuButton,.historyRowMenuButton:focus-visible{opacity:1;visibility:visible}.historyRow.menuOpen .historyRowMenuButton,.historyRowMenuButton:hover{border-color:var(--border-subtle);color:var(--text-primary)}.historyRow.current .historyRowMenuButton{background:var(--primary-tint-light);box-shadow:-10px 0 10px -4px var(--primary-tint-light)}.historyRowMenu{position:fixed;z-index:40;display:flex;flex-direction:column;min-width:140px;padding:var(--spacing-xs) 0;border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-elevated);box-shadow:0 8px 24px rgb(0 0 0/40%)}.historyRowMenu button{padding:var(--spacing-xs) var(--spacing-md);border:0;background:none;color:var(--text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer}.historyRowMenu button:hover{background:var(--surface-elevated-hover)}.historyRowMenu button.danger{color:var(--text-muted)}.historyRowMenu button.danger.confirming{color:var(--destructive);font-weight:var(--font-weight-semi-bold)}.historyRowRename{flex:1 1;min-width:0;margin:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--input-border);border-radius:var(--radius-input);background:var(--input-background);color:var(--text-primary);font-size:var(--text-sm)}.historyScope{padding:14px var(--spacing-lg);border-bottom:1px solid var(--border-subtle-lighter)}.historyScope,.historyScopeTab{display:flex;gap:var(--spacing-xs)}.historyScopeTab{align-items:center;padding:3px var(--spacing-sm);border:1px solid transparent;border-radius:var(--radius-input);background:none;color:var(--text-muted);font-size:var(--text-xs);cursor:pointer}.historyScopeTab.current,.historyScopeTab:hover{color:var(--text-primary)}.historyScopeTab.current{border-color:var(--border-subtle);background:var(--surface-subtle)}.historyCount{padding:0 5px;border-radius:var(--radius-input);background:var(--surface-subtle);color:var(--text-muted);font-size:var(--text-xs)}.historyNote.bad{color:var(--destructive)}.historyNote{margin:0;padding:var(--spacing-xs) var(--spacing-lg);border-bottom:1px solid var(--border-subtle-lighter);color:var(--text-muted);font-size:var(--text-xs)}.historyRow.current{background:var(--primary-tint-light);box-shadow:inset 2px 0 0 var(--primary)}.historyRow.current .historyRowPreview{font-weight:var(--font-weight-semi-bold)}.chatArchived,.chatNameArchived{color:var(--text-muted);font-size:var(--text-sm)}.chatArchived{justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-top:1px solid var(--border-subtle-lighter)}.chatArchived,.historyRowTop{display:flex;align-items:center}.historyRowTop{gap:6px}.historyRowTime{font-size:var(--text-xs);color:var(--text-muted)}.historyRowDot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--badge-green)}.historyRowDot.busy{animation:historyRowDotPulse 1.4s ease-in-out infinite}@keyframes historyRowDotPulse{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.historyRowDot.busy{animation:none;opacity:.6}}.historyRowPreview{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.chatCard,.logCard{display:flex;flex-direction:column;height:calc(100vh - 145px - var(--spacing-2xl));min-height:420px}.logCard.collapsed{align-items:center;padding:var(--spacing-sm) 0}.chatHead,.historyCard .cardHead,.logCard .cardHead{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-subtle)}.chatHead,.historyCard .cardHead{margin-bottom:0}.chatName{flex:1 1;min-width:0;padding:2px var(--spacing-xs);border:1px solid transparent;border-radius:var(--radius-input);background:none;color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.chatName:hover{border-color:var(--border-subtle);color:var(--text-primary)}.chatNameInput{flex:1 1;min-width:0;padding:2px var(--spacing-xs);border:1px solid var(--primary);border-radius:var(--radius-input);background:var(--input-background);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm)}.chatHeadRight{justify-content:flex-end;margin-left:auto}.chatHeadRight,.chatPointers{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.chatPointers{padding:14px var(--spacing-lg);min-width:0}.chatWorkspace select{min-width:180px}.chatBadge{display:inline-flex;align-items:center;gap:var(--spacing-sm);max-width:220px;height:24px;padding:0 var(--spacing-sm);border-radius:999px;border:1px solid var(--border-subtle-lighter);background:var(--surface-subtle);color:var(--text-primary);font-size:var(--text-xs);line-height:var(--leading-text-xs);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatBadgeKey{font-weight:var(--font-weight-normal)}.chatBadge.muted,.chatBadgeKey{color:var(--text-muted)}a.chatBadge{text-decoration:none;color:var(--text-primary)}a.chatBadge:focus-visible,a.chatBadge:hover{border-color:var(--primary);background:var(--surface-elevated);color:var(--text-primary)}a.chatBadge:focus-visible .chatBadgeKey,a.chatBadge:hover .chatBadgeKey{color:var(--text-secondary)}.writeToggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);height:var(--btn-h-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-button);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer}.writeToggle.on{border-color:var(--accent);background:var(--accent-tint-light);color:var(--accent);font-weight:var(--font-weight-medium)}.chatScroll{flex:1 1;min-height:0;overflow:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.chatEmpty{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-text-sm)}.chatEmpty ul{margin:var(--spacing-md) 0 0;padding-left:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.chatEmpty code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-xs);color:var(--text-secondary)}.chatTurn p{margin:0;font-size:var(--text-sm);line-height:1.6}.chatTurn.user p{white-space:pre-wrap}.md{display:flex;flex-direction:column;gap:var(--spacing-sm);font-size:var(--text-sm);line-height:1.6;color:var(--text-primary);min-width:0;overflow-wrap:anywhere}.md>:first-child{margin-top:0}.md h3,.md h4,.md h5,.md h6{margin:var(--spacing-sm) 0 0;font-size:var(--text-sm);font-weight:var(--font-weight-semi-bold);line-height:1.4;color:var(--text-primary)}.md ol,.md ul{margin:0;padding-left:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.md li{line-height:1.6}.md a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.md blockquote{margin:0;padding-left:var(--spacing-md);border-left:2px solid var(--border-subtle);color:var(--text-secondary)}.md hr{width:100%;margin:var(--spacing-xs) 0;border:0;border-top:1px solid var(--border-subtle)}.md code{padding:.1em .35em;border-radius:var(--radius-input);color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.md .mdCode,.md code{background:var(--surface-subtle)}.md .mdCode{margin:0;padding:var(--spacing-md);overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.55}.md .mdCode code{padding:0;border-radius:0;background:none;font-size:inherit;white-space:pre}.md .mdTableWrap{max-width:100%;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius)}.md .mdTable{width:max-content;min-width:100%;border-collapse:collapse;font-size:var(--text-xs);line-height:1.5}.md .mdTable td,.md .mdTable th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle);overflow-wrap:break-word;max-width:32ch}.md .mdTable thead th{background:var(--surface-subtle);color:var(--text-secondary);font-weight:var(--font-weight-semi-bold);white-space:nowrap}.md .mdTable tbody tr:last-child td{border-bottom:0}.chatTurn.user{align-self:flex-start;max-width:80%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-card);background:var(--primary-tint);color:var(--text-primary)}.chatTurnFiles{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.chatTurn.user p+.chatTurnFiles{margin-top:var(--spacing-sm)}.chatTurnFiles .attachChip{background:var(--surface-elevated);border-color:var(--border-subtle-lighter);display:inline-block;max-width:100%;line-height:1.5}.chatTurnFiles .attachName{display:inline;max-width:100%;white-space:normal;overflow:visible;overflow-wrap:break-word}.chatTurnFiles .attachSize{margin-left:.45em}.chatTurnFiles .attachClip{float:left;margin:3px .35em 0 0}.attachClip{display:inline-flex;align-items:center;color:var(--text-muted);flex:none}.chatTurn.assistant{color:var(--text-primary)}.chatStep{display:flex;flex-direction:column;gap:var(--spacing-xs)}.chatStepHead{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:0;border:0;background:none;text-align:left;color:var(--text-muted);font:inherit;font-size:var(--text-xs);cursor:pointer}.chatStepHead:hover{color:var(--text-primary)}.chatStepCount{color:var(--text-muted);font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chatStepTools{display:flex;flex-direction:column;gap:var(--spacing-xs)}.chatThinking button{padding:0;border:0;background:none;color:var(--text-muted);font-size:var(--text-xs);cursor:pointer}.chatStep pre,.chatThinking pre{margin:var(--spacing-xs) 0 0;padding:var(--spacing-sm) var(--spacing-md);border-left:2px solid var(--border-subtle);color:var(--text-muted);font-family:inherit;font-size:var(--text-xs);line-height:1.55;white-space:pre-wrap}.toolCard{flex:none;border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-subtle);overflow:hidden}.toolCard.failed{border-color:var(--destructive)}@keyframes toolCardLanded{0%{border-color:var(--primary);background:var(--surface-elevated)}to{border-color:var(--border-subtle);background:var(--surface-subtle)}}.toolCard.flashed{animation:toolCardLanded 2.2s ease-out}.chatTurn,.toolCard{scroll-margin-top:var(--spacing-md)}@keyframes chatTurnLanded{0%{background:var(--surface-elevated);box-shadow:inset 0 0 0 1px var(--primary)}to{background:var(--primary-tint);box-shadow:inset 0 0 0 1px transparent}}.chatTurn.user.flashed{animation:chatTurnLanded 2.2s ease-out}@media (prefers-reduced-motion:reduce){.chatTurn.user.flashed{animation:none;box-shadow:inset 0 0 0 1px var(--primary)}.toolCard.flashed{animation:none;border-color:var(--primary)}}.toolCardHead{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:0;border-bottom:1px solid var(--border-subtle);background:none;text-align:left;cursor:pointer;font:inherit}.toolCard:not(:has(pre)):not(:has(.clipCards)):not(:has(.toolCardLinks)) .toolCardHead{border-bottom:0}.toolCardLinks{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-xs);line-height:var(--leading-text-xs)}.toolCardLinksLead{color:var(--text-muted)}.toolCardLinks a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.toolCardLinks a:focus-visible,.toolCardLinks a:hover{color:var(--text-primary)}.toolCardLinkUrl{flex:1 1 18ch;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.toolCardHead:hover{background:var(--surface-hover,rgba(255,255,255,.04))}.toolCardHead:focus-visible{outline:2px solid var(--focus-ring,var(--text-muted));outline-offset:-2px}.toolCardTwisty{color:var(--text-muted);font-size:var(--text-xs)}.toolCardCost,.toolCardSize{color:var(--text-muted);font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.toolCardCost{white-space:nowrap;cursor:help}.toolCardError{flex:1 1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--destructive);font-size:var(--text-xs)}.toolCardName{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-xs);font-weight:var(--font-weight-semi-bold);color:var(--text-primary)}.toolCardState{margin-left:auto;color:var(--text-muted);font-size:var(--text-xs)}.clipCards{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-subtle)}.clipRun{flex-wrap:wrap}.clipRun,.clipRunHead{display:flex;align-items:center;gap:var(--spacing-sm)}.clipRunHead{padding:0;border:0;background:none;color:var(--text-muted);font:inherit;cursor:pointer}.clipLayout{display:flex;gap:var(--spacing-2xs);margin-left:auto}.clipRunPreset{font-size:var(--text-sm);font-weight:var(--font-weight-semi-bold);color:var(--text-primary)}.clipRunFacts{font-size:var(--text-xs);color:var(--text-muted)}.clipWarning{margin:0;padding:var(--spacing-sm);border:1px solid var(--accent-tint-strong);border-radius:var(--radius);background:var(--accent-tint-light);color:var(--badge-orange-text);font-size:var(--text-xs);line-height:var(--leading-text-sm)}.clipUnplaced{font-size:var(--text-xs);color:var(--text-muted)}.clipUnplaced summary{cursor:pointer}.clipUnplaced ul{margin:var(--spacing-xs) 0 0;padding-left:var(--spacing-md)}.clipUnplaced li{margin-bottom:var(--spacing-2xs)}.clipUnplaced em{display:block;color:var(--text-muted);font-style:normal;opacity:.85}.clipGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.clipCard{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-raised,var(--card))}.clipCard.picked{border-color:var(--accent-tint-strong)}.clipCardTop{display:flex;align-items:center;justify-content:space-between;min-height:28px}.clipScore{font-size:var(--text-lg);font-weight:var(--font-weight-semi-bold);color:var(--accent);line-height:1;cursor:help}.clipScore.empty{visibility:hidden}.clipPick{width:24px;height:24px;padding:0;border:1px solid var(--border-subtle-lighter);border-radius:999px;background:var(--surface-subtle);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-semi-bold);line-height:1;cursor:pointer}.clipPick.on{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.clipCanvas{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-subtle)}.clipCanvas video{width:100%;height:100%;object-fit:cover;display:block}.clipPlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:0;background:rgba(0,0,0,.35);color:var(--text-primary);font-size:var(--text-lg);cursor:pointer}.clipPlay:hover{background:rgba(0,0,0,.2)}.clipLength,.clipNoPlayer span{padding:0 var(--spacing-xs);border-radius:var(--radius-input);background:rgba(0,0,0,.55);color:var(--text-primary);font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clipLength,.clipNoPlayer span,.clipProgress{position:absolute;right:var(--spacing-xs);bottom:var(--spacing-xs)}.clipProgress{left:var(--spacing-xs);height:3px;border-radius:2px;background:rgba(255,255,255,.25)}.clipProgress>span{display:block;height:100%;border-radius:2px;background:var(--accent)}.clipNoPlayer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:var(--spacing-sm);text-align:center;color:var(--text-muted);font-size:var(--text-xs)}.clipNoPlayer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.clipNoPlayer em{position:relative;padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-input);background:rgba(0,0,0,.6);font-style:normal}.clipTitle{margin:0;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.clipSpeaker{align-self:flex-start}.clipQuote{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-text-sm)}.clipQuoteWrap{position:relative;outline:none}.clipQuotePanel{display:none;position:absolute;top:calc(100% + var(--spacing-xs));left:0;z-index:20;width:max(100%,280px);max-width:min(420px,80vw);padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);box-shadow:0 8px 24px color-mix(in srgb,var(--background) 60%,transparent)}.clipQuoteWrap:focus-visible .clipQuotePanel,.clipQuoteWrap:hover .clipQuotePanel{display:flex;flex-direction:column;gap:var(--spacing-xs)}.clipQuoteWrap:focus-visible .clipQuote{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.clipQuotePanelTitle{padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:var(--text-xs);font-weight:700}.clipQuotePanel p{margin:0;color:var(--foreground);font-size:var(--text-xs);line-height:1.5}.clipMeta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);margin-top:auto;padding-top:var(--spacing-xs)}.clipRange{color:var(--text-muted);font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clipSave{width:100%}.clipList{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.clipRow{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-raised,var(--card))}.clipRow.picked{border-color:var(--accent-tint-strong)}.clipRowFrame{position:relative;flex:none;width:148px;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-input);background:var(--surface-subtle)}.clipRowFrame img,.clipRowFrame video{width:100%;height:100%;object-fit:cover;display:block}.clipRowPlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:0;background:rgba(0,0,0,.35);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer}.clipRowPlay:hover{background:rgba(0,0,0,.2)}.clipRowPlay:focus-visible{outline:2px solid var(--focus-ring,var(--text-primary));outline-offset:-2px}.clipRowProgress{position:absolute;left:2px;right:2px;bottom:2px;height:2px;border-radius:2px;background:rgba(255,255,255,.25);pointer-events:none}.clipRowProgress>span{display:block;height:100%;border-radius:2px;background:var(--accent)}.clipRowLength{position:absolute;right:2px;bottom:6px;pointer-events:none;padding:0 var(--spacing-2xs);border-radius:var(--radius-input);background:rgba(0,0,0,.6);color:var(--text-primary);font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clipRowBody{flex:1 1 11rem;min-width:9rem;display:flex;flex-direction:column;gap:var(--spacing-2xs)}.clipRowTitle{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.clipRowQuote,.clipRowTitle{overflow-wrap:break-word}.clipRowQuote{line-height:1.5}.clipRowQuote,.clipRowRange{color:var(--text-muted);font-size:var(--text-xs)}.clipRowRange{flex:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clipRowTheme{flex:none;max-width:130px;overflow:hidden;text-overflow:ellipsis}.clipRowScore{flex:none;min-width:2ch;text-align:right;color:var(--accent);font-size:var(--text-sm);font-weight:var(--font-weight-semi-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clipFooter,.clipFooterActions{display:flex;align-items:center;gap:var(--spacing-sm)}.clipFooter{justify-content:space-between;padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted)}.json.small{max-height:260px;border:0;border-radius:0;background:transparent;padding:var(--spacing-sm) var(--spacing-md)}.json.small.result{border-top:1px dashed var(--border-subtle);color:var(--text-primary)}.chatCompose{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:var(--spacing-md) var(--spacing-lg);padding:var(--spacing-xs);border:1px solid var(--border-subtle-lighter);border-radius:var(--radius-card);background:var(--input-background)}.chatCompose textarea{resize:none;font-family:inherit;font-size:var(--text-sm);border:0;background:transparent;padding:var(--spacing-xs) var(--spacing-sm)}.chatCompose textarea:focus,.chatCompose textarea:focus-visible{outline:none}.chatCompose:focus-within{border-color:var(--border-elevated);outline:2px solid var(--focus-ring);outline-offset:-1px}.chatCompose.dropping{background:var(--accent-tint-light);border-color:var(--accent);outline:2px dashed var(--accent);outline-offset:-3px}.chatAttachments{display:flex;flex-wrap:wrap;padding:0 var(--spacing-xs)}.attachChip,.chatAttachments{align-items:center;gap:var(--spacing-xs)}.attachChip{display:inline-flex;max-width:100%;padding:2px var(--spacing-xs);border-radius:999px;border:1px solid var(--border-subtle-lighter);background:var(--surface-subtle);font-size:var(--text-xs)}.attachName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:22ch;color:var(--text-primary)}.attachSize{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.attachDrop,.attachSize{color:var(--text-muted);flex:none}.attachDrop{border:0;background:none;padding:0 2px;cursor:pointer;font-size:var(--text-sm);line-height:1}.attachDrop:hover{color:var(--text-primary)}.attachError{color:var(--badge-red-text);font-size:var(--text-xs);overflow-wrap:break-word}.chatComposeFoot{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;padding:0 var(--spacing-xs) var(--spacing-xs)}.chatSend{margin-left:auto;flex:none}.modelSelect{height:24px;padding:0 var(--spacing-xs);border-radius:999px;border:1px solid var(--border-subtle-lighter);background:var(--surface-subtle);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);width:auto;flex:none;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.modelSelect:hover{background:var(--surface-elevated-hover);border-color:var(--border-elevated);color:var(--text-primary)}.modelSelect:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;color:var(--text-primary)}.modelPriceHint{font-size:var(--text-xs);line-height:var(--leading-text-xs);color:var(--text-muted);white-space:nowrap;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}@media (max-width:720px){.modelPriceHint{display:none}}.logHeadRight{display:flex;flex:1 1;min-width:0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--spacing-xs)}.logHeadRight>.btn,.paneCollapse{flex:none}.btn.sm.logIcon{flex:none;width:var(--btn-h-sm);padding:0;display:inline-flex;align-items:center;justify-content:center}.btn.sm.logIcon>svg{flex:none}.logFilter{flex:1 1 120px;min-width:68px;max-width:180px;height:var(--btn-h-sm);padding:0 var(--spacing-sm);border:1px solid var(--input-border);border-radius:var(--radius-input);background:var(--input-background);color:var(--text-primary);font-size:var(--text-xs)}.logFilterGroup,.logFilterMenu{position:relative}.logFilterMenu{cursor:pointer}.logFilterMenu>summary{list-style:none}.logFilterMenu>summary::-webkit-details-marker{display:none}.logFilterPanel{position:absolute;right:0;top:100%;margin-top:var(--spacing-xs);padding:var(--spacing-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--elevation-md);min-width:240px;z-index:1000}.logFilterPanel fieldset{border:none;padding:0;margin:0 0 var(--spacing-md) 0}.logFilterPanel fieldset:last-child{margin-bottom:0}.logFilterPanel legend{font-weight:var(--font-weight-semi-bold);color:var(--text-secondary);display:block}.logFilterPanel label,.logFilterPanel legend{font-size:var(--text-xs);margin-bottom:var(--spacing-xs)}.logFilterPanel label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.logFilterPanel input[type=checkbox]{cursor:pointer}.costRangeInputs{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.costRangeInputs input{flex:1 1;height:28px;padding:0 var(--spacing-xs);border:1px solid var(--input-border);border-radius:var(--radius-input);background:var(--input-background);color:var(--text-primary);font-size:var(--text-xs)}.costRangeSlider{width:100%;height:4px;margin-bottom:var(--spacing-xs);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.costRangeSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid var(--surface)}.costRangeSlider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid var(--surface)}.costRangeSlider::-webkit-slider-runnable-track{background:var(--border);height:4px;border-radius:2px}.costRangeSlider::-moz-range-track{background:var(--border);height:4px;border-radius:2px}.logRows{flex:1 1;min-height:0;overflow:auto;container:logRows/inline-size;display:flex;flex-direction:column;gap:1px;padding:0 var(--spacing-md) var(--spacing-md)}.logRow{width:100%;display:grid;grid-template-columns:44px 62px minmax(0,1fr) 96px 62px 56px 104px;align-items:center;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:0;border-left:2px solid transparent;border-radius:0 var(--radius-input) var(--radius-input) 0;background:transparent;color:var(--text-secondary);font-size:var(--text-xs);text-align:left;cursor:pointer}.logRow.open,.logRow:hover{background:var(--surface-elevated)}.logRow.open{border-left-color:var(--primary)}.logRow.pending{border-left-color:var(--accent)}.logRow.canceled{border-left-color:var(--badge-orange)}.logRow.failed{border-left-color:var(--destructive)}.logClient,.logPrincipal,.logSeq,.logTime{color:var(--text-muted)}.logClient,.logMethod,.logPrincipal,.logSeq,.logTime{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logMethod{color:var(--text-primary)}.logState{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.logCost,.logState{text-align:right;color:var(--text-muted);white-space:nowrap}.logCost{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}@container logRows (max-width: 560px){.logRow{grid-template-columns:44px 62px minmax(0,1fr) 56px 104px}.logClient,.logPrincipal{display:none}}@container logRows (max-width: 420px){.logRow{grid-template-columns:62px minmax(0,1fr) 104px}.logCost,.logSeq{display:none}}.logDetailPane{display:flex;flex-direction:column;flex-shrink:0;min-height:0;margin:0 var(--spacing-md) var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-subtle);overflow:hidden}.logDetailHandle{flex:0 0 auto;position:relative;height:10px;cursor:row-resize}.logDetailHandle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:3px;border-radius:999px;background:var(--border-subtle)}.logDetailHandle:hover:after,.logDetailPane.resizing .logDetailHandle:after{background:var(--primary)}.logDetailHead{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.logDetailTitle{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-xs);font-weight:var(--font-weight-semi-bold);color:var(--text-primary)}.logDetailActions{display:flex;align-items:center;gap:var(--spacing-xs)}.logDetailBody{flex:1 1;min-height:0;overflow:auto;padding:var(--spacing-md)}.logFacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm);margin:0 0 var(--spacing-md)}.logFacts dt{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.logFacts dd{margin:2px 0 0;color:var(--text-primary);overflow-wrap:anywhere}.logFacts dd,.logLabel{font-size:var(--text-xs)}.logLabel{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0 var(--spacing-xs);color:var(--text-secondary);font-weight:var(--font-weight-semi-bold)}.logQuestion{margin:0 0 var(--spacing-sm);color:var(--text-primary);font-size:var(--text-sm);line-height:1.5}.logErrorTag{color:var(--destructive);font-weight:var(--font-weight-normal)}.logToolCall{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-input)}.logToolHead{display:flex;align-items:center;gap:var(--spacing-sm)}.statsBlock{padding:0 var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.statsCols{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-top:var(--spacing-md)}.statRow{display:flex;justify-content:space-between;gap:var(--spacing-sm);padding:2px 0;font-size:var(--text-xs);color:var(--text-secondary)}.statRow span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statRow span:last-child{flex:none;white-space:nowrap}.mainNav{display:flex;align-items:stretch;gap:var(--spacing-lg);padding:0;border-bottom:1px solid var(--border-hairline)}.top.hasNav{padding-bottom:0;border-bottom:0}.mainNavItem{position:relative;padding:var(--spacing-sm) 0 calc(var(--spacing-sm) - 1px);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none;white-space:nowrap;transition:color var(--transition-fast)}.mainNavItem.active,.mainNavItem:hover{color:var(--foreground)}.mainNavItem.active{font-weight:var(--font-weight-semi-bold);box-shadow:inset 0 -2px 0 0 var(--primary)}.mainNavItem.pending{color:var(--text-disabled);cursor:default}.envSelect{height:24px;padding:0 var(--spacing-xs);border-radius:999px;border:1px solid var(--border-subtle-lighter);background:var(--surface-subtle);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);width:auto}.envSelect.production{border-color:var(--badge-orange-text);background:var(--badge-orange-bg);color:var(--badge-orange-text)}.top,.topMeta{flex-wrap:wrap;row-gap:var(--spacing-xs)}.topMeta{justify-content:flex-end}.envMenu{position:relative;flex:none;display:inline-flex}.envSelect{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.envSelect:disabled{cursor:default;opacity:.7}.envSelect:focus-visible{outline:2px solid var(--border-elevated);outline-offset:2px}.envChevron{opacity:.7}.envOptions{position:absolute;top:calc(100% + 4px);left:0;z-index:50;min-width:100%;margin:0;padding:4px;list-style:none;border-radius:var(--radius-card);border:1px solid var(--border-elevated);background:var(--surface-elevated);white-space:nowrap}.envOption{padding:4px 10px;border-radius:var(--radius-button);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer}.envOption.active{background:var(--surface-elevated-hover)}.envOption.active,.envOption.selected{color:var(--text-primary)}.envOption.unavailable{color:var(--text-disabled);cursor:not-allowed}.envOption.unavailable.active{background:transparent}.storyReady{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--accent-tint-strong);border-radius:var(--radius);background:var(--accent-tint-light);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-text-sm)}.storyReady.bad{border-color:var(--badge-red);background:var(--badge-red-bg);color:var(--badge-red-text)}.storyReadyLine{margin:0}.storyReadyActions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-sm)}.storyReadyLink{color:var(--text-secondary);font-size:var(--text-xs);text-decoration:underline;text-underline-offset:2px}.storyReadyLink:focus-visible,.storyReadyLink:hover{color:var(--text-primary)}.previewCard{display:flex;flex-direction:column;gap:var(--spacing-2xs);margin-top:var(--spacing-sm)}.previewFrame{width:100%;height:460px;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius);display:block}@media (max-width:720px){.previewFrame{height:560px}}.previewFrame.musicFrame{height:420px}.previewFrame.workspaceFrame{height:440px}@media (max-width:720px){.previewFrame.musicFrame{height:420px}}.previewTabs{display:flex;align-items:center;gap:var(--spacing-xs)}.unsavedBadge{margin-left:auto;padding:2px 10px;border-radius:999px;border:1px solid var(--badge-orange);background:var(--badge-orange-bg);color:var(--badge-orange);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.previewVideo{gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-subtle)}.creatomateStage,.previewVideo{display:flex;flex-direction:column}.creatomateStage{align-items:center;gap:var(--spacing-xs)}.creatomateBox{position:relative;max-width:100%;background:var(--background);border-radius:var(--radius);overflow:hidden}.creatomateBox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.creatomateState{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted);font-size:var(--text-xs);pointer-events:none}.previewStudio{width:100%;height:var(--btn-h-lg);text-decoration:none}.previewFrame[hidden]{display:none}.previewFoot{display:flex;flex-wrap:wrap;gap:var(--spacing-2xs) var(--spacing-sm);margin:0;color:var(--text-muted);font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.previewWarn{color:var(--block-warn);font-feature-settings:normal;font-variant-numeric:normal}.storyBody{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md);align-items:start}@media (max-width:900px){.storyBody{grid-template-columns:minmax(0,1fr)}}.storyStage{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.storyVideo{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--gray-900);border:1px solid var(--border-subtle);border-radius:var(--radius-card);display:block}.storyStageFoot{margin:0;color:var(--text-muted);font-size:var(--text-xs)}.storyNoMedia{justify-content:center;gap:var(--spacing-sm);aspect-ratio:16/9;padding:var(--spacing-lg);background:var(--surface-subtle);border:1px dashed var(--border-subtle);border-radius:var(--radius-card);color:var(--text-secondary);font-size:var(--text-sm)}.storyAside,.storyNoMedia{display:flex;flex-direction:column}.storyAside{gap:var(--spacing-md);min-width:0}.storyTitle{font-size:var(--text-lg);font-weight:var(--font-weight-semi-bold);color:var(--text-primary)}.storySummary,.storyTitle{margin:0;overflow-wrap:break-word}.storySummary{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.storySummarySource{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.storyFacts{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg)}.storyFact{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.storyFactLabel{color:var(--text-muted);font-size:var(--text-xs);text-transform:lowercase}.storyFactValue{color:var(--text-primary);font-size:var(--text-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.storySection{flex-direction:column;align-items:flex-start}.storySection,.storySectionTitle{display:flex;gap:var(--spacing-sm)}.storySectionTitle{align-items:baseline;margin:0;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semi-bold);text-transform:uppercase;letter-spacing:.06em}.storySectionNote{color:var(--text-muted);font-weight:var(--font-weight-normal);text-transform:none;letter-spacing:normal}.storyChips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.storyChip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-2xs) var(--spacing-sm);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-button);color:var(--text-secondary);font-size:var(--text-xs)}.storyChip em{padding:0 var(--spacing-xs);background:var(--primary-tint);border-radius:var(--radius-input);color:var(--primary);font-style:normal;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.storyChapters{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:0;padding:0;list-style:none;width:100%}.storyChapters li{display:flex;gap:var(--spacing-sm);font-size:var(--text-sm)}.storyChapterAt{flex:0 0 auto;min-width:3.5em;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.storyChapterTitle{color:var(--text-secondary);overflow-wrap:break-word}.storyCard.bare{margin-top:var(--spacing-sm)}.storyPills{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.signInPage{min-height:100vh;display:grid;place-items:center;padding:var(--spacing-lg) var(--spacing-md)}.signInCard{width:100%;max-width:420px;gap:var(--spacing-md);padding:var(--spacing-lg);border:1px solid var(--border-hairline);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--elevation-md);position:relative}.signInBrand,.signInCard{display:flex;flex-direction:column}.signInBrand{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) 0 var(--spacing-lg);border-bottom:1px solid var(--border-hairline)}.signInLogo{display:inline-flex;color:var(--foreground)}.signInProduct{flex-direction:column;gap:var(--spacing-2xs);color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase}.signInEnv,.signInProduct{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.signInEnv{position:absolute;top:var(--spacing-md);right:var(--spacing-md);height:24px;padding:0 var(--spacing-sm);border:1px solid var(--primary-tint-strong);border-radius:999px;background:var(--primary-tint-subtle);color:var(--primary);white-space:nowrap}.signInTitle{font-size:var(--text-lg);line-height:var(--leading-text-lg);font-weight:var(--font-weight-semi-bold)}.signInLead,.signInTitle{margin:0;text-align:center}.signInLead{color:var(--text-secondary);font-size:var(--text-sm)}.signInNote{margin:0;color:var(--text-muted);font-size:var(--text-xs)}.signInWho{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-hairline);border-radius:var(--radius-input);background:var(--surface-elevated)}.signInWho>span{display:flex;flex-direction:column;min-width:0}.signInEmail{color:var(--text-secondary);font-size:var(--text-sm);overflow-wrap:break-word}.signInAvatar{width:32px;height:32px;border-radius:50%;flex:none}.signInInitials{display:inline-flex;align-items:center;justify-content:center;background:var(--badge-orange);color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-weight-bold)}.signInPrimary,.signInSecondary{width:100%;text-decoration:none}.signInClerk{display:flex;justify-content:center}.signInClerkCard,.signInClerkRoot{width:100%;max-width:100%}.signInClerkCard{box-shadow:none!important;border:0!important}.signInProductName{color:var(--foreground);font-weight:var(--font-weight-bold)}.signInAppleIcon{filter:invert(1)}.signInHidden{display:none!important}