.approval-card{border:1px solid var(--chat-border);border-radius:8px;background:var(--chat-surface);margin:12px 0;overflow:hidden;font-size:14px}.approval-card__header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--chat-surface-2);border-bottom:1px solid var(--chat-border)}.approval-card__icon{font-size:16px}.approval-card__title{font-weight:500;color:var(--text-primary);flex:1}.approval-card__host{font-family:monospace;font-size:12px;color:var(--text-secondary);background:var(--chat-surface-3);padding:2px 6px;border-radius:4px}.approval-card__status{font-size:11px;text-transform:uppercase;font-weight:600;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.approval-card__status--pending{background:var(--color-warning-soft, #fff3cd);color:var(--color-warning, #856404)}.approval-card__status--approved{background:var(--color-success-soft, #d4edda);color:var(--color-success, #155724)}.approval-card__status--denied{background:var(--color-danger-soft, #f8d7da);color:var(--color-danger, #721c24)}.approval-card__body{padding:12px}.approval-card__command{font-family:monospace;background:var(--chat-code-bg, #1e1e1e);color:var(--chat-code-fg, #d4d4d4);padding:8px;border-radius:4px;white-space:pre-wrap;word-break:break-all;font-size:13px;margin-bottom:8px}.approval-card__meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-secondary);align-items:center}.approval-card__label{font-weight:500;color:var(--text-tertiary);margin-right:4px}.approval-card__actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;background:var(--chat-surface-2);border-top:1px solid var(--chat-border)}.approval-card__actions--resolved{justify-content:center;color:var(--text-secondary);font-style:italic;font-size:13px}.approval-btn{border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.approval-btn--approve{background:var(--color-success, #28a745);color:#fff}.approval-btn--approve:hover{background:var(--color-success-dark, #218838)}.approval-btn--deny{background:var(--chat-surface-3);color:var(--text-primary);border:1px solid var(--chat-border)}.approval-btn--deny:hover{background:var(--chat-surface-hover)}@media(pointer:coarse){.approval-btn{min-height:44px;padding:10px 16px;font-size:14px}.approval-card__actions{gap:10px;padding:10px 12px}}.chat-header-agent-selector button{display:flex;align-items:center;background:transparent;border:1px solid transparent;cursor:pointer;color:var(--text-secondary, #888);transition:all .2s ease}.chat-header-agent-selector button:hover{background:var(--surface-hover, rgba(255, 255, 255, .05));color:var(--text, #fff)}.chat-mode-toggle{display:flex;align-items:center;background:var(--surface-2, #222);border-radius:6px;padding:2px;margin-right:8px;height:28px}.chat-mode-btn{background:transparent;border:none;border-radius:4px;color:var(--text-secondary, #888);font-size:12px;font-weight:500;padding:0 8px;height:100%;cursor:pointer;transition:all .2s ease}.chat-mode-btn:hover{color:var(--text, #fff)}.chat-mode-btn--active{background:var(--surface-3, #333);color:var(--text, #fff);box-shadow:0 1px 2px #0003}.chat-tool-divider{width:1px;height:16px;background:var(--border, #333);margin:0 8px}@media(pointer:coarse){.chat-mode-toggle{height:36px}.chat-mode-btn{font-size:13px;padding:0 12px;min-height:36px}.chat-header-agent-selector button{min-height:44px;padding:8px 12px}}.chat-work-panel{background:var(--surface-2, #1a1a1a);border-bottom:1px solid var(--border, #333);overflow:hidden;transition:max-height .3s ease}.chat-work-panel--collapsed{max-height:0;border-bottom:none}.chat-work-header{display:flex;align-items:center;padding:8px 16px;background:var(--surface-3, #252525);font-size:12px;font-weight:600;color:var(--text-secondary, #888);border-bottom:1px solid var(--border, #333)}.chat-work-list{padding:8px 0;max-height:200px;overflow-y:auto}.chat-work-item{display:flex;align-items:center;padding:6px 16px;gap:12px;font-size:13px;color:var(--text, #fff)}.chat-work-item:hover{background:var(--surface-hover, rgba(255, 255, 255, .05))}.chat-work-item__icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #666)}.chat-work-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-work-item__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.chat-work-item__meta{font-size:11px;color:var(--text-secondary, #888);display:flex;gap:8px}.chat-work-item__status{text-transform:capitalize}.chat-work-item__status--running{color:var(--color-primary, var(--text-secondary))}.chat-work-item__status--completed{color:var(--color-success, #10b981)}.chat-work-item__status--failed{color:var(--color-danger, #ef4444)}.chat-work-item__status--pending{color:var(--color-warning, var(--color-brand))}.chat-work-item__action{background:transparent;border:1px solid var(--border, #444);border-radius:4px;padding:2px 6px;font-size:11px;color:var(--text-secondary, #aaa);cursor:pointer;transition:all .2s}.chat-work-item__action:hover{background:var(--surface-4, #333);color:var(--text, #fff);border-color:var(--text-secondary, #888)}.error-state-wrapper{display:flex;align-items:center;justify-content:center;min-height:100%;padding:24px;background:var(--bg-base)}.error-state-card{max-width:560px;width:100%;padding:32px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.error-state-icon{font-size:48px;line-height:1;margin-bottom:16px;display:block}.error-state-title{margin:0 0 12px;font-size:22px;font-weight:600;line-height:1.3;color:var(--text-primary);letter-spacing:-.5px}.error-state-message{margin:0 0 24px;font-size:15px;line-height:1.6;color:var(--text-secondary)}.error-state-metadata{margin-bottom:24px;padding:12px;background:var(--bg-elevated);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px}.error-state-metadata-item{display:flex;justify-content:space-between;gap:12px;font-size:13px}.error-state-metadata-label{font-weight:500;color:var(--text-secondary)}.error-state-metadata-value{color:var(--text-primary);word-break:break-word;font-family:SF Mono,Monaco,Inconsolata,monospace}.error-state-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.error-state-action{padding:12px 16px;border-radius:var(--radius-md);border:none;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease-out}.error-state-action:disabled{opacity:.6;cursor:not-allowed}.error-state-action--primary{background:var(--color-brand);color:#fff}.error-state-action--primary:not(:disabled):hover{background:var(--color-brand);filter:brightness(1.1)}.error-state-action--primary:not(:disabled):active{filter:brightness(.95)}.error-state-action--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.error-state-action--secondary:not(:disabled):hover{background:var(--border-default)}.error-state-action--tertiary{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.error-state-action--tertiary:not(:disabled):hover{background:var(--color-accent);color:#fff}.spinner-mini{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state-details{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-default)}.error-state-details-summary{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;user-select:none;padding:0}.error-state-details-summary:hover{color:var(--text-primary)}.error-state-details-icon{display:inline-flex;align-items:center;transition:transform .2s ease-out}.error-state-details[open] .error-state-details-icon{transform:rotate(90deg)}.error-state-details-label{font-size:13px}.error-state-details-content{margin-top:16px;padding:12px;background:var(--bg-elevated);border-radius:var(--radius-md);font-size:13px;font-family:SF Mono,Monaco,Inconsolata,monospace;line-height:1.5}.error-state-detail-row{margin-bottom:12px;display:flex;align-items:flex-start;gap:8px}.error-state-detail-row:last-child{margin-bottom:0}.error-state-detail-label{color:var(--text-secondary);min-width:100px;flex-shrink:0}.error-state-detail-value{color:var(--text-primary);word-break:break-word}.error-state-detail-code{background:var(--bg-base);color:var(--color-brand);padding:2px 4px;border-radius:3px;word-break:break-all}.error-state-detail-block{margin:8px 0;padding:8px;background:var(--bg-base);border-radius:4px;overflow-x:auto;color:var(--color-danger);max-height:200px;overflow-y:auto}.error-state-detail-block code{display:block;word-break:break-word;white-space:pre-wrap}[data-theme=light] .error-state-card{background:#fff;border-color:#00000014}[data-theme=light] .error-state-icon{filter:opacity(.9)}[data-theme=light] .error-state-details-content{background:#f5f5f5}[data-theme=light] .error-state-detail-block{background:#efefef}.error-state-action:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.error-state-details-summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}@media(max-width:640px){.error-state-card{padding:24px}.error-state-title{font-size:20px}.error-state-message{font-size:14px}.error-state-actions{flex-direction:column}.error-state-action{width:100%}}.inline-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-left:3px solid;border-radius:var(--radius-md);font-size:14px;line-height:1.5}.inline-error-content{display:flex;align-items:flex-start;gap:10px;flex:1}.inline-error-icon{display:inline-block;font-size:16px;flex-shrink:0}.inline-error-message{flex:1}.inline-error-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.inline-error-action-button{padding:6px 12px;background:var(--color-brand);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease-out;white-space:nowrap}.inline-error-action-button:hover{filter:brightness(1.1)}.inline-error-action-button:active{filter:brightness(.95)}.inline-error-dismiss-button{padding:4px 8px;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease-out}.inline-error-dismiss-button:hover{background:var(--border-default);color:var(--text-primary)}.inline-error-action-button:focus-visible,.inline-error-dismiss-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}@media(max-width:640px){.inline-error{flex-direction:column;align-items:flex-start}.inline-error-actions{width:100%;justify-content:flex-start}.inline-error-action-button{width:100%}}.section-error{padding:16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-left:3px solid var(--color-warning);border-radius:var(--radius-md)}.section-error-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.section-error-icon{display:inline-block;font-size:18px;flex-shrink:0}.section-error-title{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.section-error-message{margin:0 0 12px;font-size:14px;color:var(--text-secondary);line-height:1.5}.section-error-retry-button{padding:8px 12px;background:var(--color-brand);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease-out}.section-error-retry-button:hover{filter:brightness(1.1)}.section-error-retry-button:active{filter:brightness(.95)}.section-error-retry-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.section-error-retry-button:disabled{opacity:.6;cursor:not-allowed}.technical-details{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-default)}.technical-details-summary{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;user-select:none;padding:0;margin:0}.technical-details-summary:hover{color:var(--text-primary)}.technical-details-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;transition:transform .2s ease-out;flex-shrink:0}.technical-details[open] .technical-details-icon{transform:rotate(90deg)}.technical-details-label{font-size:13px}.technical-details-content{margin-top:16px;padding:12px;background:var(--bg-elevated);border-radius:var(--radius-md);font-size:12px;font-family:SF Mono,Monaco,Inconsolata,monospace;line-height:1.5;color:var(--text-secondary)}.technical-details-row{margin-bottom:12px;display:flex;align-items:flex-start;gap:8px}.technical-details-row:last-child{margin-bottom:0}.technical-details-label-text{color:var(--text-secondary);min-width:100px;flex-shrink:0;font-weight:500}.technical-details-value{color:var(--text-primary);word-break:break-word}.technical-details-code{background:var(--bg-base);color:var(--color-brand);padding:2px 4px;border-radius:3px;word-break:break-all}.technical-details-block{margin:8px 0;padding:8px;background:var(--bg-base);border-radius:4px;overflow-x:auto;color:var(--color-danger);max-height:200px;overflow-y:auto}.technical-details-block code{display:block;word-break:break-word;white-space:pre-wrap}.technical-details-summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}@media(max-width:640px){.technical-details-content{font-size:11px}.technical-details-label-text{min-width:70px}}.fleet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5);gap:var(--space-4)}.fleet-header__left{display:flex;flex-direction:column;gap:2px}.fleet-header__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.fleet-header__subtitle{font-size:var(--text-sm);color:var(--text-tertiary)}.fleet-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}@media(max-width:800px){.fleet-stats{grid-template-columns:repeat(2,1fr)}}.fleet-stat-card{background:var(--bg-surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:4px;transition:border-color var(--transition-fast)}.fleet-stat-card:hover{border-color:#ffffff1f}.fleet-stat-card__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-weight:var(--font-medium)}.fleet-stat-card__value{font-size:24px;font-weight:var(--font-bold);color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.1}.fleet-stat-card__value--success{color:var(--color-success)}.fleet-stat-card__value--muted{color:var(--text-secondary)}.fleet-stat-card__detail{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}.fleet-stat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.fleet-stat-dot--green{background:var(--color-success);box-shadow:0 0 4px #22c55e66}.fleet-stat-dot--gray{background:var(--text-tertiary);opacity:.5}.fleet-stat-dot--red{background:var(--color-danger)}.fleet-table-wrap{background:var(--bg-surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);overflow:hidden}.fleet-table{width:100%;border-collapse:collapse}.fleet-table th{text-align:left;font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);font-weight:var(--font-medium);white-space:nowrap}.fleet-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.03);font-size:var(--text-sm);vertical-align:middle;color:var(--text-primary)}.fleet-table tr:last-child td{border-bottom:none}.fleet-table tr{transition:background var(--transition-fast)}.fleet-table tbody tr:hover{background:#ffffff05}.fleet-status-cell{display:flex;align-items:center;gap:8px}.fleet-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.fleet-status-dot--running{background:var(--color-success);box-shadow:0 0 6px #22c55e66;animation:fleet-pulse 2s ease-in-out infinite}.fleet-status-dot--stopped{background:var(--text-tertiary);opacity:.5}.fleet-status-dot--created{background:var(--color-accent)}.fleet-status-dot--error{background:var(--color-danger);box-shadow:0 0 6px #ef444466}.fleet-status-dot--starting{background:var(--color-warning);animation:fleet-pulse 1s ease-in-out infinite}@keyframes fleet-pulse{0%,to{opacity:1}50%{opacity:.4}}.fleet-status-label{font-size:12px;text-transform:capitalize;color:var(--text-secondary)}.fleet-name-cell{display:flex;flex-direction:column;gap:2px}.fleet-name-cell__name{font-weight:var(--font-semibold);color:var(--text-primary)}.fleet-auto-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;border:1px solid rgba(239,68,68,.4);background:#ef44441f;color:#fda4af;font-size:11px;font-weight:600;letter-spacing:.02em}.fleet-name-cell__id{font-size:11px;color:var(--text-tertiary);font-family:var(--font-family-mono, monospace)}.fleet-type-cell{display:flex;align-items:center;gap:6px}.fleet-type-icon{font-size:16px;line-height:1}.fleet-actions{display:flex;gap:6px;align-items:center}.fleet-actions .btn{height:28px;padding:0 var(--space-3);font-size:12px;border-radius:var(--radius-md)}.fleet-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);text-align:center;background:var(--bg-surface);border:1px dashed rgba(255,255,255,.08);border-radius:var(--radius-lg)}.fleet-empty__icon{font-size:48px;margin-bottom:var(--space-4);opacity:.3;color:var(--text-tertiary)}.fleet-empty__icon svg{width:48px;height:48px}.fleet-empty__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.fleet-empty__text{font-size:var(--text-sm);color:var(--text-secondary);max-width:340px;margin-bottom:var(--space-5);line-height:1.5}.fleet-modal__type-selector{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-5)}.fleet-modal__type-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--bg-surface);border:2px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.fleet-modal__type-card:hover{border-color:#ffffff26;background:var(--bg-surface-hover)}.fleet-modal__type-card--active{border-color:var(--color-brand)!important;background:#ef44440a!important;box-shadow:0 0 0 1px #ef444426}.fleet-modal__type-icon{font-size:28px;line-height:1}.fleet-modal__type-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.fleet-modal__type-desc{font-size:11px;color:var(--text-tertiary)}.fleet-proxy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}@media(max-width:600px){.fleet-proxy-grid{grid-template-columns:1fr}}.fleet-action-btn{padding:4px 12px;font-size:12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family-body)}.fleet-action-btn:hover{background:#ffffff0f;color:var(--text-primary);border-color:#fff3}.fleet-action-btn--danger{color:var(--color-danger);border-color:#ef444433}.fleet-action-btn--danger:hover{background:#ef444414;border-color:#ef444459}.fleet-modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(20px);z-index:var(--z-toast);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fleet-fade-in .15s ease-out}@keyframes fleet-fade-in{0%{opacity:0}to{opacity:1}}.fleet-modal{background:var(--bg-app, #141414);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:520px;box-shadow:0 24px 80px #00000080;animation:fleet-scale-in .2s ease-out}@keyframes fleet-scale-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.fleet-modal__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-5)}.fleet-modal__type-selector{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.fleet-modal__type-card{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:12px 16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-fast)}.fleet-modal__type-card:hover{border-color:#fff3;background:var(--bg-surface-hover)}.fleet-modal__type-card--active{border-color:var(--color-brand);background:#ef444414}.fleet-modal__type-icon{font-size:20px}.fleet-modal__type-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.fleet-modal__fields-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:500px){.fleet-modal__fields-row{grid-template-columns:1fr}}.fleet-modal__field{margin-bottom:var(--space-4)}.fleet-modal__field-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:6px}.fleet-modal__input{width:100%;padding:10px 12px;background:var(--bg-surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-family-body);transition:border-color var(--transition-fast);outline:none;box-sizing:border-box}.fleet-modal__input:focus{border-color:var(--color-brand)}.fleet-modal__input::placeholder{color:var(--text-tertiary)}.fleet-modal__textarea{resize:vertical;min-height:64px}select.fleet-modal__input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.fleet-modal__actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.fleet-modal__btn{flex:1;padding:10px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:none;font-family:var(--font-family-body);transition:all var(--transition-fast)}.fleet-modal__btn--cancel{background:var(--bg-surface);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.fleet-modal__btn--cancel:hover{background:var(--bg-surface-hover)}.fleet-modal__btn--submit{background:var(--color-brand);color:#fff}.fleet-modal__btn--submit:hover{opacity:.9}.fleet-modal__btn--submit:disabled{opacity:.5;cursor:not-allowed}.fleet-table__row--selected>td{background:#ef44440a}.fleet-table__row--selected{border-left:2px solid var(--color-brand)}.fleet-detail-block{background:var(--bg-tertiary, rgba(255, 255, 255, .03));border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.fleet-detail-block__label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-weight:500}.fleet-detail-block__value{font-size:13px;color:var(--text-primary);font-weight:500}.fleet-action-btn--active{background:#ef44441a;border-color:var(--color-brand);color:var(--color-brand)}.fleet-settings-section{background:var(--bg-surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:16px 20px}.fleet-settings-shell{padding-top:8px}.fleet-settings-layout{gap:var(--space-3)}.fleet-settings-actions{display:flex;justify-content:flex-end}@media(max-width:768px){.fleet-settings-actions{justify-content:stretch}.fleet-settings-actions .btn{width:100%}}.nodes-root{padding:var(--space-5);height:100%;display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--layout-max-width, 1400px)}.nodes-pg-header{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.nodes-pg-header__icon{width:52px;height:52px;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(var(--color-brand-rgb),.15),rgba(var(--color-brand-rgb),.05));border:1px solid rgba(var(--color-brand-rgb),.12);display:flex;align-items:center;justify-content:center;color:var(--color-brand);flex-shrink:0;backdrop-filter:blur(12px)}.nodes-pg-header__title{font-size:var(--text-display);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tighter);line-height:1.15}.nodes-pg-header__subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin:4px 0 0;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.nodes-pg-header__right{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.nodes-pg-stat{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.nodes-pg-stat--online .nodes-pg-stat__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-bg);animation:nodes-pulse 2s ease-in-out infinite}@keyframes nodes-pulse{0%,to{box-shadow:0 0 0 3px var(--color-success-bg)}50%{box-shadow:0 0 0 6px var(--color-success-bg),0 0 12px #22c55e26}}.nodes-pg-refresh{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-surface) 60%,transparent);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:all .2s ease}.nodes-pg-refresh:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 2px 8px #0003}.nodes-pg-refresh:active:not(:disabled){transform:translateY(0)}.nodes-pg-refresh:disabled{opacity:.5;cursor:not-allowed}.nodes-segs{display:flex;align-items:center;gap:2px;padding:4px;background:color-mix(in srgb,var(--bg-surface) 80%,transparent 20%);border:1px solid var(--border-subtle);border-radius:14px;width:fit-content;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 3px #0000001f,inset 0 1px #ffffff0a}.nodes-seg{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid transparent;background:transparent;color:var(--text-tertiary);border-radius:10px;cursor:pointer;font-size:var(--text-sm);font-weight:500;letter-spacing:-.01em;line-height:1;transition:color .2s ease,background .2s ease,box-shadow .2s ease;white-space:nowrap}.nodes-seg:hover{color:var(--text-secondary);background:#ffffff0a}.nodes-seg--active{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-subtle);box-shadow:0 2px 6px #0003,inset 0 1px #ffffff0f;font-weight:600}.nodes-seg-count{background:var(--bg-base);border-radius:var(--radius-full);padding:1px 6px;font-size:var(--text-2xs);color:var(--text-tertiary)}.nodes-layout{display:flex;gap:var(--space-4);flex:1;min-height:0}.nodes-list{width:300px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:var(--space-2)}.node-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all .2s ease}.node-row:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.node-row:active{transform:translateY(0)}.node-row.selected{background:rgba(var(--color-brand-rgb),.08);border-color:rgba(var(--color-brand-rgb),.25);box-shadow:0 0 0 1px rgba(var(--color-brand-rgb),.1),0 2px 8px #0000001a}.node-row-left{display:flex;align-items:center;gap:var(--space-3)}.node-platform-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;transition:all .2s ease}.node-row.selected .node-platform-icon{background:rgba(var(--color-brand-rgb),.12);border-color:rgba(var(--color-brand-rgb),.2);color:var(--color-brand)}.node-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);display:block;letter-spacing:-.01em}.node-meta{font-size:var(--text-2xs);color:var(--text-tertiary)}.node-row-right{display:flex;align-items:center;gap:var(--space-2)}.health-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.health-green{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-bg)}.health-yellow{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-bg)}.health-red{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-bg)}.health-gray{background:var(--border-strong)}.connected-badge{font-size:var(--text-2xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase}.online{background:var(--color-success-bg);color:var(--color-success)}.offline{background:var(--bg-elevated);color:var(--text-tertiary);border:1px solid var(--border-subtle)}.node-detail{flex:1;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:0 1px 3px #0000001a}.nodes-detail-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-tertiary);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-surface) 30%,transparent)}.nodes-detail-placeholder__icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--bg-elevated);display:grid;place-items:center;color:var(--text-tertiary);opacity:.5;margin-bottom:var(--space-2)}.nodes-detail-placeholder__text{margin:0;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.nodes-detail-placeholder__hint{margin:0;font-size:var(--text-2xs);color:var(--text-tertiary)}.detail-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.detail-header__left{display:flex;flex-direction:column;gap:6px}.detail-header__name-row{display:flex;align-items:center;gap:var(--space-3)}.detail-name{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight)}.detail-id{font-size:var(--text-2xs);color:var(--text-tertiary);font-family:var(--font-family-mono)}.detail-meta-row{display:flex;align-items:center;gap:var(--space-2);margin-top:4px}.detail-meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-2xs);color:var(--text-tertiary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:2px 8px}.detail-section{margin-bottom:var(--space-5)}.detail-section__title{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);margin-bottom:var(--space-3)}.detail-section__count{background:var(--bg-elevated);border-radius:var(--radius-full);padding:1px 6px;font-size:var(--text-2xs);color:var(--text-tertiary);font-weight:600;letter-spacing:0}.detail-empty-hint{color:var(--text-tertiary);font-size:var(--text-xs);margin:0}.section-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.section-row .detail-section__title{margin-bottom:0}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.health-card{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:6px;transition:border-color .2s ease}.health-card:hover{border-color:var(--border-strong)}.health-card__header{display:flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:500}.health-card__label{text-transform:uppercase;letter-spacing:.05em}.health-card__status{font-size:var(--text-xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-full);width:fit-content;text-transform:capitalize}.health-card__detail{font-size:var(--text-2xs);color:var(--text-tertiary);line-height:1.4}.cap-list,.dep-list{display:flex;flex-direction:column;gap:4px}.cap-row,.dep-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);padding:8px var(--space-3);background:var(--bg-base);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);transition:all .15s ease}.cap-row:hover,.dep-row:hover{background:var(--bg-surface);border-color:var(--border-strong)}.cap-row__left,.dep-row__left{display:flex;align-items:center;gap:var(--space-2);min-width:0}.cap-id,.dep-id{font-family:var(--font-family-mono);color:var(--text-primary);font-size:var(--text-2xs);font-weight:500}.cap-version,.dep-version{color:var(--text-tertiary);font-size:var(--text-2xs);font-family:var(--font-family-mono)}.cap-status,.dep-status{font-size:var(--text-2xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.dep-path{color:var(--text-tertiary);font-size:var(--text-2xs);font-family:var(--font-family-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.status-green{background:var(--color-success-bg);color:var(--color-success)}.status-yellow{background:var(--color-warning-bg);color:var(--color-warning)}.status-red{background:var(--color-danger-bg);color:var(--color-danger)}.status-gray{background:var(--bg-surface);color:var(--text-tertiary)}.invoke-form{display:flex;flex-direction:column;gap:8px}.invoke-form__row{display:flex;gap:8px}.invoke-cap,.invoke-input{background:var(--bg-base);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px var(--space-3);font-size:var(--text-xs);font-family:var(--font-family-mono);outline:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.invoke-cap:focus,.invoke-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.invoke-input{resize:vertical}.invoke-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--color-brand);color:var(--text-on-brand);border:none;border-radius:var(--radius-sm);padding:8px 18px;cursor:pointer;font-size:var(--text-xs);font-weight:600;align-self:flex-start;transition:all .2s ease}.invoke-btn:hover:not(:disabled){background:var(--color-brand-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-brand-rgb),.3)}.invoke-btn:active:not(:disabled){transform:translateY(0)}.invoke-btn:disabled{opacity:.5;cursor:not-allowed}.invoke-btn__spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:nodes-spin .6s linear infinite}.invoke-result{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-2xs);color:var(--text-secondary);font-family:var(--font-family-mono);white-space:pre-wrap;max-height:200px;overflow-y:auto}.small-btn{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-sm);padding:4px 12px;cursor:pointer;font-size:var(--text-2xs);font-weight:500;transition:all .15s ease}.small-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.approval-rules-view{padding:var(--space-2) 0}.approval-rules-json{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-2xs);color:var(--text-secondary);font-family:var(--font-family-mono);white-space:pre-wrap;max-height:400px;overflow-y:auto}.node-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);align-items:center}.node-selector select{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px var(--space-3);font-size:var(--text-sm);cursor:pointer;color-scheme:dark;outline:none;transition:border-color .2s ease}.node-selector select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.node-selector button{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:all .15s ease}.node-selector button:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.node-selector button:disabled{opacity:.5;cursor:not-allowed}.no-manifest{display:flex;align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs);padding:var(--space-4);background:var(--bg-base);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.hint{color:var(--text-tertiary);font-size:var(--text-xs);margin-bottom:var(--space-4);line-height:1.6}code{background:var(--bg-elevated);padding:1px 5px;border-radius:4px;font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--color-accent)}.nodes-empty-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-5);flex:1;gap:var(--space-3)}.nodes-empty-hero__visual{position:relative;width:180px;height:180px;margin-bottom:var(--space-4)}.nodes-empty-hero__orbit{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.nodes-empty-hero__orbit-ring{position:absolute;border-radius:50%;border:1px solid var(--border-subtle)}.nodes-empty-hero__orbit-ring--1{width:120px;height:120px;border-color:rgba(var(--color-brand-rgb),.1);animation:nodes-orbit-pulse 4s ease-in-out infinite}.nodes-empty-hero__orbit-ring--2{width:170px;height:170px;border-style:dashed;border-color:rgba(var(--color-brand-rgb),.06);animation:nodes-orbit-pulse 4s ease-in-out infinite 1s}@keyframes nodes-orbit-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.nodes-empty-hero__center-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(var(--color-brand-rgb),.15),rgba(var(--color-brand-rgb),.05));border:1px solid rgba(var(--color-brand-rgb),.15);display:flex;align-items:center;justify-content:center;color:var(--color-brand);z-index:1;box-shadow:0 0 30px rgba(var(--color-brand-rgb),.1)}.nodes-empty-hero__sat{position:absolute;width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);animation:nodes-float 3s ease-in-out infinite}.nodes-empty-hero__sat--1{top:12px;right:20px;animation-delay:0s}.nodes-empty-hero__sat--2{bottom:20px;left:10px;animation-delay:1s}.nodes-empty-hero__sat--3{bottom:15px;right:15px;animation-delay:2s}@keyframes nodes-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.nodes-empty-hero__title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.nodes-empty-hero__description{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;max-width:420px;line-height:1.6}.nodes-empty-hero__steps{display:flex;align-items:flex-start;gap:0;margin-top:var(--space-5);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:580px;width:100%}.nodes-empty-hero__step{display:flex;align-items:flex-start;gap:var(--space-3);flex:1;min-width:0}.nodes-empty-hero__step-num{width:28px;height:28px;border-radius:var(--radius-full);background:rgba(var(--color-brand-rgb),.1);border:1px solid rgba(var(--color-brand-rgb),.15);color:var(--color-brand);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.nodes-empty-hero__step-content{display:flex;flex-direction:column;gap:2px;text-align:left}.nodes-empty-hero__step-title{font-size:var(--text-xs);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.nodes-empty-hero__step-desc{font-size:var(--text-2xs);color:var(--text-tertiary);line-height:1.4}.nodes-empty-hero__step-connector{width:1px;min-width:1px;height:40px;background:var(--border-subtle);margin:4px var(--space-3);flex-shrink:0;align-self:center}.nodes-empty-hero__platforms{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.nodes-empty-hero__platform{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;transition:all .2s ease}.nodes-empty-hero__platform:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.nodes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);flex:1}.nodes-empty__loading-text{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.nodes-spinner{width:28px;height:28px;border:2.5px solid rgba(255,255,255,.06);border-top-color:var(--color-brand);border-radius:50%;animation:nodes-spin .8s linear infinite}@keyframes nodes-spin{to{transform:rotate(360deg)}}.nodes-pairing-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-lg);font-size:var(--text-sm)}.nodes-pairing-banner__left{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-secondary)}.nodes-pairing-banner__title{font-weight:500;color:var(--text-primary)}.nodes-pairing-banner__devices{display:flex;flex-wrap:wrap;gap:var(--space-2)}.nodes-pairing-banner__device{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:#f59e0b1f;border-radius:var(--radius-sm);font-size:var(--text-xs)}.nodes-pairing-banner__device-meta{opacity:.7}.nodes-pairing-banner__dismiss{flex-shrink:0;padding:var(--space-1);background:transparent;border:none;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);line-height:1;display:flex;align-items:center;justify-content:center}.nodes-pairing-banner__dismiss:hover{background:#f59e0b26;color:var(--text-primary)}.node-paused-chip{display:inline-block;padding:1px var(--space-2);font-size:var(--text-xs);font-weight:500;background:#f59e0b1f;color:#b45309;border-radius:var(--radius-sm);margin-left:var(--space-1);vertical-align:middle}.dark .node-paused-chip{color:#fbbf24}.connected-badge.paused{background:#f59e0b1f;color:#b45309;border-color:#f59e0b40}.dark .connected-badge.paused{color:#fbbf24}.detail-rename-input{font-size:var(--text-xl);font-weight:700;background:var(--bg-input, var(--bg-surface));border:1.5px solid rgba(var(--color-brand-rgb),.4);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);color:var(--text-primary);outline:none;min-width:180px}.detail-rename-input:focus{border-color:rgba(var(--color-brand-rgb),.7);box-shadow:0 0 0 3px rgba(var(--color-brand-rgb),.12)}.detail-rename-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;background:transparent;color:var(--text-secondary);transition:background .15s,color .15s}.detail-rename-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.detail-rename-save{background:rgba(var(--color-brand-rgb),.1);border-color:rgba(var(--color-brand-rgb),.3);color:var(--color-brand)}.detail-rename-save:hover{background:rgba(var(--color-brand-rgb),.18)}.detail-rename-cancel{opacity:.7}.detail-rename-spinner{width:12px;height:12px;border:2px solid rgba(var(--color-brand-rgb),.3);border-top-color:var(--color-brand);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.detail-id-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.detail-node-id{font-family:var(--font-mono, monospace);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-code, rgba(0, 0, 0, .05));padding:2px var(--space-2);border-radius:var(--radius-sm);user-select:all}.detail-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .15s}.detail-copy-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.detail-copy-btn--copied{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.dark .detail-copy-btn--copied{color:#4ade80}.runtime-status-grid--2col{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.routing-subpanel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.routing-subpanel__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.routing-subpanel__label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.routing-subpanel__meta{font-size:var(--text-xs);color:var(--text-secondary);margin-left:auto}.routing-subpanel__desc{font-size:var(--text-xs);color:var(--text-secondary);margin:0 0 var(--space-3) 0}.routing-subpanel__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.routing-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-subtle)}.routing-badge--active{background:rgba(var(--color-brand-rgb),.1);color:var(--color-brand);border-color:rgba(var(--color-brand-rgb),.25)}.routing-badge--default{background:#6366f11a;color:#6366f1;border-color:#6366f140}.routing-badge--paused{background:#f59e0b1a;color:#b45309;border-color:#f59e0b40}.dark .routing-badge--paused{color:#fbbf24}.node-actions-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) 0}.small-btn--warning{border-color:#f59e0b66;color:#b45309}.dark .small-btn--warning{color:#fbbf24}.small-btn--warning:hover{background:#f59e0b1a}.route-source-chip{display:inline-block;padding:1px var(--space-2);font-size:var(--text-xs);background:rgba(var(--color-brand-rgb),.1);color:var(--color-brand);border-radius:var(--radius-sm)}.route-paused-chip{display:inline-block;padding:1px var(--space-2);font-size:var(--text-xs);background:#f59e0b1a;color:#b45309;border-radius:var(--radius-sm)}.dark .route-paused-chip{color:#fbbf24}.route-preview-row__placeholder{font-style:italic;color:var(--text-secondary);font-size:var(--text-sm)}.run-activity-row--log{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.run-activity-row__left{display:flex;align-items:center;gap:var(--space-2);min-width:0}.run-activity-ts{font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0}.activity-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-secondary)}.activity-status-dot--ok{background:#16a34a}.activity-status-dot--error{background:#dc2626}.activity-status-dot--started{background:#d97706}.dark .activity-status-dot--ok{background:#4ade80}.dark .activity-status-dot--error{background:#f87171}.dark .activity-status-dot--started{background:#fbbf24}.cap-map-row__left{display:flex;align-items:flex-start;gap:var(--space-2)}.cap-map-icon{color:var(--text-secondary);opacity:.7;flex-shrink:0;margin-top:1px}.cap-map-info{display:flex;flex-direction:column;gap:1px}.cap-map-reason{font-size:var(--text-xs);color:var(--text-secondary);font-style:italic}.cap-batch-badge{display:inline-block;padding:1px 5px;font-size:10px;background:rgba(var(--color-brand-rgb),.08);color:var(--color-brand);border-radius:var(--radius-sm);font-weight:500}.health-card__hero{font-size:var(--text-2xl, 1.5rem);font-weight:700;line-height:1;margin:var(--space-1) 0;display:block}.no-manifest--offline{background:#6366f10d;border-color:#6366f126}.no-manifest--error{background:#dc26260d;border-color:#dc262626}.no-manifest--loading{background:var(--bg-surface);border-color:var(--border-subtle)}.no-manifest__title{font-weight:600;color:var(--text-primary);display:block;margin-bottom:var(--space-1)}.no-manifest__spinner{width:18px;height:18px;border:2px solid var(--border-subtle);border-top-color:var(--color-brand);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}.approval-rules-table{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);background:var(--bg-code, rgba(0, 0, 0, .04));border-radius:var(--radius-lg);font-size:var(--text-sm);font-family:var(--font-mono, monospace)}.approval-rules-table__row{display:flex;gap:var(--space-4);padding:var(--space-1) 0;border-bottom:1px solid var(--border-subtle)}.approval-rules-table__row:last-child{border-bottom:none}.approval-rules-table__key{color:var(--text-secondary);min-width:160px;flex-shrink:0}.approval-rules-table__value{color:var(--text-primary)}.approval-rules-table__value--ok{color:#16a34a}.dark .approval-rules-table__value--ok{color:#4ade80}.approval-rules-table__value--deny{color:#dc2626}.dark .approval-rules-table__value--deny{color:#f87171}.approval-rules-table__value--ask{color:#d97706}.dark .approval-rules-table__value--ask{color:#fbbf24}.approval-rules-table__value--neutral{color:var(--text-secondary)}.runtime-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.runtime-stat-card{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:6px;transition:border-color .2s ease}.runtime-stat-card:hover{border-color:var(--border-strong)}.runtime-stat-card__label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.runtime-stat-card__value{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight)}.runtime-stat-card__hint{font-size:var(--text-2xs);color:var(--text-tertiary);line-height:1.4}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.status-green-dot{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-bg)}.status-yellow-dot{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-bg)}.status-red-dot{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-bg)}.status-gray-dot{background:var(--border-strong)}.status-green-text{color:var(--color-success)}.status-yellow-text{color:var(--color-warning)}.status-red-text{color:var(--color-danger)}.status-gray-text{color:var(--text-secondary)}.connected-badge.connected{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(245,158,11,.25)}.connected-badge.unknown{background:var(--bg-elevated);color:var(--text-tertiary);border:1px solid var(--border-subtle)}.node-agent-select{min-width:220px;padding:7px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);color-scheme:dark;font-size:var(--text-sm);cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.node-agent-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.route-preview-row{display:flex;align-items:center;gap:var(--space-2);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);padding:8px var(--space-3);background:color-mix(in srgb,var(--bg-base) 80%,transparent);flex-wrap:wrap;margin-top:var(--space-2)}.route-preview-row__label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);flex-shrink:0}.node-action-pending{font-size:var(--text-2xs);color:var(--text-tertiary);font-style:italic;display:inline-flex;align-items:center;gap:var(--space-1)}.run-activity-list{display:flex;flex-direction:column;gap:6px}.run-activity-row{display:flex;justify-content:space-between;align-items:center;padding:8px var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-base);transition:border-color .15s ease,background .15s ease}.run-activity-row:hover{border-color:var(--border-strong);background:var(--bg-surface)}.run-activity-label{font-size:var(--text-xs);color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-activity-value{font-size:var(--text-xs);color:var(--text-primary);font-weight:700;flex-shrink:0}.cap-map-list{display:flex;flex-direction:column;gap:6px}.cap-map-row{display:flex;justify-content:space-between;align-items:center;padding:8px var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);transition:border-color .15s ease,background .15s ease,opacity .15s ease}.cap-map-row:hover{border-color:var(--border-strong);background:var(--bg-surface)}.cap-map-name{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.cap-map-value{font-size:var(--text-2xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.cap-map-value--ok{background:var(--color-success-bg);color:var(--color-success)}.cap-map-value--off{background:var(--bg-surface);color:var(--text-tertiary);border:1px solid var(--border-subtle)}.cap-map-row:has(.cap-map-value--off){opacity:.65}.cap-map-row:has(.cap-map-value--off) .cap-map-icon{opacity:.4}.no-manifest__text{display:flex;flex-direction:column;gap:var(--space-2);line-height:1.5}.no-manifest__retry{background:none;border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-sm);padding:3px 10px;font-size:var(--text-xs);cursor:pointer;align-self:flex-start;transition:all .15s ease}.no-manifest__retry:hover{background:var(--bg-elevated);color:var(--text-primary)}.no-manifest--error{gap:var(--space-3)}.no-manifest--error .no-manifest__title{color:var(--color-danger)}.detail-section--dev{border-top:1px solid var(--border-subtle);padding-top:var(--space-3)}.dev-tools-toggle{background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:var(--space-1) 0;transition:color .15s ease}.dev-tools-toggle:hover{color:var(--text-secondary)}.dev-tools-content{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.dev-tools-id-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary)}.dev-tools-label{font-weight:500;color:var(--text-secondary);flex-shrink:0}.dev-tools-value{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--text-tertiary);background:var(--bg-base);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);word-break:break-all}.dev-tools-section-title{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.06em}.approval-error-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#dc26260d;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.5}.approval-error-card__content{display:flex;flex-direction:column;gap:4px}.approval-error-card p{margin:0}.small-btn:disabled{opacity:.4;cursor:not-allowed}.routing-subpanel+.routing-subpanel{margin-top:0}.node-actions-row{border-top:1px solid var(--border-subtle);padding:var(--space-3) 0 0;margin-top:var(--space-3);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.detail-section .runtime-status-grid:has(.routing-subpanel){grid-template-columns:1fr 1fr}.run-activity-row--log{border-left:2px solid var(--border-subtle);border-top:none;border-right:none;border-bottom:none;background:transparent;border-radius:0;margin-left:var(--space-1);padding-left:var(--space-3)}.run-activity-row--log:has(.activity-status-dot--ok){border-left-color:var(--color-success)}.run-activity-row--log:has(.activity-status-dot--error){border-left-color:var(--color-danger)}.run-activity-row--log:has(.activity-status-dot--started){border-left-color:var(--color-warning)}.node-actions-row .small-btn{padding:6px 16px;font-size:var(--text-xs)}.node-actions-row .small-btn:first-child{background:color-mix(in srgb,var(--color-brand) 8%,var(--bg-surface));border-color:rgba(var(--color-brand-rgb),.2);color:var(--color-brand)}.node-actions-row .small-btn:first-child:hover:not(:disabled){background:color-mix(in srgb,var(--color-brand) 15%,var(--bg-surface));border-color:rgba(var(--color-brand-rgb),.35)}@media(max-width:1024px){.nodes-layout{flex-direction:column}.nodes-list{width:100%;max-height:220px;flex-direction:row;flex-wrap:wrap}.runtime-status-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.runtime-status-grid{grid-template-columns:1fr}.node-agent-select{min-width:unset;width:100%}}.perm-view{display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-5)}.perm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-5);gap:var(--space-3);flex:1}.perm-empty__icon{width:64px;height:64px;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(var(--color-brand-rgb),.15),rgba(var(--color-brand-rgb),.05));border:1px solid rgba(var(--color-brand-rgb),.15);display:flex;align-items:center;justify-content:center;color:var(--color-brand);margin-bottom:var(--space-2)}.perm-empty__title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.perm-empty__desc{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;max-width:400px;line-height:1.6}.perm-header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.perm-header__icon{width:48px;height:48px;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(var(--color-brand-rgb),.12),rgba(var(--color-brand-rgb),.04));border:1px solid rgba(var(--color-brand-rgb),.12);display:flex;align-items:center;justify-content:center;color:var(--color-brand);flex-shrink:0}.perm-header__title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.perm-header__subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin:3px 0 0;line-height:1.5}.perm-picker{display:flex;flex-direction:column;gap:var(--space-2)}.perm-picker__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary)}.perm-picker__cards{display:flex;flex-direction:column;gap:var(--space-2)}.perm-computer-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;text-align:left;width:100%;transition:all .2s ease;position:relative}.perm-computer-card:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.perm-computer-card:active{transform:translateY(0)}.perm-computer-card--active{background:rgba(var(--color-brand-rgb),.07);border-color:rgba(var(--color-brand-rgb),.28);box-shadow:0 0 0 1px rgba(var(--color-brand-rgb),.1),0 2px 8px #00000014}.perm-computer-card__icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;transition:all .2s ease}.perm-computer-card--active .perm-computer-card__icon{background:rgba(var(--color-brand-rgb),.12);border-color:rgba(var(--color-brand-rgb),.2);color:var(--color-brand)}.perm-computer-card__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.perm-computer-card__name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perm-computer-card__meta{font-size:var(--text-2xs);color:var(--text-tertiary)}.perm-computer-card__online{color:var(--color-success);font-weight:600}.perm-computer-card__check{color:var(--color-brand);flex-shrink:0;margin-left:auto}.perm-loading{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary)}.perm-loading__spinner{width:18px;height:18px;border:2px solid var(--border-subtle);border-top-color:var(--color-brand);border-radius:50%;animation:nodes-spin .7s linear infinite;flex-shrink:0}.perm-placeholder{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) var(--space-5);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:var(--text-sm);background:color-mix(in srgb,var(--bg-surface) 40%,transparent)}.perm-content{display:flex;flex-direction:column;gap:var(--space-3)}.perm-error-card{display:flex;gap:var(--space-4);padding:var(--space-5);background:color-mix(in srgb,rgba(245,158,11,.08) 100%,transparent);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-xl);border-left:3px solid var(--color-warning)}.perm-error-card__icon-wrap{width:40px;height:40px;border-radius:var(--radius-lg);background:#f59e0b1f;border:1px solid rgba(245,158,11,.2);display:flex;align-items:center;justify-content:center;color:var(--color-warning);flex-shrink:0}.perm-error-card__body{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.perm-error-card__title{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.perm-error-card__msg{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.5}.perm-error-card__meta{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#0000001f;border-radius:var(--radius-md);margin-top:var(--space-1)}.perm-error-meta-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xs)}.perm-error-meta-row__label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600;min-width:70px;flex-shrink:0}.perm-error-meta-row__value{font-family:var(--font-family-mono);font-size:var(--text-2xs);color:var(--text-secondary);background:var(--bg-base);padding:2px 7px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.perm-error-meta-row__value--required{color:var(--color-warning);border-color:#f59e0b4d;background:#f59e0b14}.perm-error-card__remediation{display:flex;align-items:flex-start;gap:var(--space-1);font-size:var(--text-2xs);color:var(--text-tertiary);margin:0;line-height:1.5;font-style:italic}.perm-error-card__remediation app-icon{flex-shrink:0;margin-top:1px;opacity:.6}.dv-root{padding:var(--space-5);height:100%;display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--layout-max-width, 1400px);overflow:hidden}.dv-root--empty{overflow:auto}.dv-root--modal-open{overflow:visible}.dv-root kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;padding:1px 5px;font-family:var(--font-mono, ui-monospace, monospace);font-size:10px;font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-bottom-width:2px;border-radius:4px;line-height:1;letter-spacing:0}.dv-estop-banner{display:flex;align-items:center;gap:var(--space-3);padding:12px 18px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;width:100%;text-align:left;font-family:inherit;box-shadow:0 4px 12px #dc262659;animation:dv-estop-pulse 2s ease-in-out infinite;transition:filter .2s ease}.dv-estop-banner:hover{filter:brightness(1.08)}.dv-estop-banner:focus-visible{outline:2px solid #fff;outline-offset:2px}.dv-estop-banner__icon{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;background:#ffffff2e;border-radius:var(--radius-full);color:#fff;flex-shrink:0}.dv-estop-banner__icon svg{width:14px;height:14px}.dv-estop-banner__text{flex:1;min-width:0}.dv-estop-banner__cta{padding:4px 10px;background:#ffffff2e;border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:700;letter-spacing:.02em;flex-shrink:0}@keyframes dv-estop-pulse{0%,to{box-shadow:0 4px 12px #dc262659}50%{box-shadow:0 4px 24px #dc26268c}}.dv-toast{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;min-width:240px;max-width:420px;box-shadow:0 8px 24px #0000004d,0 0 0 1px #ffffff0a inset;animation:dv-toast-in .28s cubic-bezier(.175,.885,.32,1.2)}.dv-toast--ok{background:color-mix(in srgb,var(--color-success) 12%,var(--bg-surface));color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent)}.dv-toast--err{background:color-mix(in srgb,#dc2626 12%,var(--bg-surface));color:#ef4444;border:1px solid color-mix(in srgb,#dc2626 30%,transparent)}@keyframes dv-toast-in{0%{opacity:0;transform:translate(10px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.dv-pg-header{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;flex-shrink:0}.dv-pg-header__titles{min-width:0}.dv-pg-header__icon{width:52px;height:52px;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(var(--color-brand-rgb),.18),rgba(var(--color-brand-rgb),.06));border:1px solid rgba(var(--color-brand-rgb),.14);display:flex;align-items:center;justify-content:center;color:var(--color-brand);flex-shrink:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dv-pg-header__title{font-size:var(--text-display);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em;line-height:1.15}.dv-pg-header__subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin:4px 0 0;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.dv-pg-header__right{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.dv-pg-stats{display:flex;align-items:center;gap:4px;padding:5px 10px;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.dv-pg-stats .dv-pg-stat+.dv-pg-stat{padding-left:var(--space-2);border-left:1px solid var(--border-subtle);margin-left:2px}.dv-pg-stat{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.dv-pg-stat__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--text-tertiary)}.dv-pg-stat--online .dv-pg-stat__dot{background:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 20%,transparent);animation:dv-pulse 2s ease-in-out infinite}.dv-pg-stat--alert .dv-pg-stat__dot{background:#f59e0b}@keyframes dv-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 20%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-success) 10%,transparent)}}.dv-pg-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-surface) 60%,transparent);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:all .2s ease}.dv-pg-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong, var(--border-subtle));transform:translateY(-1px);box-shadow:0 2px 8px #0003}.dv-pg-btn:active{transform:translateY(0)}.dv-pg-btn:disabled{opacity:.5;cursor:not-allowed}.dv-pg-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--color-brand) 72%,#ffffff);outline-offset:2px}.dv-pg-btn--icon{padding:8px;aspect-ratio:1;justify-content:center}@media(max-width:720px){.dv-btn-label{display:none}}.dv-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:var(--color-brand);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:600;letter-spacing:-.01em;transition:all .2s ease;box-shadow:0 1px #ffffff1f inset,0 2px 6px rgba(var(--color-brand-rgb),.28)}.dv-btn-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 1px #ffffff29 inset,0 6px 16px rgba(var(--color-brand-rgb),.38)}.dv-btn-primary:active{transform:translateY(0)}.dv-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.dv-btn-primary:focus-visible,.dv-btn-danger:focus-visible,.dv-btn-success:focus-visible{outline:2px solid color-mix(in srgb,var(--color-brand) 72%,#ffffff);outline-offset:2px}.dv-btn-primary--lg{padding:12px 22px;font-size:var(--text-md, 15px);border-radius:var(--radius-md);gap:8px}.dv-btn-danger{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:var(--radius-sm);padding:9px 16px;cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #dc26264d}.dv-btn-danger:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.dv-btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.dv-btn-success{display:inline-flex;align-items:center;gap:6px;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-sm);padding:9px 16px;cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:all .2s ease}.dv-btn-success:hover{filter:brightness(1.08);transform:translateY(-1px)}.dv-layout{display:flex;gap:var(--space-4);flex:1;min-height:0}.dv-list-panel{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-3);min-height:0}.dv-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}.dv-list-footer{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2)}.dv-recovery-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;background:color-mix(in srgb,#f59e0b 10%,var(--bg-surface));border:1px solid color-mix(in srgb,#f59e0b 35%,var(--border-subtle));border-radius:var(--radius-sm);color:#f59e0b;font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.dv-recovery-badge:hover{background:color-mix(in srgb,#f59e0b 16%,var(--bg-surface))}.dv-recovery-badge:active{background:color-mix(in srgb,#f59e0b 22%,var(--bg-surface))}.dv-recovery-badge__chevron{margin-left:auto;transition:transform .2s ease;display:flex}.dv-recovery-badge__chevron--open{transform:rotate(180deg)}.dv-recovery-panel{background:var(--bg-inset);border:1px solid color-mix(in srgb,#f59e0b 25%,var(--border-subtle));border-radius:var(--radius-sm);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.dv-recovery-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.dv-recovery-item__dev{font-size:var(--text-xs);font-weight:600;color:var(--text-primary)}.dv-recovery-item__meta{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:2px}.dv-recovery-ack{padding:4px 10px;border-radius:var(--radius-sm);border:none;background:#f59e0b;color:#fff;font-size:var(--text-2xs);font-weight:600;cursor:pointer;flex-shrink:0;transition:all .15s ease}.dv-recovery-ack:hover{filter:brightness(1.1)}.dv-recovery-ack--all{width:100%;padding:6px;font-size:var(--text-xs);margin-top:var(--space-1)}.dv-estop-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border:1px solid color-mix(in srgb,#dc2626 40%,var(--border-subtle));background:color-mix(in srgb,#dc2626 6%,var(--bg-surface));color:#ef4444;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);font-weight:700;letter-spacing:.03em;text-transform:uppercase;transition:all .2s ease}.dv-estop-btn:hover{background:color-mix(in srgb,#dc2626 12%,var(--bg-surface));border-color:color-mix(in srgb,#dc2626 55%,var(--border-subtle));box-shadow:0 2px 10px #dc262633}.dv-estop-btn--active{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#dc2626;animation:dv-estop-pulse 2s ease-in-out infinite}.dv-estop-btn--active:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 4px 16px #dc262673}.dv-row{display:flex;gap:var(--space-3);align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);cursor:pointer;transition:all .2s ease;user-select:none}.dv-row:hover{background:var(--bg-surface-hover);border-color:color-mix(in srgb,var(--color-brand) 35%,var(--border-subtle));transform:translateY(-1px);box-shadow:0 4px 14px #00000026}.dv-row:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.dv-row--selected{background:color-mix(in srgb,var(--color-brand) 8%,var(--bg-surface));border-color:color-mix(in srgb,var(--color-brand) 50%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-brand) 30%,transparent),0 4px 14px #0000002e}.dv-row__icon{width:32px;height:32px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-brand) 10%,var(--bg-inset));display:flex;align-items:center;justify-content:center;color:var(--color-brand);flex-shrink:0}.dv-row__body{flex:1;min-width:0}.dv-row__name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-row__meta{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:3px;display:flex;gap:6px;align-items:center}.dv-row__meta-sep{width:2px;height:2px;border-radius:50%;background:var(--text-tertiary);opacity:.5}.dv-row__status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.dv-row__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-tertiary);opacity:.4}.dv-row__dot--online{background:var(--color-success);opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 18%,transparent)}.dv-row__safety{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 5px;border-radius:var(--radius-sm);background:color-mix(in srgb,#dc2626 15%,transparent);color:#ef4444}.dv-row__safety--warning{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#f59e0b}.dv-detail{flex:1;min-width:0;overflow-y:auto;padding-right:2px}.dv-detail-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.dv-detail-loading{display:flex;flex-direction:column;gap:var(--space-3)}.dv-detail-hd{display:flex;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.dv-detail-hd__icon{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(var(--color-brand-rgb),.15),rgba(var(--color-brand-rgb),.05));border:1px solid rgba(var(--color-brand-rgb),.12);display:flex;align-items:center;justify-content:center;color:var(--color-brand);flex-shrink:0}.dv-detail-hd__icon svg{width:22px;height:22px}.dv-detail-hd__info{flex:1;min-width:0}.dv-detail-hd__title{font-size:var(--text-md, 15px);font-weight:700;color:var(--text-primary);line-height:1.25}.dv-detail-hd__meta{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:4px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dv-meta-sep{width:2px;height:2px;border-radius:50%;background:var(--text-tertiary);opacity:.5}.dv-detail-hd__badges{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0;align-self:flex-start}.dv-detail-lastseen{font-size:var(--text-xs);color:var(--text-tertiary)}.dv-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:500;background:var(--bg-inset);color:var(--text-secondary);border:1px solid var(--border-subtle)}.dv-badge--online{background:color-mix(in srgb,var(--color-success) 10%,transparent);color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 25%,transparent)}.dv-badge--online .dv-badge-dot{animation:dv-pulse 2s ease-in-out infinite}.dv-badge--offline{opacity:.6}.dv-badge--danger{background:color-mix(in srgb,#dc2626 10%,transparent);color:#ef4444;border-color:color-mix(in srgb,#dc2626 25%,transparent)}.dv-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.dv-section{display:flex;flex-direction:column;gap:var(--space-3)}.dv-section-title{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-weight:600;display:flex;align-items:center;gap:6px}.dv-section-title svg{flex-shrink:0}.dv-state-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.dv-state-item{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px}.dv-state-item__key{font-size:var(--text-2xs);color:var(--text-tertiary);font-family:var(--font-mono, ui-monospace, monospace);margin-bottom:4px}.dv-state-item__value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.dv-state-item__unit{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:400;margin-left:3px}.dv-telemetry{font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--text-xs);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);max-height:160px;overflow-y:auto;color:var(--text-secondary)}.dv-telemetry__row{display:flex;gap:12px;line-height:1.8}.dv-telemetry__ts{color:var(--text-tertiary)}.dv-action-row{display:flex;gap:8px;flex-wrap:wrap}.dv-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:600;letter-spacing:-.01em;transition:all .18s ease}.dv-action-btn:disabled{opacity:.45;cursor:not-allowed}.dv-action-btn:active:not(:disabled){transform:translateY(0)!important;filter:brightness(.95)!important}.dv-action-btn--primary{background:var(--color-brand);color:#fff;box-shadow:0 2px 6px rgba(var(--color-brand-rgb),.28)}.dv-action-btn--primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-brand-rgb),.38)}.dv-action-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.dv-action-btn--secondary:hover:not(:disabled){background:var(--bg-inset);color:var(--text-primary);transform:translateY(-1px)}.dv-action-btn--success{background:var(--color-success);color:#fff;box-shadow:0 2px 6px #22c55e40}.dv-action-btn--success:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.dv-action-btn--warning{background:#f59e0b;color:#fff}.dv-action-btn--warning:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.dv-action-btn--danger{background:#dc2626;color:#fff}.dv-action-btn--danger:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.dv-control-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.dv-control-label{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);font-family:var(--font-mono, ui-monospace, monospace)}.dv-toggle{position:relative;width:40px;height:22px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;flex-shrink:0}.dv-toggle:hover:not(:disabled){border-color:var(--color-brand)}.dv-toggle:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.dv-toggle:disabled{opacity:.45;cursor:not-allowed}.dv-toggle--on{background:var(--color-success);border-color:var(--color-success)}.dv-toggle__knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:var(--radius-full);transition:transform .2s ease;box-shadow:0 1px 3px #00000040}.dv-toggle--on .dv-toggle__knob{transform:translate(18px)}.dv-slider-control{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.dv-slider-control__header{display:flex;align-items:center;justify-content:space-between}.dv-slider-control__value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.dv-slider-control__from{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:400;margin-left:6px}.dv-slider-control__row{display:flex;align-items:center;gap:10px}.dv-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--bg-elevated);border-radius:var(--radius-full);outline:none;cursor:pointer}.dv-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-brand);cursor:pointer;box-shadow:0 1px 4px #0000004d;transition:transform .15s ease}.dv-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.dv-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-brand);cursor:pointer;border:none}.dv-slider::-moz-range-track{height:4px;background:var(--bg-elevated);border-radius:var(--radius-full);border:none}.dv-slider:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:var(--radius-full)}.dv-pending-warn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:color-mix(in srgb,#f59e0b 8%,transparent);border:1px solid color-mix(in srgb,#f59e0b 25%,transparent);border-radius:var(--radius-sm);font-size:var(--text-xs);color:#f59e0b;font-weight:500}.dv-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);text-align:center}.dv-empty__icon{width:64px;height:64px;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(var(--color-brand-rgb),.1),rgba(var(--color-brand-rgb),.03));border:1px solid rgba(var(--color-brand-rgb),.12);display:flex;align-items:center;justify-content:center;color:var(--color-brand);margin-bottom:8px}.dv-empty__title{font-size:var(--text-md, 15px);font-weight:600;color:var(--text-primary)}.dv-empty__body{font-size:var(--text-sm);color:var(--text-tertiary);max-width:280px;line-height:1.5}.dv-modal-backdrop{position:fixed;inset:0;z-index:calc(var(--z-modal, 1100) + 2);background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:dv-fade-in .15s ease;pointer-events:auto}@keyframes dv-fade-in{0%{opacity:0}to{opacity:1}}.dv-modal{background:color-mix(in srgb,var(--bg-surface) 88%,var(--bg-elevated) 12%);border:1px solid color-mix(in srgb,var(--border-subtle) 86%,rgba(255,255,255,.14));border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:min(92vh,760px);box-shadow:0 24px 60px #00000073,0 0 0 1px #ffffff0a inset;animation:dv-modal-in .2s cubic-bezier(.175,.885,.32,1.1);overflow:hidden;pointer-events:auto}@keyframes dv-modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dv-modal--danger{border-color:color-mix(in srgb,#dc2626 35%,var(--border-subtle))}.dv-modal--sm{max-width:420px}.dv-modal__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);font-size:var(--text-md, 15px);font-weight:700;color:var(--text-primary)}.dv-modal--danger .dv-modal__header{color:#ef4444}.dv-modal__header-icon{display:flex;width:32px;height:32px;align-items:center;justify-content:center;background:color-mix(in srgb,currentColor 12%,transparent);border-radius:var(--radius-sm);flex-shrink:0}.dv-modal__close{margin-left:auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.dv-modal__close:hover{background:var(--bg-elevated);color:var(--text-primary)}.dv-modal__close:focus-visible{outline:2px solid color-mix(in srgb,var(--color-brand) 72%,#ffffff);outline-offset:1px}.dv-modal__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.dv-modal__notice{padding:12px 14px;background:color-mix(in srgb,#f59e0b 8%,transparent);border:1px solid color-mix(in srgb,#f59e0b 25%,transparent);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55}.dv-modal--danger .dv-modal__notice{background:color-mix(in srgb,#dc2626 8%,transparent);border-color:color-mix(in srgb,#dc2626 25%,transparent)}.dv-modal__notice--active{background:color-mix(in srgb,#dc2626 8%,transparent);border-color:color-mix(in srgb,#dc2626 25%,transparent);color:#ef4444;font-weight:500}.dv-modal__field{display:flex;flex-direction:column;gap:4px}.dv-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.dv-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-inset) 50%,transparent)}.dv-modal__inline-error{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,#ef4444 42%,transparent);background:color-mix(in srgb,#ef4444 13%,var(--bg-inset));color:#f87171;font-size:var(--text-xs);line-height:1.45}.dv-form__label{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);display:block}.dv-form__hint{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:4px}.dv-form__hint code{font-family:var(--font-mono, ui-monospace, monospace);background:var(--bg-elevated);padding:1px 5px;border-radius:3px;color:var(--text-secondary)}.dv-input{width:100%;padding:9px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-inset);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;transition:all .2s ease;box-sizing:border-box}.dv-input:focus{outline:none;border-color:color-mix(in srgb,var(--color-brand) 60%,var(--border-subtle));background:var(--bg-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 12%,transparent)}.dv-select{width:100%;padding:9px 32px 9px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-inset);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;box-sizing:border-box}.dv-select:focus{outline:none;border-color:color-mix(in srgb,var(--color-brand) 60%,var(--border-subtle));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 12%,transparent)}.dv-skeleton{height:52px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-surface),var(--bg-elevated),var(--bg-surface));background-size:200% 100%;animation:dv-shimmer 1.4s ease-in-out infinite;border:1px solid var(--border-subtle)}@keyframes dv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes dv-spin{to{transform:rotate(360deg)}}.dv-hero{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4);min-height:0}.dv-hero__card{position:relative;width:100%;max-width:640px;padding:56px 48px 44px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 85%,transparent),color-mix(in srgb,var(--bg-surface) 60%,transparent));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);text-align:center;overflow:hidden;box-shadow:0 1px #ffffff0a inset,0 24px 60px #0000004d}.dv-hero__glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:480px;height:320px;background:radial-gradient(ellipse at center,rgba(var(--color-brand-rgb),.22),transparent 65%);pointer-events:none;filter:blur(10px)}.dv-hero__icon{position:relative;width:72px;height:72px;margin:0 auto 20px;border-radius:20px;background:linear-gradient(135deg,rgba(var(--color-brand-rgb),.22),rgba(var(--color-brand-rgb),.08));border:1px solid rgba(var(--color-brand-rgb),.22);color:var(--color-brand);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(var(--color-brand-rgb),.22)}.dv-hero__icon svg{width:32px;height:32px}.dv-hero__eyebrow{position:relative;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--color-brand);margin-bottom:10px}.dv-hero__title{position:relative;font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 12px;line-height:1.15}.dv-hero__body{position:relative;font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary);max-width:440px;margin:0 auto 28px}.dv-hero__cta{position:relative;display:inline-flex;align-items:center;gap:10px;margin-bottom:40px}.dv-hero__shortcut{display:inline-flex;gap:2px;opacity:.75}.dv-hero__features{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:24px;border-top:1px solid var(--border-subtle);text-align:left}.dv-hero__feat{display:flex;align-items:flex-start;gap:10px}.dv-hero__feat-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-brand) 10%,var(--bg-inset));color:var(--color-brand)}.dv-hero__feat-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);line-height:1.3}.dv-hero__feat-body{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:2px;line-height:1.4}@media(max-width:640px){.dv-hero__card{padding:40px 24px 32px}.dv-hero__title{font-size:22px}.dv-hero__features{grid-template-columns:1fr;gap:14px}}.dv-toolbar{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-1);flex-shrink:0}.dv-toolbar-search{position:relative;display:flex;align-items:center}.dv-toolbar-search__icon{position:absolute;left:10px;color:var(--text-tertiary);display:inline-flex;pointer-events:none}.dv-toolbar-search__input{width:100%;padding:8px 36px 8px 32px;border:1px solid var(--border-subtle);background:var(--bg-inset);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:inherit;transition:all .2s ease;box-sizing:border-box}.dv-toolbar-search__input::placeholder{color:var(--text-tertiary)}.dv-toolbar-search__input::-webkit-search-decoration,.dv-toolbar-search__input::-webkit-search-cancel-button,.dv-toolbar-search__input::-webkit-search-results-button,.dv-toolbar-search__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.dv-toolbar-search__input:focus{outline:none;border-color:color-mix(in srgb,var(--color-brand) 60%,var(--border-subtle));background:var(--bg-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 12%,transparent)}.dv-toolbar-search__clear{position:absolute;right:6px;width:22px;height:22px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.dv-toolbar-search__clear:hover{background:var(--bg-elevated);color:var(--text-primary)}.dv-toolbar-search__hint{position:absolute;right:8px;pointer-events:none;opacity:.8}.dv-filter-chips{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.dv-filter-chips::-webkit-scrollbar{display:none}.dv-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-2xs);font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:all .15s ease}.dv-chip:hover{background:var(--bg-inset);color:var(--text-primary)}.dv-chip--active{background:color-mix(in srgb,var(--color-brand) 12%,var(--bg-inset));border-color:color-mix(in srgb,var(--color-brand) 35%,transparent);color:var(--color-brand)}.dv-chip__count{font-size:10px;font-weight:700;padding:1px 5px;border-radius:var(--radius-full);background:color-mix(in srgb,currentColor 12%,transparent);color:inherit;min-width:16px;text-align:center}.dv-row{position:relative}.dv-row--danger{border-color:color-mix(in srgb,#dc2626 35%,var(--border-subtle));background:color-mix(in srgb,#dc2626 5%,var(--bg-surface));border-left:3px solid #dc2626}.dv-row__menu{position:relative;flex-shrink:0;margin-right:-4px}.dv-row__menu-btn{width:26px;height:26px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.2;transition:all .15s ease}.dv-row:hover .dv-row__menu-btn,.dv-row--selected .dv-row__menu-btn,.dv-row__menu-btn--open{opacity:1}.dv-row__menu-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;opacity:1}.dv-row__menu-btn:hover,.dv-row__menu-btn--open{background:var(--bg-elevated);color:var(--text-primary)}.dv-row__menu-pop{position:fixed;min-width:200px;padding:4px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 12px 30px #00000059,0 0 0 1px #ffffff08 inset;z-index:1100;animation:dv-menu-in .12s cubic-bezier(.175,.885,.32,1.1);transform-origin:top right}.dv-row__menu-sep{height:1px;background:var(--border-subtle);margin:4px 2px}@keyframes dv-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dv-row__menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);font-weight:500;text-align:left;transition:all .12s ease}.dv-row__menu-item:hover:not(:disabled){background:var(--bg-inset);color:var(--text-primary)}.dv-row__menu-item:disabled{opacity:.5;cursor:not-allowed}.dv-row__menu-item--danger{color:#ef4444}.dv-row__menu-item--danger:hover:not(:disabled){background:color-mix(in srgb,#dc2626 12%,transparent);color:#ef4444}.dv-empty--compact{padding:var(--space-4);gap:var(--space-2)}.dv-empty__icon--sm{width:44px;height:44px}.dv-section-count{display:inline-flex;align-items:center;padding:1px 6px;margin-left:4px;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:10px;font-weight:700;color:var(--text-tertiary);letter-spacing:0;text-transform:none}.dv-telemetry-card{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.dv-telemetry-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:12px 14px 6px}.dv-telemetry-card__latest{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums}.dv-telemetry-card__unit{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;margin-left:4px}.dv-telemetry-card__range{display:flex;gap:14px;font-size:var(--text-2xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.dv-telemetry-card__range-lbl{text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--text-tertiary);margin-right:4px;font-size:9px}.dv-sparkline{display:block;width:100%;height:52px;padding:0 6px;box-sizing:border-box}.dv-telemetry-card .dv-telemetry{border:none;border-top:1px solid var(--border-subtle);border-radius:0;background:transparent;padding:10px 14px;max-height:140px}.dv-detail>.dv-empty{min-height:340px}@media(max-width:700px){.dv-layout{flex-direction:column}.dv-list-panel{width:100%;max-height:44vh;flex-shrink:0}.dv-detail{min-height:280px}.dv-pg-stats{display:none}}@media(max-width:480px){.dv-root{padding:var(--space-3)}.dv-hero__card{padding:32px 20px 28px}.dv-hero__title{font-size:20px}.dv-hero__features{grid-template-columns:1fr;gap:12px}.dv-modal{max-width:100%;border-radius:var(--radius-lg, 16px) var(--radius-lg, 16px) 0 0}.dv-modal-backdrop{align-items:flex-end;padding:0}.dv-toast{bottom:16px;right:16px;left:16px;max-width:none}}.dv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-2);padding:var(--space-2) 0}.dv-grid-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;gap:8px;min-height:110px}.dv-grid-card:hover{border-color:rgba(var(--color-brand-rgb),.35);box-shadow:0 4px 14px #00000038}.dv-grid-card--selected{border-color:rgba(var(--color-brand-rgb),.6);box-shadow:0 0 0 1px rgba(var(--color-brand-rgb),.25),0 4px 14px #00000038}.dv-grid-card--danger{border-color:#ef444466}.dv-grid-card__header{display:flex;align-items:center;gap:8px}.dv-grid-card__name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-grid-card__status-dot{width:7px;height:7px;border-radius:50%;background:var(--color-danger);flex-shrink:0}.dv-grid-card__status-dot--online{background:var(--color-success);animation:dv-pulse 2s ease infinite}.dv-grid-card__meta{display:flex;flex-wrap:wrap;gap:4px}.dv-grid-card__badge{font-size:var(--text-2xs);font-weight:500;padding:2px 7px;border-radius:20px;background:var(--bg-inset);color:var(--text-secondary);border:1px solid var(--border-subtle);text-transform:capitalize}.dv-grid-card__footer{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:auto}.dv-view-toggle{display:flex;gap:2px;background:var(--bg-inset);border-radius:var(--radius-sm);padding:2px;border:1px solid var(--border-subtle)}.dv-view-toggle__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.dv-view-toggle__btn--active{background:var(--bg-elevated);color:var(--text-primary)}.dv-status-chips{display:flex;gap:4px;flex-wrap:wrap;padding:6px var(--space-2);border-bottom:1px solid var(--border-subtle)}.dv-empty--first-run{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;text-align:center}.dv-empty--first-run .dv-empty__icon{width:40px;height:40px;color:var(--text-tertiary);opacity:.5}.dv-empty--first-run .dv-empty__title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.dv-empty--first-run .dv-empty__body{font-size:var(--text-xs);color:var(--text-tertiary);max-width:200px}.dv-test-result{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:1.4;border:1px solid transparent}.dv-test-ok{background:#22c55e14;border-color:#22c55e33;color:#4ade80}.dv-test-fail{background:#ef444414;border-color:#ef444433;color:#f87171}.dv-test-result__icon{flex-shrink:0;font-size:12px;line-height:1.6}.dv-adapter-planned{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:1.5;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:#fbbf24}.dv-adapter-planned__icon{flex-shrink:0;line-height:1.6}.dv-modal__config-section{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--radius-sm);background:var(--bg-inset);border:1px solid var(--border-subtle)}.dv-modal__config-label{font-size:var(--text-2xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.dv-protocol-badge--planned{display:inline-block;font-size:9px;font-weight:700;padding:1px 5px;border-radius:20px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24;vertical-align:middle;margin-left:4px;letter-spacing:.04em;text-transform:uppercase}.dv-last-cmd{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap}.dv-last-cmd__ok{color:var(--color-success);font-weight:600}.dv-last-cmd__fail{color:var(--color-danger);font-weight:600}.dv-last-cmd__error{width:100%;font-size:var(--text-2xs);color:#f87171;background:#ef444414;border:1px solid rgba(239,68,68,.18);border-radius:6px;padding:5px 9px;margin-top:4px}.dv-agent-chip{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-2xs);font-weight:500;padding:2px 8px;border-radius:20px;background:rgba(var(--color-brand-rgb),.1);border:1px solid rgba(var(--color-brand-rgb),.25);color:var(--color-brand)}.dv-agent-chip--unassigned{background:var(--bg-inset);border-color:var(--border-subtle);color:var(--text-tertiary)}.wf-home{gap:var(--space-8)!important;padding-bottom:var(--space-8)}.wf-home__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-2)}.wf-home__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;line-height:1.2}.wf-home__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:var(--space-1) 0 0}.wf-home__header-right{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.wf-home__search{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px var(--space-3);transition:border-color .2s ease}.wf-home__search:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 10%,transparent)}.wf-home__search input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--text-sm);width:200px}.wf-home__search app-icon{color:var(--text-tertiary)}.wf-home__section{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-2)}.wf-home__section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0}.wf-home__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--bg-surface);border-radius:10px;font-size:var(--text-2xs);color:var(--text-tertiary);font-weight:var(--font-medium)}.wf-home__templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.wf-template-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all .28s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.wf-template-card:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,transparent 40%,var(--border-subtle));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .28s cubic-bezier(.23,1,.32,1)}.wf-template-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 8px 30px #0000001f}.wf-template-card:hover:before{opacity:1}.wf-template-card:active{transform:translateY(-1px);transition-duration:.1s}.wf-template-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.wf-template-card__body{flex:1;min-width:0}.wf-template-card__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:2px}.wf-template-card__desc{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.4}.wf-template-card__nodes{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.wf-template-card__node-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:var(--bg-base);border-radius:var(--radius-sm);font-size:var(--text-2xs);color:var(--text-secondary);white-space:nowrap}.wf-template-card__arrow{color:var(--text-tertiary);font-size:var(--text-2xs)}.wf-home__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.wf-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color .28s cubic-bezier(.23,1,.32,1),box-shadow .28s cubic-bezier(.23,1,.32,1)}.wf-card:hover{border-color:var(--border-hover);box-shadow:0 4px 16px #00000014}.wf-card__header{display:flex;align-items:flex-start;gap:var(--space-3)}.wf-card__icon{width:36px;height:36px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-brand) 10%,transparent);color:var(--color-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.wf-card__info{flex:1;min-width:0}.wf-card__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-card__desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wf-card__tags{display:flex;gap:4px;flex-wrap:wrap}.wf-card__tag{display:inline-block;padding:1px 8px;background:var(--bg-base);border-radius:10px;font-size:var(--text-2xs);color:var(--text-tertiary)}.wf-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.wf.wf-canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(circle at center,rgba(0,0,0,.1) 0%,transparent 70%);z-index:10;text-align:center;animation:fade-in .4s ease}.wf-canvas-empty-icon{width:80px;height:80px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:24px;display:flex;align-items:center;justify-content:center;color:var(--color-brand);box-shadow:0 8px 32px #0003}.wf-canvas-empty-title{font-size:24px;font-weight:800;color:var(--text-primary)}.wf-canvas-empty-sub{font-size:var(--text-sm);color:var(--text-tertiary);max-width:400px;line-height:1.6}.wf-canvas-empty-actions{display:flex;gap:12px}.wf-card__date{font-size:var(--text-2xs);color:var(--text-tertiary)}.wf-card__actions{display:flex;align-items:center;gap:var(--space-1)}.wf-home__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;gap:var(--space-3);text-align:center;padding:var(--space-8)}.wf-home__empty-icon{color:var(--text-tertiary);opacity:.4}.wf-home__empty-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.wf-home__empty-text{font-size:var(--text-sm);color:var(--text-tertiary);max-width:420px;margin:0;line-height:1.6}.wf-home__loading-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);min-height:120px}.wf-home__loading-bar{width:200px;height:3px;background:var(--bg-surface);border-radius:2px;overflow:hidden}.wf-home__loading-bar-fill{width:40%;height:100%;background:var(--color-brand);border-radius:2px;animation:wf-loading-slide 1.2s ease-in-out infinite}@keyframes wf-loading-slide{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}.wf-home__loading-text{font-size:var(--text-sm);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-2)}.wf-home .modal-overlay{position:fixed;inset:0;z-index:var(--z-toast);background:#0000008c;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);display:flex;align-items:center;justify-content:center;animation:fade-in .2s cubic-bezier(.23,1,.32,1)}.wf-home .modal{width:100%;max-width:560px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 24px 80px #00000059,0 0 0 1px #ffffff0d;animation:modal-enter .35s cubic-bezier(.23,1,.32,1) both}.wf-home .modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-3)}.wf-home .modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.wf-home .modal__body{padding:0 var(--space-5) var(--space-4)}.wf-home .modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-5);border-top:1px solid var(--border-subtle)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.wf-editor{gap:0!important;padding:0!important;height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden}.wf-editor__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0;min-height:48px;flex-wrap:wrap}.wf-editor__topbar-left{display:flex;align-items:center;gap:var(--space-2)}.wf-editor__name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.wf-editor__name app-icon{color:var(--color-brand)}.wf-editor__topbar-right{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.wf-editor__version-select{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:4px var(--space-2);font-size:var(--text-2xs);color:var(--text-primary);max-width:160px}.wf-editor__cost{font-size:var(--text-2xs);padding:2px 8px;background:color-mix(in srgb,var(--color-success) 10%,transparent);color:var(--color-success);border-radius:var(--radius-sm);font-weight:var(--font-medium);font-family:monospace}.wf-editor__validation{padding:4px var(--space-4);display:flex;flex-direction:column;gap:2px;flex-shrink:0}.wf-editor__validation-item{padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs)}.wf-editor__validation-item--error{background:color-mix(in srgb,var(--color-danger) 10%,transparent);color:var(--color-danger)}.wf-editor__validation-item--warning{background:color-mix(in srgb,var(--color-warning) 10%,transparent);color:var(--color-warning)}.wf-editor__body{display:grid;grid-template-columns:300px 1fr;flex:1;min-height:0;overflow:hidden}.wf-editor__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.wf-editor__tabs{display:flex;width:100%;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.wf-editor__tab{flex:1;text-align:center;padding:var(--space-3) var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.23,1,.32,1)}.wf-editor__tab:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.wf-editor__tab--active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.wf-editor__node-library{background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden}.wf-editor__node-library-scroll{flex:1;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-3)}.wf-node-cat{display:flex;flex-direction:column;gap:var(--space-1)}.wf-node-cat__title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2)}.wf-node-cat__items{display:flex;flex-direction:column;gap:1px}.wf-node-cat__item{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:background .2s cubic-bezier(.23,1,.32,1);color:var(--text-primary)}.wf-node-cat__item:hover{background:var(--bg-surface-hover)}.wf-node-cat__item:active{background:var(--bg-base)}.wf-node-cat__item-icon{font-size:var(--text-base);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-base);flex-shrink:0}.wf-node-cat__item-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.wf-editor__canvas-wrap{display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden}.wf-editor__properties{display:flex;flex-direction:column;overflow:hidden;flex:1}.wf-editor__properties-scroll{flex:1;overflow-y:auto;padding:var(--space-3)}.wf-editor__properties-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.wf-editor__workflow-info{width:100%;text-align:left;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.wf-props{display:flex;flex-direction:column;gap:var(--space-3)}.wf-props__node-header{display:flex;align-items:center;gap:var(--space-3)}.wf-props__node-emoji{font-size:var(--text-3xl);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-base);border-radius:var(--radius-md);flex-shrink:0}.wf-props__node-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:2px}.workflow-canvas{position:relative;flex:1;min-height:400px;background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--border-subtle) 40%,transparent) .5px,transparent 0);background-size:24px 24px;overflow:hidden;cursor:crosshair;user-select:none}.workflow-canvas__svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.workflow-canvas__svg path,.workflow-canvas__svg line{pointer-events:stroke}.workflow-canvas__hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm);pointer-events:none;opacity:.6}.workflow-canvas__add-hint{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--text-secondary);box-shadow:var(--shadow-md);animation:fadeInUp .4s cubic-bezier(.23,1,.32,1) both;animation-delay:.3s;z-index:5}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.workflow-connection{fill:none;stroke:var(--color-brand);stroke-width:2;opacity:.6;transition:opacity .2s cubic-bezier(.23,1,.32,1),stroke .2s cubic-bezier(.23,1,.32,1);cursor:pointer;pointer-events:stroke}.workflow-connection:hover{opacity:1;stroke-width:3;stroke:var(--color-danger)}.workflow-connection--draft{stroke:var(--text-tertiary);stroke-width:2;stroke-dasharray:6 4;opacity:.5}.workflow-node{position:absolute;width:200px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:0 1px 3px #00000014;cursor:grab;user-select:none;transition:box-shadow .25s cubic-bezier(.23,1,.32,1),border-color .25s cubic-bezier(.23,1,.32,1),transform .25s cubic-bezier(.23,1,.32,1);z-index:10}.workflow-node--ghost{pointer-events:none;opacity:.7;box-shadow:0 10px 25px #0003!important;z-index:var(--z-toast)}.workflow-node:active{cursor:grabbing}.workflow-node:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--node-color);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.workflow-node:hover{border-color:var(--border-hover);box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.workflow-node--selected{border-color:var(--node-color)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--node-color) 30%,transparent),0 8px 24px #00000026!important}.workflow-node__header{display:flex;align-items:center;gap:8px;padding:12px 12px 4px 16px}.workflow-node__emoji{font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:color-mix(in srgb,var(--node-color) 10%,transparent);border-radius:var(--radius-sm)}.workflow-node__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.workflow-node__type{padding:2px 12px 12px 16px;font-size:var(--text-2xs);color:var(--text-tertiary);font-weight:var(--font-normal)}.workflow-node__port{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--node-color);border:2px solid var(--bg-surface);cursor:crosshair;z-index:3;transition:transform .15s cubic-bezier(.23,1,.32,1),box-shadow .15s cubic-bezier(.23,1,.32,1),opacity .2s ease;opacity:0}.workflow-node:hover .workflow-node__port{opacity:.5}.workflow-node--selected .workflow-node__port{opacity:1!important}.workflow-node__port:hover{transform:scale(1.4);box-shadow:0 0 8px var(--node-color);opacity:1!important}.workflow-node__port--out{right:-6px;top:50%;transform:translateY(-50%)}.workflow-node__port--out:hover{transform:translateY(-50%) scale(1.4)}.workflow-node__port--in{left:-6px;top:50%;transform:translateY(-50%)}.workflow-node__port--in:hover{transform:translateY(-50%) scale(1.4)}.wf-run-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-surface);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);flex-shrink:0}.wf-run-bar__status{display:flex;align-items:center;gap:6px}.wf-run-bar__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.workflow-canvas--connecting .workflow-node__port--in{opacity:1!important;transform:translateY(-50%) scale(1.3);box-shadow:0 0 8px var(--node-color),0 0 16px #6366f14d;animation:port-pulse 1.2s ease-in-out infinite}@keyframes port-pulse{0%,to{box-shadow:0 0 6px var(--node-color)}50%{box-shadow:0 0 14px var(--node-color),0 0 24px #6366f140}}.workflow-node--error{border-color:var(--color-danger)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-danger) 25%,transparent),0 4px 12px #ef444426!important}.workflow-node--warning{border-color:var(--color-warning)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-warning) 25%,transparent),0 4px 12px #f59e0b1f!important}.wf-run-status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:var(--text-2xs);font-weight:600;text-transform:capitalize;background:var(--bg-raised);color:var(--text-secondary)}.wf-run-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.wf-run-status--running{color:var(--color-brand);background:#6366f11a}.wf-run-status--running:before{animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.4}50%{opacity:1}}.wf-run-status--completed,.wf-run-status--success{color:var(--color-success);background:#22c55e1a}.wf-run-status--failed,.wf-run-status--error{color:var(--color-danger);background:#ef44441a}.wf-run-status--paused,.wf-run-status--waiting_approval{color:var(--color-warning);background:#f59e0b1a}.wf-run-status--cancelled{color:var(--text-tertiary);background:var(--bg-raised)}@media(max-width:1024px){.wf-editor__body{grid-template-columns:200px 1fr 240px}.wf-home__templates,.wf-home__grid{grid-template-columns:repeat(2,1fr)}.wf-create-modes{grid-template-columns:1fr}}@media(max-width:768px){.wf-home{gap:var(--space-6)!important}.wf-home__header{flex-direction:column}.wf-home__header-right{width:100%;flex-wrap:wrap}.wf-home__search{flex:1;min-width:0}.wf-home__search input{width:100%;flex:1}.wf-home__templates,.wf-home__grid{grid-template-columns:1fr}.wf-editor__body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.wf-editor__left{max-height:200px;overflow-y:auto;border-right:none;border-bottom:1px solid var(--border-default)}.wf-editor{height:auto;min-height:calc(100vh - 60px)}.workflow-node{min-height:60px;min-width:160px}.workflow-node__port{width:18px!important;height:18px!important}.wf-editor__topbar .btn{min-height:44px;padding:8px 16px}.wf-node-cat__item{min-height:44px;padding:10px 12px}.wf-editor__topbar,.wf-editor__topbar-right{flex-wrap:wrap;gap:var(--space-2)}.wf-create{padding:24px 20px;gap:32px}.wf-runs,.wf-library{padding:24px 20px}.wf-runs-analytics{grid-template-columns:repeat(2,1fr)}.wf-property-panel{width:100%;border-left:none;border-top:1px solid var(--border-subtle);max-height:40vh;overflow-y:auto}.wf-property-panel.hidden{max-height:0;width:100%;opacity:0;pointer-events:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.workflow-node--live-running{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 30%,transparent),0 0 20px #6366f140;animation:live-breathe 2.5s ease-in-out infinite}.workflow-node--live-done{border-color:var(--color-success)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-success) 25%,transparent),0 0 16px #10b98133}.workflow-node--live-failed{border-color:var(--color-danger)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-danger) 25%,transparent),0 0 16px #ef444433;animation:live-shake .4s cubic-bezier(.36,.07,.19,.97)}.workflow-node--live-pending{opacity:.6;border-style:dashed!important}@keyframes live-breathe{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent),0 0 12px #6366f126}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 35%,transparent),0 0 24px #6366f14d}}@keyframes live-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.workflow-node__live-badge{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--bg-base);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);box-shadow:0 2px 8px #0003;z-index:2}.wf-analytics-card{--accent: var(--color-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:20px 24px;text-align:center;position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.23,1,.32,1),box-shadow .28s cubic-bezier(.23,1,.32,1)}.wf-analytics-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);border-radius:16px 16px 0 0}.wf-analytics-card:after{content:"";position:absolute;top:3px;left:0;right:0;height:40px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent);pointer-events:none}.wf-analytics-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000001f}.wf-analytics-card__value{font-size:var(--text-display);font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em;position:relative;z-index:1}.wf-analytics-card__label{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:6px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;position:relative;z-index:1}.wf-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.wf-skeleton__card{height:120px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-raised) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:wf-shimmer 1.8s ease-in-out infinite}@keyframes wf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wf-home__section{animation:fadeUp .4s cubic-bezier(.23,1,.32,1) both}.wf-home__section:nth-child(2){animation-delay:60ms}.wf-home__section:nth-child(3){animation-delay:.12s}.wf-home__section:nth-child(4){animation-delay:.18s}.wf-home__section:nth-child(5){animation-delay:.24s}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wf-hub{display:flex;flex-direction:column;width:100%;height:100%;background:transparent;color:var(--text-primary);overflow:hidden}.wf-hub-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0;z-index:100}.wf-hub-tabs{display:flex;gap:24px;height:100%;align-items:center}.wf-hub-tab{font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);cursor:pointer;height:100%;display:flex;align-items:center;gap:8px;transition:all .2s ease;border-bottom:2px solid transparent}.wf-hub-tab:hover{color:var(--text-primary)}.wf-hub-tab.active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.wf-hub-actions{display:flex;align-items:center;gap:32px}.wf-workflow-identity{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.wf-workflow-name{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);cursor:pointer;transition:opacity .2s}.wf-workflow-name:hover{opacity:.7}.wf-workflow-status{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.wf-workflow-status.saved{color:var(--color-success)}.wf-workflow-status.unsaved{color:var(--text-tertiary)}.wf-header-buttons{display:flex;align-items:center;gap:12px}.wf-header-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent}.wf-header-btn.primary{background:var(--color-brand);color:#fff}.wf-header-btn.primary:hover{background:var(--color-brand-hover);transform:translateY(-1px)}.wf-header-btn.secondary{background:var(--bg-raised);border-color:var(--border-subtle);color:var(--text-primary)}.wf-header-btn.secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-default)}.wf-header-btn:disabled{opacity:.5;cursor:not-allowed}.wf-hub-glossary{display:flex;align-items:center;gap:10px;padding:7px 24px;font-size:var(--text-2xs);color:var(--text-tertiary);border-top:1px solid var(--border-subtle);background:#ffffff05;flex-wrap:wrap;letter-spacing:.01em}.wf-hub-glossary strong{color:var(--text-secondary);font-weight:600}.wf-hub-glossary-sep{opacity:.3}.wf-hub-content{flex:1;overflow:hidden;display:flex;background:transparent}.wf-create{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:40px;width:100%;box-sizing:border-box}.wf-create-hero{display:flex;flex-direction:column;gap:32px}.wf-create-hero-text{display:flex;flex-direction:column;gap:4px}.wf-create-title{font-size:var(--text-display);font-weight:800;letter-spacing:-.025em;color:var(--text-primary);line-height:1.15}.wf-create-subtitle{font-size:var(--text-base);color:var(--text-tertiary);margin-top:6px;font-weight:400;line-height:1.5}.wf-create-modes{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:16px}.wf-create-mode-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:28px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.wf-create-mode-card:after{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 60%);pointer-events:none}.wf-create-mode-card:hover{border-color:var(--border-hover);box-shadow:0 8px 32px #0000002e,0 0 0 1px #ffffff08;transform:translateY(-3px)}.wf-create-mode-card:active{transform:translateY(-1px);transition-duration:.1s}.wf-create-mode-card--prompt{border-color:#6366f133;background:linear-gradient(160deg,rgba(99,102,241,.06),transparent 50%)}.wf-create-mode-card--prompt:hover{border-color:#6366f166;box-shadow:0 8px 32px #6366f11f,0 0 0 1px #6366f11a}.wf-create-mode-icon{font-size:var(--text-3xl);margin-bottom:4px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:14px}.wf-create-mode-label{font-size:var(--text-base);font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.wf-create-mode-desc{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.6;flex:1}.wf-create-mode-cta{font-size:var(--text-sm);font-weight:600;color:var(--color-brand);margin-top:8px;display:flex;align-items:center;gap:4px;transition:gap .2s ease}.wf-create-mode-card:hover .wf-create-mode-cta{gap:8px}.wf-create-prompt-row{display:flex;gap:10px;margin-top:14px;align-items:center}.wf-create-prompt-input{flex:1;background:var(--bg-base);border:1px solid var(--border-default);border-radius:12px;padding:10px 16px;color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:all .25s cubic-bezier(.23,1,.32,1)}.wf-create-prompt-input::placeholder{color:var(--text-tertiary);opacity:.7}.wf-create-prompt-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 12%,transparent);background:var(--bg-surface)}.wf-create-section-title{font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:8px}.wf-create-templates{display:flex;flex-direction:column;gap:16px}.wf-create-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.wf-create-template-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.wf-create-template-card:after{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent 50%);pointer-events:none}.wf-create-template-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 8px 32px #0000002e}.wf-create-template-card:active{transform:translateY(-1px);transition-duration:.1s}.wf-create-template-header{display:flex;align-items:center;gap:16px}.wf-create-template-icon{transition:transform .3s cubic-bezier(.23,1,.32,1)}.wf-create-template-card:hover .wf-create-template-icon{transform:scale(1.08)}.wf-create-template-info{flex:1;min-width:0}.wf-create-template-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.wf-create-template-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.wf-create-template-desc{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.65}.wf-create-template-meta{display:flex;gap:8px;flex-wrap:wrap}.wf-meta-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-base);border-radius:8px;font-size:var(--text-2xs);color:var(--text-secondary);white-space:nowrap;font-weight:500;border:1px solid var(--border-subtle)}.wf-meta-chip--diff{background:#6366f114;border-color:#6366f126;color:var(--color-accent);font-weight:600}.wf-create-template-cta{width:100%;justify-content:center;margin-top:4px;border-radius:12px!important;font-weight:600!important;height:38px;transition:all .25s cubic-bezier(.23,1,.32,1)!important}.wf-create-template-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.wf-tag{display:inline-block;padding:2px 10px;background:var(--bg-base);border-radius:10px;font-size:var(--text-2xs);color:var(--text-tertiary);border:1px solid var(--border-subtle);font-weight:500}.wf-build-layout{flex:1;display:flex;overflow:hidden}.wf-build-sidebar{width:280px;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;background:var(--bg-surface);flex-shrink:0;overflow:hidden}.wf-build-sidebar-header{padding:14px 18px 8px;font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);flex-shrink:0}.wf-node-search-wrap{display:flex;align-items:center;gap:8px;margin:0 14px 10px;padding:8px 12px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:12px;flex-shrink:0;transition:all .25s cubic-bezier(.23,1,.32,1)}.wf-node-search-wrap:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 10%,transparent);background:var(--bg-surface)}.wf-node-search{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--text-sm);min-width:0}.wf-node-search::placeholder{color:var(--text-tertiary);opacity:.7}.wf-node-search-clear{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--text-xs);padding:2px 4px;line-height:1;border-radius:4px;transition:all .15s ease}.wf-node-search-clear:hover{color:var(--text-primary);background:#ffffff0f}.wf-node-list{flex:1;overflow-y:auto;padding:4px 10px 20px}.wf-node-list::-webkit-scrollbar{width:6px}.wf-node-list::-webkit-scrollbar-track{background:transparent}.wf-node-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.wf-node-list::-webkit-scrollbar-thumb:hover{background:#ffffff24}.wf-node-category{margin-bottom:18px}.wf-node-category-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);padding:6px 10px 4px;opacity:.8}.wf-node-empty-search{padding:32px 16px;font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;line-height:1.5}.wf-block-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.23,1,.32,1)}.wf-block-item:hover{background:#ffffff0d;transform:translate(2px)}.wf-block-item:active{background:#ffffff14;transform:translate(2px) scale(.99);transition-duration:80ms}.wf-block-item--disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.wf-block-item--disabled:hover{background:transparent;transform:none}.wf-block-item--disabled:hover .wf-block-item-icon{transform:none}.wf-block-item-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:transform .2s cubic-bezier(.23,1,.32,1)}.wf-block-item:hover .wf-block-item-icon{transform:scale(1.08)}.wf-block-item-text{flex:1;min-width:0}.wf-block-item-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);line-height:1.3}.wf-block-item-desc{font-size:var(--text-2xs);color:var(--text-tertiary);line-height:1.45;margin-top:2px;opacity:.85}.wf-build-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.wf-build-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;height:56px;background:color-mix(in srgb,var(--bg-surface) 80%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.wf-build-toolbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.wf-build-toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.wf-workflow-name-input{background:transparent;border:1px solid transparent;border-radius:10px;padding:6px 12px;color:var(--text-primary);font-weight:700;font-size:var(--text-base);transition:all .2s cubic-bezier(.23,1,.32,1);max-width:300px;min-width:0;letter-spacing:-.01em}.wf-workflow-name-input:hover{border-color:var(--border-subtle);background:#ffffff05}.wf-workflow-name-input:focus{border-color:var(--color-brand);outline:none;background:var(--bg-base);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 10%,transparent)}.wf-status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.wf-status-pill--draft{background:#f59e0b1a;color:var(--color-warning)}.wf-status-pill--saved{background:#10b9811a;color:var(--color-success)}.wf-status-pill--deployed{background:#6366f11a;color:var(--color-accent)}.wf-validation-banner{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 20px;background:#ef44440f;border-bottom:1px solid rgba(239,68,68,.15);flex-shrink:0;animation:fadeUp .2s cubic-bezier(.23,1,.32,1) both}.wf-validation-item{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-danger);font-weight:500}.wf-validation-dismiss{margin-left:auto;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:6px;transition:all .15s ease}.wf-validation-dismiss:hover{color:var(--text-primary);background:#ffffff0f}.wf-canvas-container{flex:1;position:relative;overflow:hidden;background-color:var(--bg-base);background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px}.wf-canvas-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.wf-canvas-svg path,.wf-canvas-svg line{pointer-events:stroke}.wf-canvas-svg g{pointer-events:auto}.wf-canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:2;pointer-events:none;animation:fadeUp .5s cubic-bezier(.23,1,.32,1) both}.wf-canvas-empty-icon{font-size:48px;opacity:.35;margin-bottom:4px}.wf-canvas-empty-title{font-size:var(--text-lg);font-weight:700;color:var(--text-secondary);letter-spacing:-.01em}.wf-canvas-empty-sub{font-size:14px;color:var(--text-tertiary);max-width:380px;text-align:center;line-height:1.5}.wf-canvas-empty-actions{display:flex;gap:10px;margin-top:12px;pointer-events:all}.wf-canvas-empty-actions .btn{border-radius:10px!important;font-weight:600!important}.wf-node{position:absolute;width:220px;z-index:10;cursor:move;user-select:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08));transition:filter .25s cubic-bezier(.23,1,.32,1)}.wf-node:hover{filter:drop-shadow(0 6px 20px rgba(0,0,0,.15))}.wf-node-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--node-color, #6366f1);border-radius:20px 0 0 20px;z-index:1}.wf-node-header{display:flex;align-items:center;gap:10px;padding:14px 14px 12px 20px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;box-shadow:none;transition:all .25s cubic-bezier(.23,1,.32,1)}.wf-node--selected .wf-node-header{border-color:var(--node-color, #6366f1);box-shadow:0 0 0 2px color-mix(in srgb,var(--node-color, #6366f1) 25%,transparent)}.wf-node:hover .wf-node-header{border-color:var(--border-hover)}.wf-node-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s cubic-bezier(.23,1,.32,1)}.wf-node:hover .wf-node-icon{transform:scale(1.06)}.wf-node-title{flex:1;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.wf-node-delete{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:8px;display:flex;align-items:center;opacity:0;transition:all .2s cubic-bezier(.23,1,.32,1);flex-shrink:0}.wf-node:hover .wf-node-delete{opacity:1}.wf-node-delete:hover{color:var(--color-danger);background:#ef44441a}@media(pointer:coarse){.wf-node-delete{opacity:1;min-width:44px;min-height:44px}}.wf-node-type{padding:3px 20px 10px;font-size:10px;color:var(--text-tertiary);background:var(--bg-surface);border:1px solid var(--border-default);border-top:none;border-radius:0 0 16px 16px;margin-top:-4px}.wf-node-status-row{padding:5px 20px 10px;font-size:10px;font-weight:600;background:var(--bg-surface);border:1px solid var(--border-default);border-top:none;border-radius:0 0 16px 16px;margin-top:-4px}.wf-node-port{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--node-color, #6366f1);border:2.5px solid var(--bg-surface);cursor:crosshair;z-index:15;transition:all .18s cubic-bezier(.23,1,.32,1);opacity:0}.wf-node:hover .wf-node-port,.wf-node--selected .wf-node-port{opacity:.7}.wf-node-port:hover{transform:scale(1.6)!important;box-shadow:0 0 10px var(--node-color, #6366f1);opacity:1!important}.wf-node-port--in{left:-6px;top:24px}.wf-node-port--out{right:-6px;top:24px}.wf-edge{pointer-events:auto}.wf-edge circle{transition:stroke .2s ease}.wf-edge circle:hover{stroke:#ef4444}.wf-run-cockpit{position:absolute;bottom:0;left:0;right:0;height:240px;background:#05050ceb;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border-top:1px solid rgba(59,130,246,.3);z-index:var(--z-overlay, 1050);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .4s cubic-bezier(.23,1,.32,1);border-radius:16px 16px 0 0}.wf-run-cockpit.active{transform:translateY(0)}.wf-run-cockpit-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(59,130,246,.15);flex-shrink:0}.wf-log-terminal{flex:1;background:#0009;color:var(--color-accent);padding:14px 20px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:var(--text-xs);overflow-y:auto;line-height:1.9;border-radius:0 0 16px 16px}.wf-log-terminal::-webkit-scrollbar{width:5px}.wf-log-terminal::-webkit-scrollbar-thumb{background:#60a5fa33;border-radius:3px}.wf-live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);animation:pulse-dot 1.5s ease-in-out infinite}.wf-property-panel{width:320px;border-left:1px solid var(--border-subtle);background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden;transition:width .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);flex-shrink:0}.wf-property-panel.hidden{width:0;opacity:0;pointer-events:none}.wf-props-panel{display:flex;flex-direction:column;height:100%}.wf-props-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.wf-props-close{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--text-base);padding:4px 6px;border-radius:8px;line-height:1;transition:all .15s ease}.wf-props-close:hover{color:var(--text-primary);background:#ffffff0f}.wf-props-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:18px}.wf-props-body::-webkit-scrollbar{width:5px}.wf-props-body::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:3px}.wf-prop-group{display:flex;flex-direction:column;gap:7px}.wf-prop-label{font-size:10px;font-weight:700;color:var(--text-tertiary);letter-spacing:.06em}.wf-prop-input{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:10px;padding:9px 12px;color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:all .2s cubic-bezier(.23,1,.32,1);width:100%;box-sizing:border-box}.wf-prop-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 10%,transparent);background:color-mix(in srgb,var(--color-brand) 3%,var(--bg-base))}.wf-prop-hint{font-size:var(--text-2xs);color:var(--text-tertiary);line-height:1.5;opacity:.8}.wf-prop-exec-info{margin-top:12px;padding:14px 16px;background:#3b82f60a;border:1px solid rgba(59,130,246,.08);border-radius:12px}.wf-runs{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:32px;width:100%;box-sizing:border-box}.wf-runs-analytics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.wf-runs-loading{text-align:center;color:var(--text-tertiary);padding:64px;font-size:14px;font-weight:500}.wf-runs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 40px;gap:14px;animation:fadeUp .5s cubic-bezier(.23,1,.32,1) both}.wf-runs-empty-icon{font-size:44px;opacity:.35;margin-bottom:4px}.wf-runs-empty-title{font-size:var(--text-xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.wf-runs-empty-desc{font-size:14px;color:var(--text-tertiary);max-width:440px;line-height:1.7}.wf-runs-table{display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.wf-runs-table-header{display:grid;grid-template-columns:110px 1fr 100px 160px 90px 70px;gap:12px;padding:12px 20px;background:var(--bg-surface);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.wf-runs-row{display:grid;grid-template-columns:110px 1fr 100px 160px 90px 70px;gap:12px;padding:14px 20px;background:var(--bg-base);border-top:1px solid var(--border-subtle);transition:background .2s cubic-bezier(.23,1,.32,1);align-items:center}.wf-runs-row:hover{background:var(--bg-surface)}.wf-runs-row-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.wf-runs-row-dim{font-size:var(--text-xs);color:var(--text-tertiary)}.wf-library{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:28px;width:100%;box-sizing:border-box}.wf-library-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.wf-library-title{font-size:var(--text-3xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.wf-library-subtitle{font-size:14px;color:var(--text-tertiary);margin-top:4px}.wf-library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 40px;gap:14px;animation:fadeUp .5s cubic-bezier(.23,1,.32,1) both}.wf-library-list{display:flex;flex-direction:column;gap:10px}.wf-library-row{display:flex;align-items:center;gap:18px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:16px 22px;transition:all .28s cubic-bezier(.23,1,.32,1)}.wf-library-row:hover{border-color:var(--border-hover);box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.wf-library-row-icon{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--color-brand) 10%,transparent);color:var(--color-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.wf-library-row-body{flex:1;min-width:0}.wf-library-row-name{font-size:var(--text-base);font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.wf-library-row-meta{display:flex;gap:14px;margin-top:4px;font-size:var(--text-xs);color:var(--text-tertiary)}.wf-library-row-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.wf-library-row-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s ease}.wf-library-row:hover .wf-library-row-actions{opacity:1}.btn--ghost{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all .2s cubic-bezier(.23,1,.32,1)}.btn--ghost:hover{background:#ffffff0a;border-color:var(--border-hover)}.btn--danger{color:var(--color-danger)!important;border-color:#ef444433!important}.btn--danger:hover{background:#ef444414!important}.btn--xs{padding:4px 12px;font-size:var(--text-2xs);border-radius:8px;height:auto;font-weight:600}.btn--magic{background:linear-gradient(135deg,#6366f1,#818cf8)!important;border:none!important;color:#fff!important;font-weight:600!important;border-radius:10px!important;transition:all .25s cubic-bezier(.23,1,.32,1)!important}.btn--magic:hover{box-shadow:0 4px 16px #6366f14d!important;transform:translateY(-1px)!important}.btn--magic:disabled{opacity:.5!important;transform:none!important;box-shadow:none!important}.wf-spin{display:inline-block;animation:wf-spin-anim 1s linear infinite}@keyframes wf-spin-anim{to{transform:rotate(360deg)}}.wf-create,.wf-runs,.wf-library,.wf-node-list,.wf-props-body,.wf-log-terminal{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.wf-hub ::selection{background:color-mix(in srgb,var(--color-brand) 30%,transparent)}.wf-hub *:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:4px}@keyframes wf-tab-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wf-tab-content{animation:wf-tab-enter .22s cubic-bezier(.23,1,.32,1) both}.wf-hub-tab{gap:7px}.wf-build-sidebar-header{display:flex;align-items:center;justify-content:space-between}.wf-build-notice{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:color .2s ease,background .2s ease;flex-shrink:0;padding:0}.wf-build-notice:hover{color:var(--text-secondary);background:#ffffff0f}.wf-node-category-label{display:flex;align-items:center;gap:6px}.wf-node-category-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;opacity:.75}[data-cat=START] .wf-node-category-dot{background:var(--color-success)}[data-cat=THINK] .wf-node-category-dot{background:var(--color-accent)}[data-cat=ACT] .wf-node-category-dot{background:#6366f1}[data-cat=CONTROL] .wf-node-category-dot{background:#8b5cf6}[data-cat=OUTPUT] .wf-node-category-dot{background:var(--color-success)}.wf-runs-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.wf-runs-page-title{font-size:var(--text-3xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.wf-runs-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .2s cubic-bezier(.23,1,.32,1);flex-shrink:0}.wf-runs-refresh-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff0a}.wf-runs-refresh-btn:active{transform:scale(.94)}.wf-runs-empty-actions{display:flex;gap:12px;margin-top:8px}.wf-library-empty-icon{font-size:44px;opacity:.35;margin-bottom:4px}.wf-library-empty-title{font-size:var(--text-xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.wf-library-empty-desc{font-size:14px;color:var(--text-tertiary);max-width:440px;line-height:1.7}.wf-hub-glossary{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:6px 28px;gap:8px}.wf-hub-glossary::-webkit-scrollbar{display:none}.wf-hub-glossary-info{display:inline-flex;align-items:center;flex-shrink:0;color:var(--text-tertiary);opacity:.5;margin-right:2px}@media(prefers-reduced-motion:reduce){.wf-create-mode-card,.wf-create-template-card,.wf-analytics-card,.wf-library-row,.wf-block-item,.wf-node,.wf-run-cockpit,.wf-template-card,.wf-home__section{transition-duration:0ms!important;animation-duration:0ms!important}}:root{--ops-grid-gap: 8px;--ops-card-radius: 12px;--ops-modal-radius: 16px;--ops-transition: all .2s cubic-bezier(.4, 0, .2, 1);--ops-shimmer-bg: linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);--ops-content-max-width: min(100%, var(--page-max-workspace, 1760px));--ops-content-gutter: clamp(12px, 3vw, 24px)}.integrations-page{display:flex;flex-direction:column;width:100%;height:100%;background:transparent;color:var(--text-primary);overflow:hidden}.ops-page-shell{display:flex;flex-direction:column;min-height:100%;background:transparent;gap:14px}.ops-toolbar{padding:16px clamp(14px,2.2vw,28px) 56px;max-width:var(--ops-content-max-width);width:100%;margin:0 auto;z-index:10;display:flex;flex-direction:column;gap:14px;position:relative;background:transparent}.ops-toolbar__main{display:grid;grid-template-columns:minmax(240px,1fr) minmax(520px,1.35fr) auto;align-items:end;gap:18px 24px;min-width:0}.ops-toolbar__left{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-width:0}.ops-toolbar__title{margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:760;line-height:1.05;letter-spacing:-.03em;color:var(--text-primary)}.ops-toolbar__title-block{display:grid;gap:6px}.ops-toolbar__subtitle{margin:0;font-size:13px;line-height:1.45;color:var(--text-tertiary)}.ops-toolbar__tabs{display:flex;align-items:center;gap:2px;background:color-mix(in srgb,var(--bg-surface) 72%,transparent);padding:2px;border-radius:16px;border:1px solid var(--border-subtle)}.ops-toolbar-tab{display:flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:10px;font-size:14px;font-weight:600;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;transition:var(--ops-transition);white-space:nowrap}.ops-toolbar-tab:hover{color:var(--text-secondary);background:color-mix(in srgb,var(--bg-surface-hover) 70%,transparent)}.ops-toolbar-tab.is-active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-subtle)}.ops-toolbar__center{width:100%;max-width:920px;min-width:0;justify-self:center;display:flex;align-items:center;gap:8px}.ops-toolbar__center .ops-search-field{flex:1 1 320px;min-width:260px}.ops-search-field{display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--bg-surface) 72%,transparent);border:1px solid var(--border-subtle);padding:0 14px;border-radius:9px;height:36px;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);transition:var(--ops-transition)}.ops-search-field:focus-within{border-color:var(--color-brand);background:var(--bg-surface);box-shadow:0 0 0 2px var(--color-brand-faint)}.ops-search-field input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:13px;font-weight:400}.ops-toolbar__right{display:flex;align-items:center;justify-self:end;min-width:0;position:relative;margin-left:auto}.ops-toolbar__actions,.ops-toolbar__primary-actions,.ops-toolbar__utility-actions{display:flex;align-items:center;gap:8px}.ops-toolbar .ops-button{height:36px;border-radius:9px;padding:0 14px;font-size:13px}.ops-toolbar .ops-button--secondary{background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);color:var(--text-secondary)}.ops-toolbar .ops-button--secondary:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.ops-toolbar .ops-button--primary{background:var(--color-brand);color:#fff;font-weight:720;box-shadow:0 0 0 1px var(--color-brand),0 8px 16px var(--color-brand-glow)}.ops-toolbar .ops-button--primary:hover{transform:none;box-shadow:0 0 0 1px var(--color-brand-hover),0 10px 18px var(--color-brand-glow)}.ops-toolbar .ops-icon-button{width:40px;height:40px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--text-tertiary)}.ops-toolbar .ops-icon-button:hover,.ops-toolbar .ops-icon-button.is-active{background:color-mix(in srgb,var(--bg-surface) 76%,transparent);border-color:var(--border-subtle);color:var(--text-primary)}.ops-toolbar :is(.ops-toolbar-tab,.ops-button,.ops-icon-button):focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-base),0 0 0 4px var(--color-brand-faint)}.ops-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:16px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--ops-transition);border:1px solid var(--border-subtle);white-space:nowrap}.ops-button--primary{background:var(--color-brand);border-color:var(--color-brand);color:#fff;box-shadow:0 4px 12px var(--color-brand-glow)}.ops-button--primary:hover{background:var(--color-brand-hover);transform:translateY(-1px);box-shadow:0 6px 16px var(--color-brand-glow)}.ops-button--secondary{background:var(--bg-surface);color:var(--text-primary)}.ops-button--secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.ops-button--surface{background:var(--bg-elevated);border-color:var(--border-subtle);color:var(--text-secondary)}.ops-button--surface:hover{background:var(--bg-elevated-hover);color:var(--text-primary);border-color:var(--border-strong)}.ops-button--sm{height:32px;padding:0 12px;font-size:12px;border-radius:10px}.integrations-scroll-area{flex:1;min-height:0;overflow-y:auto;padding:12px 0 64px}.ops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:0 var(--ops-content-gutter);max-width:var(--ops-content-max-width);width:100%;margin:0 auto}@media(min-width:640px){.ops-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(min-width:1024px){.ops-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media(min-width:1600px){.ops-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.ops-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:color-mix(in srgb,var(--bg-surface) 96%,black 4%);border:1px solid color-mix(in srgb,var(--border-default) 80%,transparent);border-radius:10px;transition:border-color .12s ease,box-shadow .12s ease;cursor:pointer;overflow:hidden;min-height:0}.ops-card:hover{border-color:color-mix(in srgb,var(--color-brand) 36%,var(--border-default));box-shadow:0 4px 16px #00000024}.ops-card:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--color-brand-rgb,249,115,22),.28);border-color:var(--color-brand)}.ops-card__header{display:flex;justify-content:space-between;align-items:center;gap:9px;min-width:0}.ops-card__identity{display:flex;align-items:center;gap:9px;min-width:0;flex:1 1 auto}.ops-card__title-block{min-width:0;flex:1 1 auto}.ops-card__actions-top{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.ops-card__logo{flex:0 0 28px;width:28px;height:28px;background:color-mix(in srgb,var(--bg-elevated) 86%,var(--color-brand) 4%);border-radius:7px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--border-subtle) 80%,var(--color-brand) 12%);font-size:14px;color:var(--text-tertiary)}.ops-card__title{margin:0;font-size:13.5px;font-weight:700;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-card__description{margin:6px 0 0;font-size:12px;line-height:1.42;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.ops-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:0}.ops-card__chips{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:hidden;flex:1 1 auto}.ops-chip{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-tertiary);font-size:10.5px;font-weight:650;white-space:nowrap;max-width:92px;overflow:hidden;text-overflow:ellipsis}.ops-list{max-width:var(--ops-content-max-width);margin:0 auto;padding:0 var(--ops-content-gutter)}.ops-list__row{display:grid;grid-template-columns:1fr 200px 140px 180px;gap:20px;align-items:center;padding:16px 24px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;margin-bottom:12px;transition:var(--ops-transition);cursor:pointer}.ops-list__row:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);transform:translate(4px)}.ops-list__identity{display:flex;align-items:center;gap:16px;min-width:0}.ops-list__text{display:flex;flex-direction:column;min-width:0}.ops-list__name{font-weight:700;font-size:14px;color:var(--text-primary)}.ops-list__desc{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-status-pill{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:999px;font-size:10.5px;font-weight:700;background:transparent;border:1px solid;white-space:nowrap;flex:0 0 auto}.ops-status-pill__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 10px;width:10px;height:10px}.ops-status-pill__icon svg{width:10px;height:10px}.ops-status-pill__label{display:inline}.ops-status-pill--success{color:#22c55e;border-color:#22c55e4d;background:#22c55e14}.ops-select{height:36px;border-radius:9px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);color:var(--text-secondary);padding:0 10px;font-size:13px;min-width:160px;max-width:220px}.ops-select:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--color-brand-rgb,249,115,22),.22);border-color:var(--color-brand)}.ops-tab-row{max-width:var(--ops-content-max-width);margin:2px auto 0;padding:0 clamp(14px,2.2vw,28px);width:100%;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ops-tab{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border-default) 80%,transparent);background:color-mix(in srgb,var(--bg-elevated) 90%,transparent);color:var(--text-secondary);font-size:12px;font-weight:650}.ops-tab.is-active{color:var(--text-primary);border-color:rgba(var(--color-brand-rgb,249,115,22),.5);background:rgba(var(--color-brand-rgb,249,115,22),.13)}.ops-tab__count{font-size:11px;color:var(--text-tertiary)}.ops-setup-banner{max-width:var(--ops-content-max-width);margin:8px auto 0;width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(245,158,11,.32);background:linear-gradient(90deg,#f59e0b24,#f59e0b0f);font-size:13px;color:#fbbf24;display:flex;align-items:center;justify-content:space-between;gap:8px}.ops-setup-banner--error{border-color:#ef444452;background:linear-gradient(90deg,#ef444424,#ef44440f);color:#fca5a5}.ops-setup-banner__action{height:28px;padding:0 10px;border-radius:8px;border:1px solid rgba(var(--color-brand-rgb,249,115,22),.42);background:rgba(var(--color-brand-rgb,249,115,22),.18);color:#fff;font-size:12px;font-weight:700}.ops-card .ops-button--surface{height:32px;border-radius:10px;padding:0 14px;font-size:13px;font-weight:650}.ops-card__overflow .ops-icon-button{width:34px;height:34px;border-radius:999px;background:transparent;border:1px solid color-mix(in srgb,var(--border-subtle) 78%,transparent)}.ops-card__overflow .ops-icon-button:hover{background:#ffffff0d;border-color:#ffffff2e}.ops-status-pill--warning{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b14}.ops-status-pill--danger{color:#ef4444;border-color:#ef44444d;background:#ef444414}.ops-status-pill--neutral{color:var(--text-tertiary);border-color:#ffffff1a;background:#ffffff0d}.integration-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:ops-fade-in .2s ease}@keyframes ops-fade-in{0%{opacity:0}to{opacity:1}}.integration-modal{background:var(--bg-surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--ops-modal-radius);width:100%;max-width:720px;max-height:calc(100vh - 64px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0006;animation:ops-modal-slide .25s cubic-bezier(.16,1,.3,1)}.integration-modal--narrow{max-width:560px}.integration-detail-modal{background:var(--bg-surface);border:1px solid rgba(255,255,255,.08);border-radius:18px;width:100%;max-width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0000005c}@keyframes ops-modal-slide{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px 24px 16px;display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;position:relative}.modal-header-icon-col{flex:0 0 64px;width:64px;height:64px;background:var(--bg-elevated);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.06);font-size:24px}.modal-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;padding:0;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ops-transition)}.modal-close-btn:hover{background:#ffffff14;border-color:#ffffff26;color:var(--text-secondary)}.modal-close-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-base),0 0 0 4px var(--color-brand-faint)}.modal-header-content{flex:1;min-width:0}.modal-title{margin:0 0 4px;font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.modal-subtitle{margin:0;font-size:13px;color:var(--text-secondary)}.modal-body{padding:24px;overflow-y:auto;flex:1;background:transparent;display:flex;flex-direction:column;gap:24px}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.05);background:transparent}.ops-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;color:var(--text-tertiary)}.ops-empty-state__icon{width:64px;height:64px;margin-bottom:24px;opacity:.2}.ops-empty-state__title{font-size:20px;font-weight:700;color:var(--text-secondary);margin:0 0 8px}.ops-empty-state__text{font-size:14px;max-width:320px;margin-bottom:24px}.ops-skeleton{background:var(--ops-shimmer-bg);background-size:200% 100%;animation:ops-shimmer 1.5s infinite;border-radius:16px}@keyframes ops-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.add-form{display:flex;flex-direction:column;gap:24px}.add-form-row{display:flex;flex-direction:column;gap:8px}.add-form-label{font-size:14px;font-weight:700;color:var(--text-secondary)}.add-form-input{width:100%;padding:12px 16px;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:16px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:var(--ops-transition)}.add-form-input:focus{outline:none;border-color:var(--color-brand);background:var(--bg-surface);box-shadow:0 0 0 4px var(--color-brand-faint)}.add-option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.add-option-btn{padding:10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--ops-transition);text-align:center}.add-option-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.add-option-btn.selected{background:var(--bg-active);border-color:var(--color-brand);color:var(--color-brand);box-shadow:0 4px 12px var(--color-brand-faint)}.ops-check{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary)}.ops-check input{width:18px;height:18px;border-radius:6px;cursor:pointer}.ops-load-more{display:block;width:100%;padding:10px;margin-top:24px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;color:var(--text-tertiary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--ops-transition);text-align:center}.ops-load-more:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.add-catalog-list{display:flex;flex-direction:column;gap:12px}.add-catalog-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;transition:var(--ops-transition)}.add-catalog-item:hover{border-color:var(--border-strong);background:var(--bg-surface-hover)}.add-catalog-icon{flex:0 0 40px;width:40px;height:40px;background:var(--bg-elevated);border-radius:10px;display:flex;align-items:center;justify-content:center}.add-catalog-copy{flex:1;min-width:0;display:flex;flex-direction:column}.add-catalog-name{font-weight:700;font-size:14px;color:var(--text-primary)}.add-catalog-desc{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qs-preview{margin-bottom:32px}.qs-action-list{display:flex;flex-direction:column;gap:16px}.qs-action-row{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;transition:var(--ops-transition)}.qs-action-icon{width:40px;height:40px;border-radius:16px;display:flex;align-items:center;justify-content:center}.qs-action-text{flex:1}.qs-action-label{display:block;font-weight:700;font-size:14px;color:var(--text-primary)}.qs-action-desc{font-size:12px;color:var(--text-tertiary)}.ops-toolbar-popover{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,calc(100vw - 32px));background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 16px 32px #0006;z-index:100;padding:10px;display:flex;flex-direction:column;gap:16px;animation:ops-modal-slide .2s ease}.ops-toolbar-popover__section{display:flex;flex-direction:column;gap:8px}.ops-toolbar-popover__title{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em;margin-bottom:4px}.ops-toolbar__field select{width:100%;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer}.ops-toolbar__field select:focus{outline:none;border-color:var(--color-brand)}.ops-toolbar__separator{width:1px;height:24px;background:var(--border-subtle);margin:0 4px}.ops-toolbar-popover__clear{display:inline-flex;align-items:center;justify-content:center;width:100%;height:40px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:var(--ops-transition)}.ops-toolbar-popover__clear:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.ops-icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-tertiary);cursor:pointer;transition:var(--ops-transition)}.ops-icon-button:hover,.ops-icon-button.is-active{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.ops-restart-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;background:var(--bg-surface);border:1px solid var(--color-brand-subtle);border-radius:16px;margin:0 auto 16px;max-width:var(--ops-content-max-width);width:100%;box-shadow:0 8px 24px #f973161a;animation:ops-fade-in .3s ease}.ops-check:hover{color:var(--text-primary)}.ops-check input:checked{accent-color:var(--color-brand)}.modal-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.05);padding:0 24px;margin:0 -24px}.modal-tab{flex:0 1 auto;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:var(--ops-transition);white-space:nowrap;position:relative}.modal-tab:hover{color:var(--text-primary)}.modal-tab.is-active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.detail-section{display:flex;flex-direction:column;gap:12px}.detail-section h4{margin:0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-info-card{display:flex;flex-direction:column;gap:6px;padding:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px}.info-card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.info-card-value{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.4}.detail-tab-content{display:flex;flex-direction:column;gap:20px}.overview-hero-section{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px}.overview-description{margin:0;font-size:13px;line-height:1.55;color:var(--text-secondary)}.modal-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;height:36px;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:var(--ops-transition);white-space:nowrap}.modal-action-btn:hover{background:var(--bg-elevated-hover);border-color:#ffffff26}.modal-action-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-base),0 0 0 4px var(--color-brand-faint)}.modal-action-btn:disabled{opacity:.5;cursor:not-allowed}.modal-action-btn.primary{background:var(--color-brand);border-color:var(--color-brand);color:#fff;box-shadow:0 4px 12px var(--color-brand-glow)}.modal-action-btn.primary:hover{background:var(--color-brand-hover);box-shadow:0 6px 16px var(--color-brand-glow)}.modal-action-btn.danger{color:#ef4444;border-color:#ef44444d;background:#ef444414}.modal-action-btn.danger:hover{background:#ef444426;border-color:#ef444480}@media(max-width:1240px){.ops-toolbar__main{grid-template-columns:minmax(0,1fr) auto;align-items:center}.ops-toolbar__center{grid-column:1 / -1;max-width:none;justify-self:stretch}}@media(max-width:860px){.ops-toolbar{padding-top:12px}.ops-toolbar__main{grid-template-columns:1fr;gap:8px}.ops-toolbar__left,.ops-toolbar__right{width:100%}.ops-toolbar__right{justify-content:flex-start}.ops-toolbar__actions{width:100%;justify-content:space-between;flex-wrap:wrap}.ops-toolbar__primary-actions,.ops-toolbar__utility-actions{flex-wrap:wrap}.ops-toolbar__primary-actions{flex:1 1 260px}.ops-toolbar__utility-actions{flex:0 0 auto}}@media(max-width:640px){.ops-toolbar__title{font-size:clamp(1.75rem,1.5rem + 1vw,2rem)}.ops-toolbar__left{gap:8px}.ops-toolbar__tabs{width:100%}.ops-toolbar-tab{flex:1}.ops-toolbar__primary-actions{width:100%}.ops-toolbar__center{flex-direction:column;align-items:stretch;max-width:none}.ops-select{width:100%}.ops-tab-row{margin-top:2px}.ops-toolbar__primary-actions .ops-button{flex:1 1 auto}.ops-grid{grid-template-columns:1fr}.ops-list__row{grid-template-columns:1fr auto}}:root{--search-field-height-default: 40px;--search-field-height-compact: 32px;--search-field-radius-default: var(--radius-md, 10px);--search-field-radius-compact: var(--radius-sm, 8px);--search-field-padding-default: 0 12px;--search-field-padding-compact: 0 10px;--search-field-gap: 8px;--search-field-surface: color-mix(in srgb, var(--bg-surface, #12141a) 82%, transparent);--search-field-surface-hover: color-mix(in srgb, var(--bg-surface-hover, #1a1f2b) 84%, transparent);--search-field-border: color-mix(in srgb, var(--border-default, rgba(255, 255, 255, .12)) 80%, transparent);--search-field-border-hover: color-mix(in srgb, var(--border-default, rgba(255, 255, 255, .2)) 92%, var(--text-secondary, #a0a8b8));--search-field-border-focus: var(--color-brand, #f97316);--search-field-ring: color-mix(in srgb, var(--color-brand, #f97316) 20%, transparent);--search-field-placeholder: var(--text-tertiary, #8c96a3);--search-field-text: var(--text-primary, #f3f5f7)}:where(.search-field,.lib-search,.ops-search-field,.agency-toolbar__search,.agents-toolbar__search,.tv-toolbar__search,.hq-toolbar__search,.dv-toolbar-search,.chat-thread-list__search,.chat-sidebar-model-search,.chat-drawer-search,.models-providers-sidebar__search,.models-catalog__search-input,.models-custom-dropdown__search,.au-combobox__search-wrap,.mcp-tbar__search,.prompt-page-header__search,.apikeys-search,.config-search-v2,.ch3-search,.mobile-search,.ds-search,.kv-search-wrap,.logs-search-wrapper,.mv-search,.ojb-search,.runs-search,.threads-search,.pb-search,.uc-search,.vbr-search,.wf-node-search-wrap,.wf-home__search,.search-input-wrapper,.cap-search,.search-box,.entity-selector__search,.ops-search-wrapper,.ops-jobs-search,.tasks-filters__search){--search-field-height: var(--search-field-height-default);--search-field-radius: var(--search-field-radius-default);--search-field-padding: var(--search-field-padding-default);position:relative!important;display:flex!important;align-items:center!important;gap:var(--search-field-gap)!important;min-width:0!important;box-sizing:border-box!important;border:1px solid var(--search-field-border)!important;border-radius:var(--search-field-radius)!important;background:var(--search-field-surface)!important;padding:var(--search-field-padding)!important;height:var(--search-field-height)!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important}:where(.search-field,.ops-search-field,.agency-toolbar__search,.agents-toolbar__search,.tv-toolbar__search,.hq-toolbar__search,.dv-toolbar-search,.chat-thread-list__search,.chat-sidebar-model-search,.chat-drawer-search,.models-providers-sidebar__search,.models-catalog__search-input,.models-custom-dropdown__search,.au-combobox__search-wrap,.mcp-tbar__search,.prompt-page-header__search,.apikeys-search,.config-search-v2,.ch3-search,.mobile-search,.ds-search,.kv-search-wrap,.logs-search-wrapper,.mv-search,.ojb-search,.runs-search,.threads-search,.pb-search,.uc-search,.vbr-search,.wf-node-search-wrap,.wf-home__search,.search-input-wrapper,.cap-search,.search-box,.entity-selector__search,.ops-search-wrapper,.ops-jobs-search,.tasks-filters__search):hover{border-color:var(--search-field-border-hover)!important}:where(.search-field,.lib-search,.ops-search-field,.agency-toolbar__search,.agents-toolbar__search,.tv-toolbar__search,.hq-toolbar__search,.dv-toolbar-search,.chat-thread-list__search,.chat-sidebar-model-search,.chat-drawer-search,.models-providers-sidebar__search,.models-catalog__search-input,.models-custom-dropdown__search,.au-combobox__search-wrap,.mcp-tbar__search,.prompt-page-header__search,.apikeys-search,.config-search-v2,.ch3-search,.mobile-search,.ds-search,.kv-search-wrap,.logs-search-wrapper,.mv-search,.ojb-search,.runs-search,.threads-search,.pb-search,.uc-search,.vbr-search,.wf-node-search-wrap,.wf-home__search,.search-input-wrapper,.cap-search,.search-box,.entity-selector__search,.ops-search-wrapper,.ops-jobs-search,.tasks-filters__search):focus-within{border-color:var(--search-field-border-focus)!important;box-shadow:0 0 0 3px var(--search-field-ring)!important;background:var(--search-field-surface-hover)!important}:where(.search-field--compact,.lib-search,.agents-toolbar__search,.tv-toolbar__search,.hq-toolbar__search,.chat-sidebar-model-search,.models-custom-dropdown__search,.au-combobox__search-wrap,.mcp-tbar__search,.entity-selector__search,.threads-search,.ojb-search,.ops-jobs-search,.wf-node-search-wrap,.search-box,.cap-search,.search-input-wrapper){--search-field-height: var(--search-field-height-compact);--search-field-radius: var(--search-field-radius-compact);--search-field-padding: var(--search-field-padding-compact)}:where(.search-field--default){--search-field-height: var(--search-field-height-default)}:where(.search-field,.lib-search,.ops-search-field,.agency-toolbar__search,.agents-toolbar__search,.tv-toolbar__search,.hq-toolbar__search,.dv-toolbar-search,.chat-thread-list__search,.chat-sidebar-model-search,.chat-drawer-search,.models-providers-sidebar__search,.models-catalog__search-input,.models-custom-dropdown__search,.au-combobox__search-wrap,.mcp-tbar__search,.prompt-page-header__search,.apikeys-search,.config-search-v2,.ch3-search,.mobile-search,.ds-search,.kv-search-wrap,.logs-search-wrapper,.mv-search,.ojb-search,.runs-search,.threads-search,.pb-search,.uc-search,.vbr-search,.wf-node-search-wrap,.wf-home__search,.search-input-wrapper,.cap-search,.search-box,.entity-selector__search,.ops-search-wrapper,.ops-jobs-search,.tasks-filters__search)[aria-invalid=true],:where(.search-field,.lib-search,.ops-search-field,.agency-toolbar__search,.agents-toolbar__search,.tv-toolbar__search,.hq-toolbar__search,.dv-toolbar-search,.chat-thread-list__search,.chat-sidebar-model-search,.chat-drawer-search,.models-providers-sidebar__search,.models-catalog__search-input,.models-custom-dropdown__search,.au-combobox__search-wrap,.mcp-tbar__search,.prompt-page-header__search,.apikeys-search,.config-search-v2,.ch3-search,.mobile-search,.ds-search,.kv-search-wrap,.logs-search-wrapper,.mv-search,.ojb-search,.runs-search,.threads-search,.pb-search,.uc-search,.vbr-search,.wf-node-search-wrap,.wf-home__search,.search-input-wrapper,.cap-search,.search-box,.entity-selector__search,.ops-search-wrapper,.ops-jobs-search,.tasks-filters__search).search-field--error{border-color:var(--color-danger, #ef4444)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger, #ef4444) 20%,transparent)!important}:where(.search-field,.lib-search,.ops-search-field,.agency-toolbar__search,.agents-toolbar__search,.tv-toolbar__search,.hq-toolbar__search,.dv-toolbar-search,.chat-thread-list__search,.chat-sidebar-model-search,.chat-drawer-search,.models-providers-sidebar__search,.models-catalog__search-input,.models-custom-dropdown__search,.au-combobox__search-wrap,.mcp-tbar__search,.prompt-page-header__search,.apikeys-search,.config-search-v2,.ch3-search,.mobile-search,.ds-search,.kv-search-wrap,.logs-search-wrapper,.mv-search,.ojb-search,.runs-search,.threads-search,.pb-search,.uc-search,.vbr-search,.wf-node-search-wrap,.wf-home__search,.search-input-wrapper,.cap-search,.search-box,.entity-selector__search,.ops-search-wrapper,.ops-jobs-search,.tasks-filters__search):has(input:disabled){opacity:.64;cursor:not-allowed}:where(.search-field__input,.lib-search__input,.ops-search-field input,.agency-toolbar__search input,.agents-toolbar__search-input,.tv-toolbar__search-input,.hq-toolbar__search-input,.dv-toolbar-search__input,.chat-thread-list__search input,.chat-sidebar-model-search input,.chat-drawer-search input,.models-providers-sidebar__search input,.models-catalog__search-input input,.models-custom-dropdown__search input,.au-combobox__search-input,.mcp-tbar__search input,.prompt-page-header__search input,.apikeys-search__input,.config-search-v2__input,.ch3-search__input,.mobile-search input,.ds-search__input,.kv-search-input,.logs-search-input,.mv-search__input,.ojb-search__input,.runs-search__input,.threads-search__input,.pb-search__input,.uc-search__input,.vbr-search input,.wf-node-search,.wf-home__search input,.search-input-wrapper .search-input,.cap-search input,.search-box .search-input,.entity-selector__search-input,.ops-search-wrapper input,.ops-jobs-search__input,.tasks-filters__search-input,.poc-search,input.focus-history-search,input[type=search]){appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;min-width:0!important;width:100%!important;flex:1 1 auto!important;height:100%!important;margin:0!important;padding:0!important;color:var(--search-field-text)!important;font:inherit!important}:where(.search-field__input,.lib-search__input,.ops-search-field input,.agency-toolbar__search input,.agents-toolbar__search-input,.tv-toolbar__search-input,.hq-toolbar__search-input,.dv-toolbar-search__input,.chat-thread-list__search input,.chat-sidebar-model-search input,.chat-drawer-search input,.models-providers-sidebar__search input,.models-catalog__search-input input,.models-custom-dropdown__search input,.au-combobox__search-input,.mcp-tbar__search input,.prompt-page-header__search input,.apikeys-search__input,.config-search-v2__input,.ch3-search__input,.mobile-search input,.ds-search__input,.kv-search-input,.logs-search-input,.mv-search__input,.ojb-search__input,.runs-search__input,.threads-search__input,.pb-search__input,.uc-search__input,.vbr-search input,.wf-node-search,.wf-home__search input,.search-input-wrapper .search-input,.cap-search input,.search-box .search-input,.entity-selector__search-input,.ops-search-wrapper input,.ops-jobs-search__input,.tasks-filters__search-input,.poc-search,input.focus-history-search,input[type=search])::placeholder{color:var(--search-field-placeholder)!important;opacity:1}:where(.search-field__input,.lib-search__input,.ops-search-field input,.agency-toolbar__search input,.agents-toolbar__search-input,.tv-toolbar__search-input,.hq-toolbar__search-input,.dv-toolbar-search__input,.chat-thread-list__search input,.chat-sidebar-model-search input,.chat-drawer-search input,.models-providers-sidebar__search input,.models-catalog__search-input input,.models-custom-dropdown__search input,.au-combobox__search-input,.mcp-tbar__search input,.prompt-page-header__search input,.apikeys-search__input,.config-search-v2__input,.ch3-search__input,.mobile-search input,.ds-search__input,.kv-search-input,.logs-search-input,.mv-search__input,.ojb-search__input,.runs-search__input,.threads-search__input,.pb-search__input,.uc-search__input,.vbr-search input,.wf-node-search,.wf-home__search input,.search-input-wrapper .search-input,.cap-search input,.search-box .search-input,.entity-selector__search-input,.ops-search-wrapper input,.ops-jobs-search__input,.tasks-filters__search-input,.poc-search,input.focus-history-search,input[type=search]):focus{outline:none!important;box-shadow:none!important;background:transparent!important}:where(.search-field__input,.lib-search__input,.ops-search-field input,.agency-toolbar__search input,.agents-toolbar__search-input,.tv-toolbar__search-input,.hq-toolbar__search-input,.dv-toolbar-search__input,.chat-thread-list__search input,.chat-sidebar-model-search input,.chat-drawer-search input,.models-providers-sidebar__search input,.models-catalog__search-input input,.models-custom-dropdown__search input,.au-combobox__search-input,.mcp-tbar__search input,.prompt-page-header__search input,.apikeys-search__input,.config-search-v2__input,.ch3-search__input,.mobile-search input,.ds-search__input,.kv-search-input,.logs-search-input,.mv-search__input,.ojb-search__input,.runs-search__input,.threads-search__input,.pb-search__input,.uc-search__input,.vbr-search input,.wf-node-search,.wf-home__search input,.search-input-wrapper .search-input,.cap-search input,.search-box .search-input,.entity-selector__search-input,.ops-search-wrapper input,.ops-jobs-search__input,.tasks-filters__search-input,.poc-search,input.focus-history-search,input[type=search])::-webkit-search-decoration,:where(.search-field__input,.lib-search__input,.ops-search-field input,.agency-toolbar__search input,.agents-toolbar__search-input,.tv-toolbar__search-input,.hq-toolbar__search-input,.dv-toolbar-search__input,.chat-thread-list__search input,.chat-sidebar-model-search input,.chat-drawer-search input,.models-providers-sidebar__search input,.models-catalog__search-input input,.models-custom-dropdown__search input,.au-combobox__search-input,.mcp-tbar__search input,.prompt-page-header__search input,.apikeys-search__input,.config-search-v2__input,.ch3-search__input,.mobile-search input,.ds-search__input,.kv-search-input,.logs-search-input,.mv-search__input,.ojb-search__input,.runs-search__input,.threads-search__input,.pb-search__input,.uc-search__input,.vbr-search input,.wf-node-search,.wf-home__search input,.search-input-wrapper .search-input,.cap-search input,.search-box .search-input,.entity-selector__search-input,.ops-search-wrapper input,.ops-jobs-search__input,.tasks-filters__search-input,.poc-search,input.focus-history-search,input[type=search])::-webkit-search-cancel-button,:where(.search-field__input,.lib-search__input,.ops-search-field input,.agency-toolbar__search input,.agents-toolbar__search-input,.tv-toolbar__search-input,.hq-toolbar__search-input,.dv-toolbar-search__input,.chat-thread-list__search input,.chat-sidebar-model-search input,.chat-drawer-search input,.models-providers-sidebar__search input,.models-catalog__search-input input,.models-custom-dropdown__search input,.au-combobox__search-input,.mcp-tbar__search input,.prompt-page-header__search input,.apikeys-search__input,.config-search-v2__input,.ch3-search__input,.mobile-search input,.ds-search__input,.kv-search-input,.logs-search-input,.mv-search__input,.ojb-search__input,.runs-search__input,.threads-search__input,.pb-search__input,.uc-search__input,.vbr-search input,.wf-node-search,.wf-home__search input,.search-input-wrapper .search-input,.cap-search input,.search-box .search-input,.entity-selector__search-input,.ops-search-wrapper input,.ops-jobs-search__input,.tasks-filters__search-input,.poc-search,input.focus-history-search,input[type=search])::-webkit-search-results-button,:where(.search-field__input,.lib-search__input,.ops-search-field input,.agency-toolbar__search input,.agents-toolbar__search-input,.tv-toolbar__search-input,.hq-toolbar__search-input,.dv-toolbar-search__input,.chat-thread-list__search input,.chat-sidebar-model-search input,.chat-drawer-search input,.models-providers-sidebar__search input,.models-catalog__search-input input,.models-custom-dropdown__search input,.au-combobox__search-input,.mcp-tbar__search input,.prompt-page-header__search input,.apikeys-search__input,.config-search-v2__input,.ch3-search__input,.mobile-search input,.ds-search__input,.kv-search-input,.logs-search-input,.mv-search__input,.ojb-search__input,.runs-search__input,.threads-search__input,.pb-search__input,.uc-search__input,.vbr-search input,.wf-node-search,.wf-home__search input,.search-input-wrapper .search-input,.cap-search input,.search-box .search-input,.entity-selector__search-input,.ops-search-wrapper input,.ops-jobs-search__input,.tasks-filters__search-input,.poc-search,input.focus-history-search,input[type=search])::-webkit-search-results-decoration{-webkit-appearance:none!important;appearance:none!important}:where(.search-field__icon,.lib-search__icon,.agents-toolbar__search-icon,.tv-toolbar__search-icon,.hq-toolbar__search-icon,.dv-toolbar-search__icon,.kv-search-wrap__icon,.logs-search-icon,.mv-search__ico,.pb-search__icon,.uc-search__icon,.mcp-tbar__search-icon,.entity-selector__search-icon,.ch3-search__icon,.runs-search__icon,.threads-search__icon,.config-search-v2__icon,.search-icon,.ops-jobs-search__icon),:where(.search-field,.lib-search,.ops-search-field,.agency-toolbar__search,.agents-toolbar__search,.tv-toolbar__search,.hq-toolbar__search,.dv-toolbar-search,.chat-thread-list__search,.chat-sidebar-model-search,.chat-drawer-search,.models-providers-sidebar__search,.models-catalog__search-input,.models-custom-dropdown__search,.au-combobox__search-wrap,.mcp-tbar__search,.prompt-page-header__search,.apikeys-search,.config-search-v2,.ch3-search,.mobile-search,.ds-search,.kv-search-wrap,.logs-search-wrapper,.mv-search,.ojb-search,.runs-search,.threads-search,.pb-search,.uc-search,.vbr-search,.wf-node-search-wrap,.wf-home__search,.search-input-wrapper,.cap-search,.search-box,.entity-selector__search,.ops-search-wrapper,.ops-jobs-search,.tasks-filters__search)>app-icon:first-child{position:static!important;inset:auto!important;transform:none!important;color:var(--search-field-placeholder)!important;flex-shrink:0!important;pointer-events:none!important}:where(.search-field,.lib-search,.ops-search-field,.agency-toolbar__search,.agents-toolbar__search,.tv-toolbar__search,.hq-toolbar__search,.dv-toolbar-search,.chat-thread-list__search,.chat-sidebar-model-search,.chat-drawer-search,.models-providers-sidebar__search,.models-catalog__search-input,.models-custom-dropdown__search,.au-combobox__search-wrap,.mcp-tbar__search,.prompt-page-header__search,.apikeys-search,.config-search-v2,.ch3-search,.mobile-search,.ds-search,.kv-search-wrap,.logs-search-wrapper,.mv-search,.ojb-search,.runs-search,.threads-search,.pb-search,.uc-search,.vbr-search,.wf-node-search-wrap,.wf-home__search,.search-input-wrapper,.cap-search,.search-box,.entity-selector__search,.ops-search-wrapper,.ops-jobs-search,.tasks-filters__search):focus-within :where(.search-field__icon,.lib-search__icon,.agents-toolbar__search-icon,.tv-toolbar__search-icon,.hq-toolbar__search-icon,.dv-toolbar-search__icon,.kv-search-wrap__icon,.logs-search-icon,.mv-search__ico,.pb-search__icon,.uc-search__icon,.mcp-tbar__search-icon,.entity-selector__search-icon,.ch3-search__icon,.runs-search__icon,.threads-search__icon,.config-search-v2__icon,.search-icon,.ops-jobs-search__icon,app-icon){color:var(--search-field-border-focus)!important}:where(.search-field__clear,.lib-search__clear,.agents-toolbar__search-clear,.tv-toolbar__search-clear,.hq-toolbar__search-clear,.dv-toolbar-search__clear,.kv-search-clear,.logs-search-clear,.mv-search__clear,.pb-search__clear,.uc-search__clear,.threads-search__clear,.ojb-search__clear,.search-clear,.config-search-v2__clear,.ch3-search__clear,.entity-selector__search-clear,.ops-jobs-search__clear){position:static!important;inset:auto!important;margin-left:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;padding:0!important;border:0!important;border-radius:999px!important;background:color-mix(in srgb,var(--bg-elevated, rgba(255, 255, 255, .06)) 86%,transparent)!important;color:var(--search-field-placeholder)!important;cursor:pointer!important;transition:background .14s ease,color .14s ease!important}:where(.search-field__clear,.lib-search__clear,.agents-toolbar__search-clear,.tv-toolbar__search-clear,.hq-toolbar__search-clear,.dv-toolbar-search__clear,.kv-search-clear,.logs-search-clear,.mv-search__clear,.pb-search__clear,.uc-search__clear,.threads-search__clear,.ojb-search__clear,.search-clear,.config-search-v2__clear,.ch3-search__clear,.entity-selector__search-clear,.ops-jobs-search__clear):hover{background:color-mix(in srgb,var(--bg-surface-hover, rgba(255, 255, 255, .1)) 90%,transparent)!important;color:var(--search-field-text)!important}:where(.dv-toolbar-search__hint,.chat-thread-list__search kbd){margin-left:auto!important}:where(input.focus-history-search){--search-field-height: var(--search-field-height-compact);--search-field-radius: var(--search-field-radius-compact);--search-field-padding: var(--search-field-padding-compact);box-sizing:border-box;border:1px solid var(--search-field-border)!important;border-radius:var(--search-field-radius)!important;background:var(--search-field-surface)!important;padding:var(--search-field-padding)!important;height:var(--search-field-height)!important}:where(input.focus-history-search:focus){border-color:var(--search-field-border-focus)!important;box-shadow:0 0 0 3px var(--search-field-ring)!important}.subagents-workspace{--sa-bg: rgba(13, 17, 23, .72);--sa-surface: rgba(20, 25, 32, .82);--sa-surface-strong: rgba(28, 34, 43, .96);--sa-border: rgba(148, 163, 184, .13);--sa-border-strong: rgba(148, 163, 184, .22);--sa-text: var(--text-primary, #f8fafc);--sa-muted: var(--text-secondary, #a7b0be);--sa-faint: var(--text-tertiary, #6f7a89);--sa-info: #60a5fa;--sa-success: #34d399;--sa-danger: #f87171;--sa-warning: #f59e0b;--sa-radius: 18px;position:relative}.sa-live-badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border:1px solid rgba(52,211,153,.24);border-radius:999px;background:#34d39917;color:var(--sa-success);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sa-live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #34d3991c;animation:sa-live-pulse 1.8s ease-in-out infinite}@keyframes sa-live-pulse{50%{opacity:.45;transform:scale(.82)}}.subagents-stats-toolbar{display:flex;align-items:center;min-height:48px;gap:16px;padding:8px 16px;margin-bottom:16px;border:1px solid var(--sa-border);border-radius:14px;background:linear-gradient(180deg,#181e26d1,#11161dc2);box-shadow:inset 0 1px #ffffff08}.subagents-stat-strip{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}.subagents-stat-item{display:inline-flex;align-items:baseline;gap:5px;padding-right:12px;border-right:1px solid var(--sa-border)}.subagents-stat-item:last-child{border-right:0;padding-right:0}.subagents-stat-val{color:var(--sa-text);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.subagents-stat-val--active{color:var(--sa-info)}.subagents-stat-val--completed{color:var(--sa-success)}.subagents-stat-val--failed{color:var(--sa-danger)}.subagents-stat-val--total{color:var(--sa-muted)}.subagents-stat-lbl{color:var(--sa-faint);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.subagents-filters{display:flex;align-items:center;gap:4px;min-width:0}.subagents-filter-pill,.subagents-refresh-btn,.subagents-action,.subagents-drawer__close,.subagents-error button{font:inherit;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease}.subagents-filter-pill{height:28px;padding:0 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--sa-faint);font-size:11px;font-weight:700;white-space:nowrap}.subagents-filter-pill:hover{color:var(--sa-text);background:#94a3b814}.subagents-filter-pill:active,.subagents-refresh-btn:active,.subagents-action:active,.subagents-drawer__close:active,.subagents-error button:active{transform:translateY(1px) scale(.99)}.subagents-filter-pill:focus-visible,.subagents-refresh-btn:focus-visible,.subagents-action:focus-visible,.subagents-drawer__close:focus-visible,.subagents-error button:focus-visible{outline:2px solid rgba(96,165,250,.9);outline-offset:2px}.subagents-filter-pill--active{color:var(--sa-text);border-color:var(--sa-border-strong);background:#ffffff14}.subagents-refresh-btn{display:inline-flex;align-items:center;gap:7px;height:32px;margin-left:auto;padding:0 12px;border:1px solid var(--sa-border);border-radius:10px;background:#05080d7a;color:var(--sa-muted);font-size:12px;font-weight:700}.subagents-refresh-btn:hover{color:var(--sa-text);border-color:#60a5fa59;background:#60a5fa17}.subagents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;align-items:stretch}@media(min-width:1500px){.subagents-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:900px)and (max-width:1499px){.subagents-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.subagents-card{position:relative;min-height:148px;display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--sa-border);border-radius:var(--sa-radius);background:radial-gradient(circle at 16% 0%,rgba(255,255,255,.055),transparent 30%),linear-gradient(180deg,#181e26db,#0e131ad6);box-shadow:inset 0 1px #ffffff09,0 8px 22px #00000024;overflow:hidden;cursor:pointer}.subagents-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(135deg,rgba(96,165,250,.16),transparent 42%);transition:opacity .18s ease}.subagents-card:hover{border-color:#94a3b842;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0b,0 14px 30px #00000038}.subagents-card:hover:before,.subagents-card--selected:before{opacity:1}.subagents-card:active{transform:translateY(0) scale(.998)}.subagents-card:focus-visible{outline:2px solid rgba(96,165,250,.9);outline-offset:3px}.subagents-card--selected{border-color:#60a5fa61;box-shadow:inset 0 1px #ffffff0b,0 0 0 1px #60a5fa1f,0 14px 34px #00000038}.subagents-card__topline{display:flex;align-items:center;gap:8px;min-width:0}.subagents-card__status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--sa-faint)}.subagents-card__status-dot--info{background:var(--sa-info);box-shadow:0 0 0 4px #60a5fa21;animation:sa-dot-breathe 2.2s ease-in-out infinite}.subagents-card__status-dot--success{background:var(--sa-success)}.subagents-card__status-dot--danger{background:var(--sa-danger)}.subagents-card__status-dot--warning{background:var(--sa-warning)}@keyframes sa-dot-breathe{50%{box-shadow:0 0 0 7px #60a5fa00}}.subagents-card__title{min-width:0;flex:1;color:var(--sa-text);font-size:14px;font-weight:750;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subagents-card__duration{color:var(--sa-faint);font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:11px;font-variant-numeric:tabular-nums;flex-shrink:0}.subagents-card__description{min-height:42px;margin:0;color:var(--sa-muted);font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.subagents-card__progress{height:3px;border-radius:999px;background:#94a3b821;overflow:hidden}.subagents-card__progress-bar{height:100%;width:42%;border-radius:inherit;background:linear-gradient(90deg,rgba(96,165,250,.2),var(--sa-info),rgba(96,165,250,.2));animation:sa-running-bar 1.45s ease-in-out infinite}@keyframes sa-running-bar{0%{transform:translate(-110%)}to{transform:translate(250%)}}.subagents-card__chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto}.subagents-chip{display:inline-flex;align-items:center;max-width:100%;height:24px;padding:0 8px;border:1px solid rgba(148,163,184,.13);border-radius:999px;background:#94a3b812;color:var(--sa-muted);font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subagents-chip--info{border-color:#60a5fa38;background:#60a5fa1a;color:#bfdbfe}.subagents-chip--success{border-color:#34d3993d;background:#34d3991a;color:#bbf7d0}.subagents-chip--danger{border-color:#f8717142;background:#f871711a;color:#fecaca}.subagents-chip--warning{border-color:#f59e0b47;background:#f59e0b1a;color:#fde68a}.subagents-overlay{position:fixed;inset:0;z-index:1100;display:flex;justify-content:flex-end;background:#02060c7a;backdrop-filter:blur(8px) saturate(1.15);animation:sa-backdrop-in .18s ease-out both}@keyframes sa-backdrop-in{0%{opacity:0}to{opacity:1}}.subagents-drawer{width:min(520px,calc(100vw - 32px));height:calc(100svh - 24px);margin:12px;display:flex;flex-direction:column;border:1px solid rgba(148,163,184,.18);border-radius:24px;background:radial-gradient(circle at 20% 0%,rgba(96,165,250,.12),transparent 34%),linear-gradient(180deg,#171d26fa,#0a0e14fa);box-shadow:-24px 0 80px #0000006b,inset 0 1px #ffffff0d;overflow:hidden;animation:sa-drawer-in .24s cubic-bezier(.16,1,.3,1) both}@keyframes sa-drawer-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.subagents-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 22px 18px;border-bottom:1px solid var(--sa-border)}.subagents-drawer__title-block{display:flex;flex-direction:column;gap:10px;min-width:0}.subagents-drawer__title-block h2{margin:0;color:var(--sa-text);font-size:22px;line-height:1.15;letter-spacing:-.03em}.subagents-drawer__close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sa-border);border-radius:12px;background:#ffffff0e;color:var(--sa-muted);flex-shrink:0}.subagents-drawer__close:hover{color:var(--sa-text);background:#ffffff17;border-color:var(--sa-border-strong)}.subagents-drawer__body{flex:1;overflow:auto;padding:18px 22px 24px}.subagents-drawer-section{padding:18px 0;border-bottom:1px solid var(--sa-border)}.subagents-drawer-section:first-child{padding-top:0}.subagents-drawer-section:last-child{border-bottom:0}.subagents-drawer-section h3{margin:0 0 12px;color:var(--sa-text);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.subagents-summary-block{padding:14px;margin-bottom:12px;border:1px solid var(--sa-border);border-radius:16px;background:#ffffff0b}.subagents-summary-block--error{border-color:#f8717147;background:#f8717114}.subagents-summary-block__label{display:block;margin-bottom:8px;color:var(--sa-faint);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.subagents-summary-block p{margin:0;color:var(--sa-muted);font-size:13px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.subagents-summary-grid,.subagents-timeline,.subagents-advanced__grid{display:grid;gap:8px}.subagents-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subagents-field{min-width:0;padding:10px 12px;border:1px solid rgba(148,163,184,.1);border-radius:12px;background:#00000029}.subagents-field__label{display:block;margin-bottom:4px;color:var(--sa-faint);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.subagents-field__value{display:block;color:var(--sa-muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.subagents-field__value--mono{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:11px}.subagents-actions{display:flex;flex-wrap:wrap;gap:8px}.subagents-action{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid var(--sa-border);border-radius:12px;background:#ffffff0e;color:var(--sa-muted);font-size:12px;font-weight:800}.subagents-action:hover:not(:disabled){color:var(--sa-text);border-color:var(--sa-border-strong);background:#ffffff17}.subagents-action--primary{color:#bfdbfe;border-color:#60a5fa4d;background:#60a5fa1f}.subagents-action--danger{color:#fecaca;border-color:#f8717147;background:#f871711a}.subagents-action:disabled{cursor:not-allowed;opacity:.48}.subagents-action[aria-busy=true] app-icon{animation:subagent-spin .8s linear infinite}.subagents-advanced summary{display:flex;align-items:center;min-height:36px;color:var(--sa-muted);cursor:pointer;font-size:13px;font-weight:800;user-select:none}.subagents-advanced summary:hover{color:var(--sa-text)}.subagents-advanced__grid{margin-top:8px}.subagents-advanced__raw{max-height:220px;margin:12px 0 0;padding:12px;overflow:auto;border:1px solid var(--sa-border);border-radius:12px;background:#00000047;color:var(--sa-muted);font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:11px;line-height:1.55;white-space:pre-wrap}.subagents-empty{display:flex;flex-direction:column;align-items:center;max-width:520px;margin:44px auto 0;padding:40px 24px;text-align:center;animation:subagents-rise .24s ease-out both}.subagents-empty__icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:1px solid rgba(96,165,250,.18);border-radius:22px;background:radial-gradient(circle at 35% 20%,#60a5fa33,#60a5fa0d);color:#bfdbfe}.subagents-empty__title{margin:0 0 8px;color:var(--sa-text);font-size:20px;letter-spacing:-.02em}.subagents-empty__desc,.subagents-empty__hint-body{margin:0;color:var(--sa-muted);font-size:14px;line-height:1.6}.subagents-empty__hint{width:100%;margin-top:20px;padding:16px;border:1px solid var(--sa-border);border-radius:16px;background:#ffffff0a;text-align:left}.subagents-empty__hint-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--sa-text);font-size:13px;font-weight:800}.subagents-error{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:14px;border:1px solid rgba(248,113,113,.24);border-radius:16px;background:#f8717114;color:#fecaca}.subagents-error div{display:grid;gap:2px;min-width:0;flex:1}.subagents-error strong{color:#fee2e2;font-size:13px}.subagents-error span{color:#fca5a5;font-size:12px}.subagents-error button{height:32px;padding:0 12px;border:1px solid rgba(248,113,113,.28);border-radius:10px;background:#f871711a;color:#fee2e2;font-size:12px;font-weight:800}.subagents-card--skeleton{pointer-events:none}.subagents-skeleton-line,.subagents-skeleton-chips span{display:block;border-radius:999px;background:linear-gradient(90deg,#94a3b814,#94a3b82e,#94a3b814);background-size:240% 100%;animation:sa-skeleton 1.2s ease-in-out infinite}.subagents-skeleton-line{height:12px;width:100%}.subagents-skeleton-line--title{width:62%;height:15px}.subagents-skeleton-line--short{width:72%}.subagents-skeleton-chips{display:flex;gap:6px;margin-top:auto}.subagents-skeleton-chips span{width:70px;height:24px}@keyframes sa-skeleton{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes subagents-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes subagent-spin{to{transform:rotate(360deg)}}.subagents-stats,.subagents-toolbar,.subagents-detail{display:none}@media(max-width:899px){.subagents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.subagents-stats-toolbar{align-items:stretch;flex-direction:column;gap:10px}.subagents-stat-strip,.subagents-filters{overflow-x:auto;padding-bottom:2px}.subagents-refresh-btn{width:100%;margin-left:0;justify-content:center}.subagents-grid{grid-template-columns:1fr}.subagents-overlay{align-items:flex-end;justify-content:center}.subagents-drawer{width:100%;height:100svh;margin:0;border-right:0;border-bottom:0;border-left:0;border-radius:0;animation:sa-sheet-in .24s cubic-bezier(.16,1,.3,1) both}@keyframes sa-sheet-in{0%{opacity:0;transform:translateY(42px)}to{opacity:1;transform:translateY(0)}}.subagents-drawer__header,.subagents-drawer__body{padding-left:16px;padding-right:16px}.subagents-summary-grid{grid-template-columns:1fr}.subagents-actions{flex-direction:column}.subagents-action{width:100%}}@media(prefers-reduced-motion:reduce){.subagents-card,.subagents-overlay,.subagents-drawer,.subagents-card__progress-bar,.subagents-skeleton-line,.subagents-skeleton-chips span,.sa-live-badge:before,.subagents-card__status-dot--info{animation:none!important;transition:none!important}}