.panel-shell{background-color:var(--surface-panel);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}.panel-header{padding:var(--space-xs) var(--space-sm);background-color:var(--surface-panel-solid);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-sm);box-sizing:border-box;flex-shrink:0;height:34px;display:flex}.panel-header__title{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;display:flex}.panel-header__badge{font-size:10px;font-family:var(--font-mono);background-color:var(--surface-panel-active);color:var(--text-muted);border-radius:var(--radius-full);padding:1px 6px}.panel-header__actions{align-items:center;gap:2px;display:flex}.panel-icon-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.panel-icon-btn:hover{background-color:var(--surface-panel-hover);color:var(--text-primary)}.panel-icon-btn--active{background-color:var(--accent-primary-light);color:var(--accent-primary)}.panel-search-bar{flex:1;align-items:center;max-width:220px;display:flex;position:relative}.panel-search-bar__icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:7px}.panel-search-bar__input{width:100%;height:24px;padding:0 var(--space-xl) 0 24px;background-color:var(--surface-panel-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-primary);transition:border-color var(--transition-fast), background-color var(--transition-fast);outline:none}.panel-search-bar__input:focus{background-color:var(--surface-panel-solid);border-color:var(--accent-primary)}.panel-search-bar__clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:4px}.panel-search-bar__clear:hover{color:var(--text-primary)}.panel-content{padding:var(--space-xs);box-sizing:border-box;flex:1;overflow:hidden auto}.panel-content--padded{padding:var(--space-md)}.panel-section{border-bottom:1px solid var(--border-subtle)}.panel-section:last-child{border-bottom:none}.panel-section__header{width:100%;padding:var(--space-xs) var(--space-sm);height:30px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);box-sizing:border-box;background-color:#0000;border:none;justify-content:space-between;align-items:center;display:flex}.panel-section__header:hover{background-color:var(--surface-panel-hover)}.panel-section__title-group{align-items:center;gap:var(--space-xs);display:flex}.panel-section__chevron{transition:transform var(--transition-fast);color:var(--text-tertiary)}.panel-section--open .panel-section__chevron{transform:rotate(90deg)}.panel-section__content{padding:var(--space-sm) var(--space-md) var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.details-inspector,.environment-inspector{color:var(--text-primary,#0f172a);flex-direction:column;height:100%;display:flex;background-color:var(--surface-panel-solid,#fff)!important}.details-inspector .panel-header,.environment-inspector .panel-header{flex-shrink:0;height:40px;padding:0 12px;background-color:var(--surface-panel-solid,#fff)!important;border-bottom:1px solid var(--border-default,#0f172a14)!important}.details-inspector .panel-header__title,.environment-inspector .panel-header__title{font-weight:700;font-size:var(--text-sm);letter-spacing:-.01em;align-items:center;gap:8px;display:flex;color:var(--accent-primary,#206859)!important}.details-inspector .panel-header__title svg,.environment-inspector .panel-header__title svg{color:var(--accent-primary,#206859)!important}.details-inspector .panel-header__badge,.environment-inspector .panel-header__badge{border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:600;background-color:var(--accent-primary-light,#ebf5f3)!important;color:var(--accent-primary,#206859)!important;border:1px solid #20685938!important}.details-inspector .panel-content,.environment-inspector .panel-content{flex:1;overflow-y:auto;background-color:#fff!important}.details-inspector .panel-section,.environment-inspector .panel-section{border-bottom:1px solid #0f172a0f}.details-inspector .panel-section__header,.environment-inspector .panel-section__header{height:34px;transition:background-color var(--transition-fast);background-color:#0000;padding:0 12px}.details-inspector .panel-section__header:hover,.environment-inspector .panel-section__header:hover{background-color:var(--surface-panel-hover,#f8fafc)}.details-inspector .panel-section__title-group span,.environment-inspector .panel-section__title-group span{letter-spacing:-.01em;font-size:12px;font-weight:600;color:var(--accent-primary,#206859)!important}.details-inspector .panel-section__chevron,.environment-inspector .panel-section__chevron{color:var(--accent-primary,#206859)!important}.details-inspector .panel-section__header svg,.environment-inspector .panel-section__header svg{color:var(--accent-primary,#206859)}.details-inspector .panel-section__header .panel-header__badge,.environment-inspector .panel-section__header .panel-header__badge{background-color:var(--accent-primary-light,#ebf5f3)!important;color:var(--accent-primary,#206859)!important;border:1px solid #20685938!important}.details-inspector .form-label,.environment-inspector .form-label{font-size:11px;color:var(--accent-primary,#206859)!important;font-weight:600!important}.details-inspector .form-label__hint,.environment-inspector .form-label__hint{color:var(--text-muted,#64748b)!important;font-weight:400!important}.details-inspector .form-number-scrub__badge--neutral,.details-inspector .form-number-scrub__badge--w{font-weight:700;background-color:var(--accent-primary-light,#ebf5f3)!important;color:var(--accent-primary,#206859)!important}.details-inspector .form-segmented,.environment-inspector .form-segmented{background-color:#f1f5f9;border:1px solid #0f172a14;border-radius:8px;padding:2px}.details-inspector .form-segmented__btn,.environment-inspector .form-segmented__btn{color:var(--text-secondary,#475569);border-radius:6px;font-weight:500;transition:all .12s}.details-inspector .form-segmented__btn:hover,.environment-inspector .form-segmented__btn:hover{color:var(--accent-primary,#206859)}.details-inspector .form-segmented__btn--active,.environment-inspector .form-segmented__btn--active{color:var(--accent-primary,#206859)!important;background-color:#fff!important;border:1px solid #20685940!important;font-weight:600!important;box-shadow:0 1px 3px #0f172a14!important}.details-inspector .form-input,.details-inspector .form-number-scrub,.environment-inspector .form-input,.environment-inspector .form-number-scrub{color:var(--text-primary,#0f172a);border:1px solid #0f172a1f;background-color:#fff!important}.details-inspector .form-select,.environment-inspector .form-select{color:#0f172a!important;cursor:pointer!important;appearance:none!important;box-sizing:border-box!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23206859' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 10px center!important;background-repeat:no-repeat!important;background-size:14px 14px!important;border:1px solid #0f172a24!important;border-radius:6px!important;outline:none!important;width:100%!important;height:32px!important;padding:0 32px 0 10px!important;font-family:inherit!important;font-size:12px!important;font-weight:500!important;line-height:30px!important;transition:border-color .15s,box-shadow .15s,background-color .15s!important}.details-inspector .form-select:hover,.environment-inspector .form-select:hover{background-color:#f8fafc!important;border-color:#206859!important}.details-inspector .form-select:focus,.environment-inspector .form-select:focus{border-color:#206859!important;box-shadow:0 0 0 2px #ebf5f3!important}.details-inspector .form-select option,.environment-inspector .form-select option{color:#0f172a!important;background-color:#fff!important;padding:8px 10px!important;font-size:12px!important;font-weight:500!important}.details-inspector .form-input:focus,.details-inspector .form-number-scrub:focus-within,.environment-inspector .form-input:focus,.environment-inspector .form-number-scrub:focus-within{border-color:var(--accent-primary,#206859)!important;box-shadow:0 0 0 2px var(--accent-primary-light,#ebf5f3)!important}.env-toggle-switch{cursor:pointer!important;vertical-align:middle!important;box-sizing:border-box!important;background-color:#cbd5e1!important;border:none!important;outline:none!important;flex-shrink:0!important;padding:0!important;transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s!important;display:inline-block!important;position:relative!important}.env-toggle-switch--active{background-color:#206859!important;box-shadow:0 0 0 2px #20685926!important}.env-toggle-switch__thumb{pointer-events:none!important;background-color:#fff!important;border-radius:50%!important;transition:transform .2s cubic-bezier(.4,0,.2,1)!important;display:block!important;position:absolute!important;top:2px!important;left:2px!important;box-shadow:0 1px 3px #0f172a40!important}.details-inspector .form-color-picker__label{color:var(--accent-primary,#206859);font-weight:600;font-family:var(--font-mono)}.details-inspector .form-slider::-webkit-slider-thumb{background:var(--accent-primary,#206859)}.environment-inspector .form-slider::-webkit-slider-thumb{background:var(--accent-primary,#206859)}.details-inspector .form-slider-val,.environment-inspector .form-slider-val{color:var(--accent-primary,#206859);font-weight:600}.details-inspector .panel-icon-btn,.environment-inspector .panel-icon-btn{color:var(--text-secondary,#475569);border-radius:6px;transition:all .12s}.details-inspector .panel-icon-btn:hover,.environment-inspector .panel-icon-btn:hover{background-color:var(--accent-primary-light,#ebf5f3);color:var(--accent-primary,#206859)}.panel-chip-btn--green,.panel-seg-btn--green{color:var(--text-secondary,#475569);cursor:pointer;background-color:#fff;border:1px solid #0f172a1f;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .12s}.panel-chip-btn--green:hover,.panel-seg-btn--green:hover{color:var(--accent-primary,#206859);border-color:#20685959}.panel-chip-btn--green-active,.panel-seg-btn--green-active{background-color:var(--accent-primary-light,#ebf5f3)!important;color:var(--accent-primary,#206859)!important;border:1px solid var(--accent-primary,#206859)!important;font-weight:600!important;box-shadow:0 1px 3px #2068591f!important}.inspect-mode-card{background-color:#fff;border:1px solid #0f172a14;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.inspect-mode-card--active{background-color:var(--accent-primary-light,#ebf5f3);border:1px solid #20685959;box-shadow:0 2px 8px #20685914}.inspect-mode-card__icon-box{width:32px;height:32px;color:var(--text-secondary,#475569);background-color:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.inspect-mode-card--active .inspect-mode-card__icon-box{background-color:var(--accent-primary,#206859);color:#fff}.inspect-mode-card__title{color:var(--accent-primary,#206859);font-size:12.5px;font-weight:700}.inspect-mode-card__subtitle{color:var(--text-secondary,#475569);font-size:11px}.outliner-tree{flex-direction:column;gap:1px;display:flex}.tree-node{height:26px;padding-right:var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-xs);color:var(--text-primary);transition:background-color var(--transition-fast);align-items:center;display:flex}.tree-node:hover{background-color:var(--surface-panel-hover)}.tree-node--selected{font-weight:var(--font-medium);background-color:var(--surface-panel-selected)!important;color:var(--accent-primary)!important}.tree-node__indent-guide{border-right:1px dashed var(--border-subtle);width:14px;height:100%;margin-right:var(--space-xs);flex-shrink:0}.tree-node__toggle{width:18px;height:18px;color:var(--text-tertiary);cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.tree-node__toggle--open{transform:rotate(90deg)}.tree-node__icon{width:18px;height:18px;margin-right:var(--space-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tree-node__icon--page{color:var(--accent-primary)}.tree-node__icon--component{color:var(--accent-success)}.tree-node__icon--section{color:#8b5cf6}.tree-node__icon--blueprint{color:var(--accent-warning)}.tree-node__icon--database{color:#059669}.tree-node__label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tree-node__tag{font-size:9px;font-family:var(--font-mono);border-radius:var(--radius-xs);background-color:var(--surface-panel-active);color:var(--text-muted);margin-right:var(--space-xs);padding:1px 4px}.tree-node__actions{align-items:center;gap:2px;display:none}.tree-node:hover .tree-node__actions,.tree-node--selected .tree-node__actions{display:flex}.tree-action-btn{width:18px;height:18px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.tree-action-btn:hover{color:var(--text-primary);background-color:#0000000d}.tree-action-btn--hidden{color:var(--accent-danger);display:flex!important}.tree-action-btn--locked{color:var(--accent-warning);display:flex!important}.cb-nav-row{padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--border-subtle);background-color:var(--surface-panel-solid);justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.cb-breadcrumbs{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-muted);display:flex}.cb-breadcrumb-item{color:var(--text-primary);font-weight:var(--font-medium);cursor:pointer}.cb-breadcrumb-item:hover{text-decoration:underline}.cb-filter-pills{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--border-subtle);background-color:var(--surface-panel-hover);flex-shrink:0;display:flex;overflow-x:auto}.cb-pill{align-items:center;gap:var(--space-xs);height:22px;padding:0 var(--space-sm);background-color:var(--surface-panel-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);display:flex}.cb-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.cb-pill--active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.cb-pill__count{opacity:.8;font-size:10px}.cb-grid{gap:var(--space-sm);padding:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.cb-list{padding:var(--space-xs);flex-direction:column;gap:2px;display:flex}.asset-card{background-color:var(--surface-panel-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:grab;-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.asset-card:active{cursor:grabbing}.asset-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.asset-card__preview{background:radial-gradient(circle, var(--surface-panel-hover) 10%, var(--surface-panel-solid) 90%);border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;height:72px;display:flex;position:relative}.asset-card__type-badge{font-size:9px;font-family:var(--font-mono);border-radius:var(--radius-xs);color:var(--text-secondary);background-color:#ffffffe6;padding:1px 4px;position:absolute;top:4px;left:4px;box-shadow:0 1px 2px #0000000d}.asset-card__info{padding:var(--space-xs) var(--space-sm);flex-direction:column;gap:2px;display:flex}.asset-card__type-above-name{text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin-bottom:2px;font-size:8.5px;font-weight:700;line-height:1;display:flex;overflow:hidden}.asset-card__type-dot{border-radius:50%;flex-shrink:0;width:4px;height:4px}.asset-card__header-row{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.asset-card__name{font-size:var(--text-xs);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.asset-card__connected-time{font-size:9px;font-family:var(--font-mono);color:#10b981;white-space:nowrap;flex-shrink:0;font-weight:500}.asset-card__parent-class{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:10px;display:flex;overflow:hidden}.asset-card__parent-label{color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:500}.asset-card__connections-row{flex-wrap:nowrap;align-items:center;gap:3px;margin-top:3px;display:flex;overflow:hidden}.asset-card__conn-pill{background:var(--surface-panel-hover);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--border-subtle);border-radius:3px;max-width:65px;padding:1px 4px;font-size:9px;overflow:hidden}.asset-card__conn-more{color:#a5b4fc;background:#6366f126;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:9px;font-weight:600}.asset-card__footer-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:4px;margin-top:5px;padding-top:4px;display:flex}.asset-card__status-indicator{color:#10b981;font-size:9px;font-weight:500;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:flex;overflow:hidden}.asset-card__status-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 6px #10b981b3}.asset-card__toolbar{flex-shrink:0;align-items:center;gap:2px;display:flex}.asset-card__tool-btn{border-radius:var(--radius-xs);background:var(--surface-panel-hover);border:1px solid var(--border-subtle);width:20px;height:20px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex}.asset-card__tool-btn:hover{background:var(--surface-panel-active);color:var(--text-primary);border-color:#6366f166}.asset-card__tool-btn--copied{color:#10b981;background:#10b98126;border-color:#10b9814d}.cb-toast-feedback{z-index:100;border-radius:var(--radius-sm);color:#e2e8f0;font-size:10px;font-family:var(--font-mono);pointer-events:none;background:#0f172af2;border:1px solid #6366f166;align-items:center;gap:6px;padding:4px 10px;animation:.15s ease-out cbInspectorFadeIn;display:flex;position:absolute;bottom:8px;right:12px;box-shadow:0 4px 16px #0006}.asset-card__action-btn{border-radius:var(--radius-xs);color:#a5b4fc;cursor:pointer;transition:all var(--transition-fast);background:#6366f11a;border:1px solid #6366f133;justify-content:space-between;align-items:center;margin-top:4px;padding:3px 6px;font-size:10px;font-weight:600;display:flex}.asset-card__action-btn:hover{color:#fff;background:#6366f140;border-color:#6366f166}.cb-hover-inspector{z-index:9999;-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-md);pointer-events:none;background:#0f0f16f5;border:1px solid #6366f166;flex-direction:column;gap:8px;width:290px;padding:12px;animation:.14s cubic-bezier(.16,1,.3,1) cbInspectorFadeIn;display:flex;position:fixed;box-shadow:0 12px 36px #0009,0 0 16px #6366f133}@keyframes cbInspectorFadeIn{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cb-hover-inspector__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:8px;display:flex}.cb-hover-inspector__title{color:#fff;font-size:12px;font-weight:700;line-height:1.3}.cb-hover-inspector__connected{color:#10b981;align-items:center;gap:4px;margin-top:2px;font-size:10px;font-weight:600;display:flex}.cb-hover-inspector__section{flex-direction:column;gap:3px;display:flex}.cb-hover-inspector__label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:9px;font-weight:700}.cb-hover-inspector__val{color:var(--text-primary);font-size:11px}.cb-hover-inspector__badge-list{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.cb-hover-inspector__badge{color:#c7d2fe;background:#6366f126;border:1px solid #6366f140;border-radius:4px;padding:2px 6px;font-size:9px}.cb-hover-inspector__badge--active{color:#6ee7b7;background:#10b98126;border-color:#10b9814d}.cb-hover-inspector__footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:5px;margin-top:4px;padding-top:6px;font-size:10px;display:flex}.cb-dropdown-container{align-items:center;display:inline-flex;position:relative}.cb-dropdown-btn{height:26px;padding:0 var(--space-sm);background:var(--surface-panel-solid);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:6px;display:inline-flex}.cb-dropdown-btn:hover{background:var(--surface-panel-hover);border-color:var(--border-strong);color:var(--text-primary)}.cb-dropdown-btn--active{color:#a5b4fc;background:#6366f11f;border-color:#6366f166}.cb-dropdown-badge{color:#fff;font-size:9px;font-weight:700;font-family:var(--font-mono);background:#6366f140;border-radius:9px;padding:1px 5px}.cb-checklist-dropdown{z-index:100;background:var(--surface-panel-solid);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:260px;box-shadow:var(--shadow-lg), 0 8px 24px #0006;flex-direction:column;padding:6px 0;animation:.12s ease-out cbDropdownFadeIn;display:flex;position:absolute;top:calc(100% + 4px);left:0}@keyframes cbDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cb-checklist-header{border-bottom:1px solid var(--border-subtle);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;justify-content:space-between;align-items:center;padding:6px 12px;font-size:10px;font-weight:700;display:flex}.cb-checklist-header__actions{align-items:center;gap:8px;display:flex}.cb-checklist-header__link{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;font-weight:600}.cb-checklist-header__link:hover{text-decoration:underline}.cb-checklist-list{flex-direction:column;max-height:280px;padding:4px 0;display:flex;overflow-y:auto}.cb-checklist-item{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.cb-checklist-item:hover{background:var(--surface-panel-hover)}.cb-checklist-item__left{color:var(--text-secondary);align-items:center;gap:8px;font-size:11px;display:flex}.cb-checklist-item--checked .cb-checklist-item__left{color:var(--text-primary);font-weight:500}.cb-checkbox{border:1px solid var(--border-strong);background:var(--surface-input);width:14px;height:14px;transition:all var(--transition-fast);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cb-checkbox--checked{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.cb-page-menu{z-index:100;background:var(--surface-panel-solid);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:240px;box-shadow:var(--shadow-lg), 0 8px 24px #0006;flex-direction:column;max-height:320px;padding:6px 0;animation:.12s ease-out cbDropdownFadeIn;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.cb-page-menu__group-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;padding:6px 12px 2px;font-size:9px;font-weight:700}.cb-page-menu__item{color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:6px 12px;font-size:11px;display:flex}.cb-page-menu__item:hover{background:var(--surface-panel-hover);color:var(--text-primary)}.cb-page-menu__item--active{color:#a5b4fc;background:#6366f126;font-weight:600}.cb-main-area{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.cb-scope-banner{color:#c7d2fe;background:#6366f114;border-bottom:1px solid #6366f133;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;font-size:11px;display:flex}.cb-scope-banner__btn{color:#fff;cursor:pointer;transition:all var(--transition-fast);background:#6366f133;border:1px solid #6366f14d;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600}.cb-scope-banner__btn:hover{background:#6366f166}.cb-split-container{background-color:var(--surface-panel-solid,#fff);flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.cb-outliner-pane{background-color:var(--surface-panel-solid,#fff);z-index:10;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.cb-outliner-pane--left{border-right:1px solid var(--border-default,#0f172a14)}.cb-outliner-pane--right{border-left:1px solid var(--border-default,#0f172a14)}.cb-cards-pane{background-color:var(--surface-panel-solid,#fff);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.cb-outliner-header{border-bottom:1px solid var(--border-default,#0f172a14);background-color:var(--surface-panel-solid,#fff);flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 10px;display:flex}.cb-outliner-title{color:var(--accent-primary,#206859);letter-spacing:-.01em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.cb-outliner-search{background-color:#f8fafc;border-bottom:1px solid #0f172a0f;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;display:flex}.cb-outliner-search input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:11px}.cb-outliner-content{flex:1;padding:4px 6px;overflow-y:auto}.cb-outliner-splitter{cursor:col-resize;z-index:15;background:0 0;flex-shrink:0;width:5px;transition:background .15s}.cb-outliner-splitter:hover,.cb-outliner-splitter--active{background:var(--accent-primary,#206859)}.console-toolbar{padding:0 var(--space-sm);background-color:var(--surface-panel-solid);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-shrink:0;height:30px;display:flex}.console-tabs{align-items:center;gap:2px;display:flex}.console-tab{height:22px;padding:0 var(--space-xs);font-size:11px;font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}.console-tab:hover{background-color:var(--surface-panel-hover);color:var(--text-primary)}.console-tab--active{background-color:var(--surface-panel-active);color:var(--accent-primary);font-weight:var(--font-semibold)}.console-stream{padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);background-color:#fff;flex:1;font-size:11px;line-height:1.6;overflow-y:auto}.console-line{align-items:flex-start;gap:var(--space-sm);border-radius:var(--radius-xs);transition:background-color var(--transition-fast);padding:2px 4px;display:flex}.console-line:hover{background-color:var(--surface-panel-hover)}.console-line__time{color:var(--text-tertiary);flex-shrink:0;font-size:10px}.console-line__badge{font-size:9px;font-weight:var(--font-bold);border-radius:var(--radius-xs);flex-shrink:0;padding:0 4px}.console-line__badge--info{background-color:var(--accent-info-light);color:var(--accent-info)}.console-line__badge--warn{background-color:var(--accent-warning-light);color:var(--accent-warning)}.console-line__badge--error{background-color:var(--accent-danger-light);color:var(--accent-danger)}.console-line__badge--success{background-color:var(--accent-success-light);color:var(--accent-success)}.console-line__badge--bp{color:#7c3aed;background-color:#f3e8ff}.console-line__msg{color:var(--text-primary);word-break:break-all;flex:1}.console-line__timing{color:var(--text-tertiary);flex-shrink:0;font-size:10px}.console-cli{padding:var(--space-xs) var(--space-sm);background-color:var(--surface-panel-solid);border-top:1px solid var(--border-subtle);align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.console-cli__prompt{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--accent-primary);font-size:12px}.console-cli__input{height:24px;font-family:var(--font-mono);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:11px}.settings-shell{background-color:var(--surface-panel-solid);height:100%;display:flex}.settings-sidebar{border-right:1px solid var(--border-subtle);background-color:var(--surface-panel);width:180px;padding:var(--space-sm);flex-direction:column;flex-shrink:0;gap:2px;display:flex}.settings-nav-item{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);height:30px;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.settings-nav-item:hover{background-color:var(--surface-panel-hover);color:var(--text-primary)}.settings-nav-item--active{background-color:var(--surface-panel-selected);color:var(--accent-primary);font-weight:var(--font-semibold)}.settings-main{padding:var(--space-xl);flex:1;max-width:600px;overflow-y:auto}.settings-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.settings-desc{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-xl)}.bp-shell{background-color:#f8fafc;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.bp-toolbar{padding:var(--space-xs) var(--space-md);background-color:var(--surface-panel-solid);border-bottom:1px solid var(--border-subtle);z-index:5;justify-content:space-between;align-items:center;height:34px;display:flex}.bp-node-stage{padding:var(--space-2xl);background-color:#f8fafc;background-image:linear-gradient(90deg,#e2e8f0b3 1px,#0000 1px),linear-gradient(#e2e8f0b3 1px,#0000 1px),linear-gradient(90deg,#94a3b873 1.2px,#0000 1.2px),linear-gradient(#94a3b873 1.2px,#0000 1.2px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;flex:1;position:relative;overflow:auto}.bp-node{-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:7px;width:max-content;min-width:250px;max-width:320px;transition:box-shadow .15s,border-color .15s;position:absolute;box-shadow:0 4px 14px #0f172a17}.bp-node:hover{box-shadow:0 6px 18px #0f172a24}.bp-node--selected{border-color:#206859!important;box-shadow:0 0 0 2px #2068594d,0 8px 20px #0f172a26!important}.bp-node__header{color:#fff;cursor:grab;box-sizing:border-box;border-top-left-radius:6px;border-top-right-radius:6px;justify-content:space-between;align-items:center;min-height:30px;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.bp-node__header:active{cursor:grabbing}.bp-node__header--event{background-color:#4338ca}.bp-node__header--func{background-color:#206859}.bp-node__header--flow{background-color:#d97706}.bp-node__header--action{background-color:#059669}.bp-node__header--database{background-color:#1e3a8a}.bp-node__header--api{background-color:#7c3aed}.bp-node__header--nav{background-color:#0284c7}.bp-node__header--math{background-color:#047857}.bp-node__header--var{background-color:#475569}.bp-node__body{box-sizing:border-box;flex-direction:column;gap:6px;padding:8px 12px;font-size:11px;display:flex}.bp-node__row{justify-content:space-between;align-items:center;gap:16px;min-height:26px;display:flex;position:relative}.bp-pin{cursor:pointer;flex-shrink:0;align-items:center;gap:6px;display:flex;position:relative}.bp-pin--input{justify-content:flex-start}.bp-pin--output{justify-content:flex-end;margin-left:auto}.bp-pin:hover .bp-pin__dot{transform:scale(1.3);box-shadow:0 0 8px}.bp-pin__dot{box-sizing:border-box;border:1.5px solid #0f172a66;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:transform .15s,box-shadow .15s}.bp-pin__dot--exec{clip-path:polygon(0% 0%,55% 0%,100% 50%,55% 100%,0% 100%);border:none!important;border-radius:2px!important;width:11px!important;height:11px!important}.bp-literal-input{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:3px;outline:none;width:58px;max-width:68px;padding:2px 5px;font-family:inherit;font-size:10px}.bp-literal-input:focus{background-color:#fff;border-color:#206859}.bp-wire-path{cursor:pointer;transition:stroke-width .15s,stroke .15s}.bp-wire-path:hover{filter:drop-shadow(0 0 4px #20685999);stroke-width:4px!important}.bp-palette-modal{z-index:100;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;width:320px;max-height:420px;display:flex;position:absolute;overflow:hidden;box-shadow:0 10px 30px #0f172a2e}.sequencer-shell{background-color:var(--surface-panel-solid);-webkit-user-select:none;user-select:none;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.sequencer-toolbar{padding:var(--space-xs) var(--space-md);background-color:var(--surface-panel-hover);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-md);flex-shrink:0;height:34px;display:flex}.sequencer-playback{align-items:center;gap:2px;display:flex}.sequencer-time-badge{font-family:var(--font-mono);font-size:11px;font-weight:var(--font-semibold);color:var(--text-primary);background-color:var(--surface-panel-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:2px 8px}.sequencer-layout{flex:1;min-height:0;display:flex;overflow:hidden}.sequencer-tracks-col{border-right:1px solid var(--border-subtle);background-color:var(--surface-panel-solid);flex-direction:column;flex-shrink:0;width:200px;display:flex}.sequencer-tracks-header{height:26px;padding:0 var(--space-sm);font-size:10px;font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);background-color:var(--surface-panel-hover);justify-content:space-between;align-items:center;display:flex}.sequencer-track-item{height:28px;padding:0 var(--space-sm);color:var(--text-secondary);transition:background-color var(--transition-fast);border-bottom:1px solid #00000008;justify-content:space-between;align-items:center;font-size:11px;display:flex}.sequencer-track-item:hover,.sequencer-track-item--active{background-color:var(--surface-panel-selected);color:var(--accent-primary);font-weight:var(--font-medium)}.sequencer-timeline-col{background-color:#fafafa;flex-direction:column;flex:1;display:flex;position:relative;overflow:auto hidden}.sequencer-ruler{border-bottom:1px solid var(--border-subtle);background-color:var(--surface-panel-hover);align-items:flex-end;height:26px;display:flex;position:relative}.sequencer-ruler-mark{height:100%;font-family:var(--font-mono);color:var(--text-tertiary);border-left:1px solid var(--border-subtle);flex-direction:column;justify-content:space-between;padding-left:2px;font-size:9px;display:flex;position:absolute;bottom:0}.sequencer-lanes{flex-direction:column;display:flex;position:relative}.sequencer-lane{border-bottom:1px solid #00000008;height:28px;position:relative}.sequencer-keyframe-diamond{background-color:var(--accent-primary);cursor:pointer;width:12px;height:12px;transition:transform var(--transition-fast), background-color var(--transition-fast);z-index:3;border:1.5px solid #fff;position:absolute;top:7px;transform:translate(-6px)rotate(45deg);box-shadow:0 1px 3px #0003}.sequencer-keyframe-diamond:hover{background-color:#174f43;transform:translate(-6px)rotate(45deg)scale(1.3)}.sequencer-playhead{background-color:var(--accent-danger);pointer-events:none;z-index:10;width:2px;position:absolute;top:0;bottom:0}.sequencer-playhead-head{background-color:var(--accent-danger);clip-path:polygon(0 0,100% 0,50% 100%);width:12px;height:12px;position:absolute;top:0;left:-5px}.output-log-drawer{bottom:var(--statusbar-height);background-color:var(--surface-panel-solid);border-top:1px solid var(--border-strong);height:280px;box-shadow:var(--shadow-xl);z-index:40;flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:absolute;left:0;right:0}@keyframes slideUp{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.output-log-drawer__header{padding:0 var(--space-md);background-color:var(--surface-panel-hover);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;height:32px;display:flex}.output-log-drawer__title{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary);display:flex}.output-log-drawer__actions{align-items:center;gap:var(--space-xs);display:flex}.output-log-drawer__header--draggable{cursor:grab}.output-log-drawer__header--draggable:active{cursor:grabbing}.asset-file-editor{background-color:var(--surface-bg);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.asset-file-editor__toolbar{height:36px;padding:0 var(--space-md);background-color:var(--surface-panel);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.asset-file-editor__modes{align-items:center;gap:var(--space-xs);display:flex}.asset-file-editor__mode-btn{border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;display:flex}.asset-file-editor__mode-btn:hover{color:var(--text-primary);background-color:var(--surface-panel-hover)}.asset-file-editor__mode-btn--active{color:var(--accent-primary);font-weight:var(--font-semibold);background-color:#6366f11a;border-color:#6366f140}.asset-file-editor__actions{align-items:center;gap:var(--space-xs);display:flex}.asset-file-editor__zoom-ctrl{align-items:center;gap:4px;display:flex}.asset-file-editor__zoom-val{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);text-align:center;min-width:36px}.asset-file-editor__divider{background-color:var(--border-subtle);width:1px;height:16px;margin:0 var(--space-xs)}.asset-file-editor__action-btn{border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-panel-hover);border:1px solid var(--border-subtle);cursor:pointer;align-items:center;gap:5px;padding:3px 8px;display:flex}.asset-file-editor__action-btn:hover{color:var(--text-primary);border-color:var(--border-default)}.asset-file-editor__viewport{background-color:var(--canvas-bg);background-image:radial-gradient(circle,#0f172a0f 1px,#0000 1px);background-size:20px 20px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:auto}.asset-file-editor__viewport::-webkit-scrollbar{width:6px;height:6px}.asset-file-editor__viewport::-webkit-scrollbar-track{background:0 0}.asset-file-editor__viewport::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.asset-file-editor__canvas-stage{padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;min-width:100%;min-height:100%;transition:transform .15s;display:flex}.asset-component-preview-card{background-color:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-xl);box-shadow:var(--shadow-lg);gap:var(--space-lg);flex-direction:column;min-width:480px;max-width:720px;display:flex}.asset-preview-tag{font-size:var(--text-xs);color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-xs);align-items:center;gap:6px;display:flex}.preview-btn{border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:8px 16px;transition:all .15s}.preview-btn--primary{background-color:var(--accent-primary);color:#fff;border:1px solid #0000}.preview-btn--secondary{color:var(--text-primary);border:1px solid var(--border-default);background-color:#0000}.preview-btn--ghost{color:var(--text-secondary);background-color:#0000;border:none}.preview-hero{text-align:center;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.preview-hero__badge{color:var(--accent-primary);font-size:var(--text-xs);background:#6366f126;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.preview-navbar{background-color:var(--surface-panel-hover);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;width:100%;padding:12px 16px;display:flex}.asset-file-editor__code-container{background-color:var(--surface-bg);flex-direction:column;width:100%;height:100%;display:flex}.asset-code-header{padding:6px var(--space-md);background-color:var(--surface-panel);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary);justify-content:space-between;align-items:center;display:flex}.asset-code-pre{min-height:0;padding:var(--space-md);font-family:var(--font-mono);color:var(--text-primary);background-color:var(--surface-bg);flex:1;margin:0;font-size:13px;line-height:1.6;overflow:auto}.ue-variable-row{border-radius:var(--radius-sm);font-size:var(--text-xs);background:var(--surface-panel-hover);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:4px;padding:5px 8px;display:flex}.ue-variable-type{border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.ue-variable-type--bool{color:#f87171;background:#ef444426}.ue-variable-type--string{color:#c084fc;background:#a855f726}.ue-variable-type--int{color:#4ade80;background:#22c55e26}.ue-variable-type--struct{color:#206859;background:#20685926}.ue-variable-name{font-family:var(--font-mono);color:var(--text-primary);font-weight:500}.ue-variable-val{font-family:var(--font-mono);color:var(--text-tertiary);font-size:11px}.asset-db-table-card{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);min-width:560px;box-shadow:var(--shadow-lg)}.asset-db-table-header{font-size:var(--text-xs);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-sm);align-items:center;gap:8px;font-weight:600;display:flex}.asset-table-view{border-collapse:collapse;width:100%;font-size:var(--text-xs)}.asset-table-view th,.asset-table-view td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:6px 10px}.pk-badge,.idx-badge{border-radius:2px;padding:1px 4px;font-size:9px;font-weight:700}.pk-badge{color:#facc15;background:#eab30833}.idx-badge{color:#818cf8;background:#6366f133}.asset-badge{color:var(--text-secondary);background:#ffffff14;border-radius:9999px;margin-left:auto;padding:1px 6px;font-size:10px}.asset-preview-image-card{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:12px;display:flex}.asset-preview-checkerboard{background-color:var(--surface-panel-hover);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:32px;display:flex}.asset-webp-demo{font-size:var(--text-xs);color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;display:flex}.asset-preview-meta{width:100%;font-size:var(--text-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.panel-scroll-content{min-height:0;padding:var(--space-xs) var(--space-sm) var(--space-lg);scroll-behavior:smooth;flex:1;overflow:hidden auto}.panel-scroll-content::-webkit-scrollbar{width:4px}.panel-scroll-content::-webkit-scrollbar-track{background:0 0}.panel-scroll-content::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.panel-scroll-content::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.details-section{border-bottom:1px solid var(--border-subtle)}.details-section:last-child{border-bottom:none}.details-section__header{width:100%;padding:7px var(--space-sm);background:var(--surface-panel-active);cursor:pointer;font-family:var(--font-sans);font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);text-align:left;border:none;border-left:2px solid #0000;align-items:center;gap:6px;display:flex}.details-section__header:hover{background:var(--surface-panel-hover);color:var(--text-primary);border-left-color:var(--accent-primary)}.details-section__chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.details-section__chevron--open{transform:rotate(90deg)}.details-section__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.details-section__body{padding:var(--space-sm) var(--space-sm) var(--space-md);flex-direction:column;gap:2px;display:flex}.form-group-row{align-items:center;gap:var(--space-sm);grid-template-columns:minmax(100px,38%) 1fr;min-height:26px;padding:4px 0;font-size:11px;display:grid}.form-static-val{color:var(--text-primary);font-size:11px;font-family:var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-static-val code{font-family:var(--font-mono);background:var(--surface-panel-active);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:3px;padding:1px 5px;font-size:10px}.form-grid-2{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.form-checkbox{width:14px;height:14px;accent-color:var(--accent-primary);cursor:pointer}.details-search-bar{padding:var(--space-xs) var(--space-sm);background:var(--surface-panel-solid);border-bottom:1px solid var(--border-subtle);align-items:center;display:flex;position:relative}.details-search-bar__input{background:var(--surface-panel-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;height:26px;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:0 24px;font-size:11px}.details-search-bar__input:focus{border-color:var(--accent-primary);background:var(--surface-panel);box-shadow:0 0 0 1px var(--accent-primary)}.details-search-bar__icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.details-search-bar__clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.details-search-bar__clear:hover{color:var(--text-primary)}.ue-reset-btn{border-radius:var(--radius-full);width:16px;height:16px;color:var(--text-muted);cursor:pointer;opacity:.2;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ue-reset-btn--active{color:#eab308!important;opacity:1!important}.ue-reset-btn--active:hover{filter:drop-shadow(0 0 4px #eab30899);transform:rotate(-45deg)}.ue-eye-btn{width:16px;height:16px;color:var(--text-muted);cursor:pointer;opacity:.35;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ue-eye-btn--active{color:var(--accent-primary)!important;opacity:1!important}.ue-var-pill{text-transform:uppercase;letter-spacing:.06em;border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:8px;font-weight:700;line-height:1.4}.ue-var-pill--string{color:#dc2626;background:#ef44441a;border:1px solid #ef444440;box-shadow:0 0 6px #ef444414}.ue-var-pill--number{color:#059669;background:#10b9811a;border:1px solid #10b98140;box-shadow:0 0 6px #10b98114}.ue-var-pill--boolean{color:#7c3aed;background:#8b5cf61a;border:1px solid #8b5cf640;box-shadow:0 0 6px #8b5cf614}.ue-var-pill--enum{color:#206859;background:#2068591a;border:1px solid #20685940;box-shadow:0 0 6px #20685914}.ue-var-pill--color{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b40;box-shadow:0 0 6px #f59e0b14}.ue-var-pill--json,.ue-var-pill--object{color:#db2777;background:#ec48991a;border:1px solid #ec489940;box-shadow:0 0 6px #ec489914}.ue-var-pill--reference{color:#0d9488;background:#14b8a61a;border:1px solid #14b8a640;box-shadow:0 0 6px #14b8a614}.ue-prop-row{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:4px;padding:6px 0;display:flex}.ue-prop-row:last-child{border-bottom:none}.ue-prop-header{justify-content:space-between;align-items:center;font-size:11px;display:flex}.ue-prop-title-group{align-items:center;gap:6px;min-width:0;display:flex}.ue-prop-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ue-prop-actions{align-items:center;gap:4px;display:flex}.ue-attachment-card{background:var(--surface-panel-solid);border:1px solid var(--border-default);border-left:3px solid var(--accent-primary);border-radius:var(--radius-sm);padding:var(--space-sm);flex-direction:column;gap:6px;margin-bottom:6px;display:flex;box-shadow:inset 0 1px 3px #0000000a}.ue-attachment-row{align-items:center;gap:var(--space-sm);grid-template-columns:minmax(100px,38%) 1fr;min-height:24px;font-size:11px;display:grid}.ue-attachment-label{color:var(--text-secondary)}.ue-slot-pill{border-radius:var(--radius-full);color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;padding:2px 7px;font-size:10px;font-weight:600}.ue-socket-badge{background:var(--surface-panel-hover);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:3px;padding:1px 6px;font-family:monospace;font-size:10px}.ue-events-list{flex-direction:column;gap:6px;display:flex}.ue-event-item{background:var(--surface-panel-solid);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:6px 8px;font-size:11px;display:flex}.ue-event-item:hover{border-color:var(--border-strong)}.ue-event-name{color:var(--text-primary);align-items:center;gap:6px;font-weight:500;display:flex}.ue-event-add-btn{color:#4ade80;cursor:pointer;height:22px;transition:all var(--transition-fast);background:#22c55e1f;border:1px solid #22c55e66;border-radius:4px;align-items:center;gap:4px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.ue-event-add-btn:hover{color:#86efac;background:#22c55e40;border-color:#22c55e;transform:translateY(-1px)}.ue-event-bound-pill{color:#206859;background:#20685926;border:1px solid #20685966;border-radius:4px;align-items:center;gap:6px;height:22px;padding:0 6px 0 8px;font-size:10px;font-weight:600;display:inline-flex}.ue-event-jump-btn{color:#206859;cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.ue-event-jump-btn:hover{color:#fff;transform:scale(1.15)}.ue-event-detach-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:2px;padding:0;display:flex}.ue-event-detach-btn:hover{color:var(--accent-danger)}.ue-function-picker{background:var(--surface-panel-active);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-direction:column;gap:2px;margin-top:4px;padding:4px;animation:.1s ease-out fadeIn;display:flex}.ue-function-picker__title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;padding:2px 6px;font-size:9px;font-weight:700}.ue-function-option{color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;border-radius:3px;justify-content:space-between;align-items:center;padding:5px 8px;font-size:11px;display:flex}.ue-function-option:hover{background:var(--surface-panel-hover);color:var(--text-primary)}.ue-function-option--create{color:var(--accent-primary);border-top:1px solid var(--border-subtle);margin-top:2px;padding-top:6px;font-weight:600}.ue-function-option--create:hover{color:var(--accent-primary-hover,#174f43)}.asset-viewport-header{background:var(--surface-dock-bar);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;width:100%;padding:6px 12px;font-size:11px;display:flex}.asset-state-toggles{background:var(--surface-panel-hover);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:2px;padding:2px;display:flex}.asset-state-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:3px;padding:2px 8px;font-size:10px;font-weight:500}.asset-state-btn:hover{color:var(--text-primary)}.asset-state-btn--active{background:var(--surface-panel-solid);color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #0003}.asset-device-pills{align-items:center;gap:4px;display:flex}.asset-device-pill{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:500;display:flex}.asset-device-pill:hover{color:var(--text-primary);border-color:var(--border-subtle)}.asset-device-pill--active{color:#a5b4fc;background:#6366f11f;border-color:#6366f159;font-weight:600}.details-add-action-bar{background:var(--surface-panel);border-bottom:1px solid var(--border-subtle);z-index:50;align-items:center;gap:8px;padding:6px 10px;display:flex;position:relative}.details-add-button{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#206859 0%,#174f43 100%);border:1px solid #fff3;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #20685940,inset 0 1px #ffffff40}.details-add-button:hover{background:linear-gradient(135deg,#28806e 0%,#206859 100%);transform:translateY(-.5px);box-shadow:0 2px 8px #20685966,inset 0 1px #ffffff4d}.details-add-button:active{transform:translateY(.5px);box-shadow:0 1px 2px #20685933}.details-add-button__icon{stroke-width:2.5px;flex-shrink:0}.details-add-button__kbrd{font-size:9px;font-family:var(--font-mono);letter-spacing:.5px;background:#ffffff38;border-radius:3px;padding:1px 4px;font-weight:700}.details-add-action-bar__hint{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10.5px;overflow:hidden}.add-palette{z-index:1000;background:var(--surface-panel-solid);border:1px solid var(--border-strong);border-radius:var(--radius-md);flex-direction:column;animation:.15s cubic-bezier(.16,1,.3,1) addPaletteFadeIn;display:flex;position:absolute;top:calc(100% + 4px);left:6px;right:6px;overflow:hidden;box-shadow:0 16px 36px -4px #0f172a33,0 6px 12px -2px #0f172a14}@keyframes addPaletteFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.add-palette__header{background:var(--surface-panel-hover);border-bottom:1px solid var(--border-subtle);padding:8px 10px 6px}.add-palette__search-box{border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;align-items:center;gap:6px;padding:5px 8px;display:flex}.add-palette__search-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px #20685926}.add-palette__search-icon{color:var(--text-tertiary);flex-shrink:0}.add-palette__search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:11.5px}.add-palette__search-input::placeholder{color:var(--text-tertiary)}.add-palette__clear-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px;display:flex}.add-palette__clear-btn:hover{color:var(--text-primary);background:var(--surface-panel-active)}.add-palette__hint{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--surface-panel-active);border-radius:3px;padding:1px 4px}.add-palette__tabs{scrollbar-width:none;gap:3px;margin-top:6px;padding-bottom:1px;display:flex;overflow-x:auto}.add-palette__tabs::-webkit-scrollbar{display:none}.add-palette__tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:500;display:flex}.add-palette__tab:hover{background:var(--surface-panel-active);color:var(--text-primary)}.add-palette__tab--active{color:#206859;background:#ebf5f3;border-color:#20685933;font-weight:600}.add-palette__tab-count{opacity:.75;background:#0000000f;border-radius:8px;padding:0 4px;font-size:9px}.add-palette__list{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;flex-direction:column;gap:2px;max-height:230px;padding:4px 6px;display:flex;overflow-y:auto}.add-palette__list::-webkit-scrollbar{width:4px}.add-palette__list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.add-palette__empty{text-align:center;flex-direction:column;align-items:center;padding:24px 16px;display:flex}.add-palette__empty-title{color:var(--text-secondary);font-size:12px;font-weight:600}.add-palette__empty-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.add-palette__item{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;border:1px solid #0000;align-items:center;gap:8px;padding:6px 8px;display:flex}.add-palette__item:hover,.add-palette__item--focused{background:var(--surface-panel-selected);border-color:#20685940}.add-palette__item-icon{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.add-palette__item-info{flex:1;min-width:0}.add-palette__item-title-row{align-items:center;gap:5px;display:flex}.add-palette__item-name{color:var(--text-primary);font-size:11.5px;font-weight:600}.add-palette__item-cat-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:3px;padding:1px 4px;font-size:8.5px;font-weight:600}.add-palette__item-spec-badge{color:var(--text-muted);background:var(--surface-panel-active);font-size:8.5px;font-family:var(--font-mono);border-radius:3px;padding:1px 4px}.add-palette__item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;overflow:hidden}.add-palette__item-action{color:#206859;opacity:0;transition:opacity var(--transition-fast);background:#ebf5f3;border:1px solid #20685933;border-radius:3px;flex-shrink:0;align-items:center;gap:2px;padding:2px 6px;font-size:10px;font-weight:600;display:flex}.add-palette__item:hover .add-palette__item-action,.add-palette__item--focused .add-palette__item-action{opacity:1}.add-palette__footer{background:var(--surface-panel-hover);border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;padding:5px 10px;font-size:10px;display:flex}.add-palette__footer-shortcuts{gap:8px;display:flex}.add-palette__footer-shortcuts kbd{border:1px solid var(--border-default);font-family:var(--font-mono);color:var(--text-secondary);background:#fff;border-radius:3px;padding:1px 3px;font-size:8.5px}.add-palette__footer-count{color:var(--text-tertiary);font-size:9.5px}.details-class-chain{border-bottom:1px solid var(--border-subtle);background:#f8fafc;align-items:center;gap:4px;min-height:26px;padding:4px 10px;display:flex}.details-class-chain__label{color:var(--text-muted);opacity:.8;flex-shrink:0;align-items:center;display:flex}.details-class-chain__items{scrollbar-width:none;flex:1;align-items:center;gap:2px;display:flex;overflow-x:auto}.details-class-chain__items::-webkit-scrollbar{display:none}.details-class-chain__item{font-size:9.5px;font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:3px;padding:1px 4px}.details-class-chain__item:hover{color:var(--text-primary);background:#e2e8f0}.details-class-chain__item--current{color:#206859;background:#ebf5f3;border-color:#20685940;font-weight:700}.details-class-chain__item--selected{color:#174f43;background:#d1eae4;border-color:#20685973;font-weight:700;box-shadow:0 0 0 1px #20685933}.details-class-chain__sep{color:var(--text-tertiary);flex-shrink:0}.details-class-chain__reset{width:15px;height:15px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#e2e8f0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.details-class-chain__reset:hover{color:var(--text-primary);background:#cbd5e1}.details-toast-notification{border-radius:var(--radius-sm);align-items:center;gap:6px;margin:6px 10px 0;padding:6px 10px;font-size:10.5px;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) toastSlideDown;display:flex}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.details-toast-notification--success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.details-toast-notification--info{color:#206859;background:#ebf5f3;border:1px solid #2068594d}.details-toast-notification__icon{flex-shrink:0}.appearance-editor{flex-direction:column;gap:6px;display:flex}.appearance-subgroup{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-panel-solid);overflow:hidden;box-shadow:0 1px 2px #0f172a08}.appearance-subgroup__header{background:var(--surface-panel-hover);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:5px 8px;display:flex}.appearance-subgroup__header:hover{background:var(--surface-panel-active)}.appearance-subgroup__chevron{color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.appearance-subgroup__chevron--open{color:var(--text-secondary);transform:rotate(90deg)}.appearance-subgroup__title{color:var(--text-secondary);flex:1;font-size:11px;font-weight:600}.appearance-subgroup__badge{font-size:9px;font-family:var(--font-mono);color:var(--text-muted);background:var(--surface-panel-active);border-radius:4px;padding:1px 5px}.appearance-subgroup__body{border-top:1px solid var(--border-subtle);background:#fff;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.form-mode-switch{background:var(--surface-panel-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);gap:2px;margin-bottom:4px;padding:2px;display:flex}.form-mode-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;border-radius:3px;flex:1;padding:3px 0;font-size:10px;font-weight:500}.form-mode-btn:hover{color:var(--text-primary)}.form-mode-btn--active{background:var(--surface-panel-solid);color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #0f172a14}.form-label-with-action{align-items:center;gap:4px;display:flex}.quad-inputs-row{flex:1;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.quad-input-box{background:var(--surface-panel-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:1px 3px;display:flex}.quad-input-box:focus-within{border-color:var(--accent-primary);background:#fff}.quad-input-tag{font-size:8.5px;font-family:var(--font-mono);color:var(--text-tertiary);text-align:center;-webkit-user-select:none;user-select:none;width:14px;font-weight:700}.form-mini-input{text-align:right;width:100%;height:20px;font-size:10px;font-family:var(--font-mono);background:0 0;border:none;padding:0 2px}.form-mini-input:focus{box-shadow:none;outline:none}.form-mini-row{background:var(--surface-panel-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);align-items:center;gap:3px;padding:1px 4px;display:flex}.form-mini-row:focus-within{border-color:var(--accent-primary);background:#fff}.form-mini-label{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);width:10px;font-weight:700}.form-unit{color:var(--text-muted);font-size:9px}.gradient-editor{flex-direction:column;gap:6px;padding:4px 0;display:flex}.gradient-type-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.gradient-type-toggle{background:var(--surface-panel-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.gradient-type-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:3px;padding:2px 8px;font-size:9.5px;font-weight:500}.gradient-type-btn:hover{color:var(--text-primary)}.gradient-type-btn--active{background:var(--surface-panel-solid);color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #0f172a14}.gradient-angle-box{background:var(--surface-panel-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:1px 4px;display:flex}.gradient-angle-icon{color:var(--text-tertiary)}.gradient-angle-input{text-align:right;width:38px;height:20px;font-size:10px;font-family:var(--font-mono);background:0 0;border:none;padding:0 2px}.gradient-angle-input:focus{outline:none}.gradient-angle-unit{color:var(--text-muted);font-size:10px}.gradient-bar-wrapper{padding:8px 4px 6px}.gradient-bar{cursor:crosshair;border:1px solid #0f172a26;border-radius:4px;height:18px;position:relative;box-shadow:inset 0 1px 2px #0000001a}.gradient-stop-pin{cursor:grab;width:12px;height:12px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:2px solid #fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.gradient-stop-pin:active{cursor:grabbing}.gradient-stop-pin--selected{box-shadow:0 0 0 2px var(--accent-primary), 0 2px 6px #0006;transform:translate(-50%,-50%)scale(1.3)}.gradient-stop-controls{background:var(--surface-panel-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:4px 6px;display:flex}.gradient-stop-prop{align-items:center;gap:4px;display:flex}.gradient-sublabel{color:var(--text-muted);font-size:9.5px}.shadow-editor{flex-direction:column;gap:6px;display:flex}.shadow-editor__header{justify-content:space-between;align-items:center;display:flex}.shadow-editor__title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10px;font-weight:700}.shadow-editor__list{flex-direction:column;gap:4px;display:flex}.shadow-layer-card{background:var(--surface-panel-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:5px 6px;display:flex}.shadow-layer-card--disabled{opacity:.5}.shadow-layer-card__top{align-items:center;gap:6px;display:flex}.shadow-layer-card__name{color:var(--text-secondary);font-size:10px;font-weight:600}.shadow-inset-pill{color:var(--text-secondary);cursor:pointer;background:#e2e8f0;border:none;border-radius:3px;padding:1px 5px;font-size:8.5px;font-weight:600}.shadow-inset-pill--active{color:#206859;background:#ebf5f3;border:1px solid #20685940}.shadow-layer-card__controls{padding-top:2px}.transform-origin-picker{align-items:center;gap:8px;display:flex}.transform-origin-grid{background:var(--surface-panel-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);flex-direction:column;gap:3px;width:44px;padding:4px;display:flex}.transform-origin-grid__row{justify-content:space-between;display:flex}.transform-origin-dot{cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);background:#cbd5e1;border:none;border-radius:50%;padding:0}.transform-origin-dot:hover{background:#94a3b8;transform:scale(1.15)}.transform-origin-dot--active{background:var(--accent-primary);transform:scale(1.25);box-shadow:0 0 0 2px #2068594d}.transform-origin-label{font-size:9.5px;font-family:var(--font-mono);color:var(--text-secondary);font-weight:600}.easing-curve-selector{flex:1}.easing-curve-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.easing-curve-card{background:var(--surface-panel-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:2px;padding:4px 2px;display:flex}.easing-curve-card:hover{border-color:var(--border-strong);background:#fff}.easing-curve-card--active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);background:#ebf5f3}.easing-curve-svg{display:block}.easing-curve-card__name{color:var(--text-secondary);font-size:9px;font-weight:600}.easing-curve-card--active .easing-curve-card__name{color:var(--accent-primary)}.transition-prop-chips{flex-wrap:wrap;flex:1;gap:3px;display:flex}.transition-prop-chip{font-size:9px;font-family:var(--font-mono);color:var(--text-secondary);background:var(--surface-panel-hover);border:1px solid var(--border-default);cursor:pointer;transition:all var(--transition-fast);border-radius:3px;padding:2px 6px}.transition-prop-chip:hover{color:var(--text-primary);background:#e2e8f0}.transition-prop-chip--active{color:#206859;background:#ebf5f3;border-color:#2068594d;font-weight:600}.btn-text-action{color:#206859;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:3px;align-items:center;gap:3px;padding:2px 4px;font-size:9.5px;font-weight:600;display:inline-flex}.btn-text-action:hover{background:#ebf5f3}.bg-image-controls{flex-direction:column;gap:6px;display:flex}.text-align-toggle-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:2px;padding:2px;display:flex}.text-align-toggle-btn{color:#64748b;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;gap:4px;padding:3px 8px;font-size:10px;display:flex}.text-align-toggle-btn:hover{color:#1e293b;background:#e2e8f0}.text-align-toggle-btn--active{color:#206859;background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000f}.text-align-toggle-label{display:none}.font-weight-slider-row{flex-direction:column;gap:4px;width:100%;display:flex}.font-weight-ticks{color:#94a3b8;font-size:8.5px;font-weight:500;font-family:var(--font-mono);justify-content:space-between;padding:0 2px;display:flex}.typography-preview-box{color:#f8fafc;word-break:break-word;min-height:52px;transition:all var(--transition-fast);background:#0f172a;border:1px solid #334155;border-radius:6px;justify-content:center;align-items:center;padding:12px 14px;display:flex;overflow:hidden;box-shadow:inset 0 1px 4px #00000059}.box-model-container{-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;width:100%;display:flex}.box-model-header{justify-content:space-between;align-items:center;display:flex}.box-model-legend{align-items:center;gap:6px;display:flex}.box-model-legend-dot{border-radius:2px;width:8px;height:8px}.box-model-legend-dot--margin{background:#f59e0b}.box-model-legend-dot--padding{background:#10b981}.box-model-legend-dot--content{background:#206859}.box-model-legend-label{color:#64748b;margin-right:4px;font-size:9.5px;font-weight:500}.box-model-actions{gap:4px;display:flex}.box-model-link-btn{color:#64748b;cursor:pointer;transition:all var(--transition-fast);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;align-items:center;gap:3px;padding:2px 6px;font-size:9.5px;font-weight:500;display:inline-flex}.box-model-link-btn:hover{color:#1e293b;background:#e2e8f0}.box-model-link-btn--active{color:#206859;background:#ebf5f3;border-color:#20685966;font-weight:600}.box-model-diagram{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.box-model-zone{border-radius:4px;flex-direction:column;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex;position:relative}.box-model-zone--margin{background:#f59e0b14;border:1px dashed #f59e0b66;width:100%;padding:4px}.box-model-zone--margin:hover{background:#f59e0b21;border-color:#f59e0ba6}.box-model-zone--border{background:#64748b0d;border:1px solid #64748b40;border-radius:4px;width:100%;padding:4px}.box-model-zone--padding{background:#10b98114;border:1px dashed #10b98166;border-radius:4px;width:100%;padding:4px}.box-model-zone--padding:hover{background:#10b98121;border-color:#10b981a6}.box-model-zone--content{background:#2068591f;border:1px solid #20685966;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:36px;padding:4px 6px;display:flex}.box-model-zone--content:hover{background:#2068592e;border-color:#206859a6}.box-model-zone-tag{font-size:8px;font-weight:700;font-family:var(--font-mono);letter-spacing:.5px;pointer-events:none;position:absolute;top:2px;left:5px}.box-model-zone--margin>.box-model-zone-tag{color:#d97706}.box-model-zone-tag--border{color:#64748b}.box-model-zone-tag--padding{color:#059669}.box-model-zone-tag--content{color:#206859}.box-model-middle-row{justify-content:space-between;align-items:center;gap:4px;width:100%;margin:2px 0;display:flex}.box-model-edge{justify-content:center;align-items:center;display:flex}.box-model-edge--top,.box-model-edge--bottom{width:100%;margin:1px 0}.box-model-edge--left,.box-model-edge--right{flex-shrink:0;margin:0 1px}.box-model-input{text-align:center;width:36px;height:19px;font-size:10px;font-weight:600;font-family:var(--font-mono);color:#1e293b;transition:all var(--transition-fast);background:#fff;border:1px solid #00000026;border-radius:3px;outline:none;padding:0}.box-model-input:focus{border-color:#206859;box-shadow:0 0 0 2px #20685940}.box-model-content-dim{font-size:10px;font-weight:600;font-family:var(--font-mono);color:#206859;text-align:center}.ue-var-category-group{border-radius:4px;margin-bottom:8px;overflow:visible}.ue-var-category-header{color:#334155;cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:5px;margin-bottom:4px;padding:5px 8px;font-size:11px;font-weight:600;display:flex}.ue-var-category-header:hover{color:#0f172a;background:#e2e8f0}.ue-var-category-chevron{color:#64748b;transition:transform var(--transition-fast);flex-shrink:0}.ue-var-category-chevron--open{color:#206859;transform:rotate(90deg)}.ue-var-category-title{letter-spacing:.2px;font-size:10.5px}.ue-var-category-count{color:#94a3b8;margin-left:auto;font-size:9.5px;font-weight:500}.ue-var-category-items{flex-direction:column;gap:4px;padding-left:2px;display:flex}.ue-var-advanced-wrapper{margin-top:8px;margin-bottom:8px}.ue-var-advanced-toggle-btn{color:#475569;cursor:pointer;width:100%;transition:all var(--transition-fast);background:#f8fafc;border:1px dashed #cbd5e1;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:600;display:flex}.ue-var-advanced-toggle-btn:hover{color:#206859;background:#ebf5f3;border-color:#20685959}.ue-var-advanced-items{background:#f1f5f966;border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;gap:4px;margin-top:6px;padding:6px;display:flex}.ue-drag-handle{color:#94a3b8;cursor:grab;transition:color var(--transition-fast);border-radius:2px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.ue-drag-handle:hover{color:#334155}.ue-drag-handle:active{cursor:grabbing}.ue-prop-name-wrap{align-items:center;gap:4px;display:inline-flex;position:relative}.ue-advanced-tag{font-size:8px;font-weight:700;font-family:var(--font-mono);color:#d97706;background:#fef3c7;border:1px solid #d977064d;border-radius:2px;padding:0 3px}.ue-floating-var-tooltip{z-index:200;color:#f8fafc;pointer-events:none;background:#0f172a;border:1px solid #334155;border-radius:6px;width:220px;margin-top:4px;padding:8px 10px;animation:.15s fadeIn;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000059}.ue-var-tooltip-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:4px;display:flex}.ue-var-tooltip-name{color:#fff;font-size:11px;font-weight:700}.ue-var-tooltip-desc{color:#94a3b8;margin-bottom:6px;font-size:10px;line-height:1.35}.ue-var-tooltip-footer{border-top:1px solid #1e293b;justify-content:space-between;align-items:center;padding-top:5px;font-size:9.5px;display:flex}.ue-var-tooltip-default{color:#64748b;align-items:center;gap:4px;display:flex}.ue-var-tooltip-default code{font-family:var(--font-mono);color:var(--accent-primary,#206859);font-size:9px}.ue-status-badge{border-radius:3px;align-items:center;gap:3px;padding:1px 4px;font-size:9px;font-weight:600;display:inline-flex}.ue-status-badge--public{color:#10b981;background:#10b98126}.ue-status-badge--private{color:#94a3b8;background:#64748b26}.scrub-number-input{cursor:ew-resize;-webkit-user-select:none;user-select:none;width:100%;height:26px;transition:all var(--transition-fast);background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;padding:0 4px 0 6px;display:flex}.scrub-number-input:hover{border-color:#206859}.scrub-number-input--scrubbing{background:#ebf5f3;border-color:#206859;box-shadow:0 0 0 2px #20685933}.scrub-drag-icon{color:#94a3b8;flex-shrink:0;align-items:center;margin-right:4px;display:flex}.scrub-display-val{font-size:11px;font-weight:600;font-family:var(--font-mono);color:#0f172a;flex:1}.scrub-direct-input{height:100%;font-size:11px;font-weight:600;font-family:var(--font-mono);color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:0}.scrub-steppers{align-items:center;gap:2px;margin-left:auto;display:flex}.scrub-step-btn{color:#64748b;cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast);background:#f8fafc;border:1px solid #e2e8f0;border-radius:2px;justify-content:center;align-items:center;padding:0;display:flex}.scrub-step-btn:hover{color:#fff;background:#206859;border-color:#206859}.json-editor-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;width:100%;display:flex;overflow:hidden}.json-editor-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.json-editor-toggle-btn{color:#334155;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:10.5px;font-weight:600;display:flex}.json-editor-chevron{color:#64748b;transition:transform var(--transition-fast)}.json-editor-chevron--open{transform:rotate(90deg)}.json-mode-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:3px;align-items:center;gap:3px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-flex}.json-mode-btn--active{color:#fff;background:#206859;border-color:#206859}.json-editor-body{padding:6px}.json-tree-wrap{flex-direction:column;gap:4px;display:flex}.json-empty-hint{color:#94a3b8;padding:4px 0;font-size:10px;font-style:italic}.json-tree-row{background:#fff;border:1px solid #e2e8f0;border-radius:3px;justify-content:space-between;align-items:center;gap:6px;padding:3px 6px;display:flex}.json-tree-key-group{flex-shrink:0;align-items:center;gap:4px;display:flex}.json-type-badge{font-size:8px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;border-radius:2px;padding:1px 3px}.json-type-badge--str{color:#206859;background:#ebf5f3}.json-type-badge--num{color:#15803d;background:#dcfce7}.json-type-badge--bool{color:#b45309;background:#fef3c7}.json-type-badge--arr{color:#7e22ce;background:#f3e8ff}.json-type-badge--obj,.json-type-badge--any{color:#475569;background:#f1f5f9}.json-tree-key-name{font-size:10px;font-weight:600;font-family:var(--font-mono);color:#0f172a}.json-tree-val-group{flex:1;justify-content:flex-end;align-items:center;gap:4px;display:flex}.json-val-input{font-family:var(--font-mono);max-width:110px;height:22px!important;font-size:10px!important}.json-del-btn{color:#94a3b8;cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;display:flex}.json-del-btn:hover{color:#dc2626;background:#fee2e2}.json-add-row{border-top:1px dashed #e2e8f0;align-items:center;gap:4px;margin-top:4px;padding-top:4px;display:flex}.json-new-key-input{flex:1;height:22px!important;font-size:10px!important}.json-new-type-select{width:60px;height:22px!important;font-size:9.5px!important}.json-add-btn{color:#fff;cursor:pointer;background:#206859;border:none;border-radius:3px;align-items:center;gap:3px;height:22px;padding:0 6px;font-size:9.5px;font-weight:600;display:inline-flex}.json-add-btn:disabled{opacity:.5;cursor:not-allowed}.json-raw-wrap{flex-direction:column;gap:4px;display:flex}.json-raw-textarea{color:#f8fafc;width:100%;font-family:var(--font-mono);resize:vertical;background:#0f172a;border:1px solid #334155;border-radius:4px;outline:none;padding:6px;font-size:10px}.json-error-banner{color:#dc2626;background:#fee2e2;border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:9.5px;display:flex}.asset-ref-picker-wrap{width:100%;position:relative}.asset-ref-trigger-btn{cursor:pointer;width:100%;height:26px;transition:all var(--transition-fast);background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:space-between;align-items:center;padding:0 6px;display:flex}.asset-ref-trigger-btn:hover{border-color:#206859}.asset-ref-trigger-btn--active{border-color:#206859;box-shadow:0 0 0 2px #20685933}.asset-ref-trigger-content{align-items:center;gap:5px;display:flex;overflow:hidden}.asset-ref-trigger-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.asset-ref-trigger-empty{color:#94a3b8;font-size:10.5px;font-style:italic}.asset-ref-trigger-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.asset-ref-clear-btn{color:#94a3b8;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.asset-ref-clear-btn:hover{color:#0f172a;background:#f1f5f9}.asset-ref-chevron{color:#64748b}.asset-ref-dropdown{z-index:250;background:#fff;border:1px solid #cbd5e1;border-radius:5px;flex-direction:column;margin-top:3px;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.asset-ref-search-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:4px;padding:4px 6px;display:flex}.asset-ref-search-icon{color:#94a3b8}.asset-ref-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:10.5px}.asset-ref-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0}.asset-ref-list{flex-direction:column;gap:2px;max-height:160px;padding:3px;display:flex;overflow-y:auto}.asset-ref-empty{color:#94a3b8;text-align:center;padding:8px;font-size:10px;font-style:italic}.asset-ref-item{cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:none;border-radius:3px;justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.asset-ref-item:hover{background:#ebf5f3}.asset-ref-item--selected{background:#d1eae4}.asset-ref-item-left{align-items:center;gap:6px;display:flex;overflow:hidden}.asset-ref-item-text{flex-direction:column;display:flex;overflow:hidden}.asset-ref-item-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:600;overflow:hidden}.asset-ref-item-path{font-size:8.5px;font-family:var(--font-mono);color:#64748b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.asset-ref-item-check{color:#206859;flex-shrink:0}.ue-add-var-container{margin-top:8px}.ue-add-var-btn{color:#206859;cursor:pointer;width:100%;transition:all var(--transition-fast);background:#fff;border:1px dashed #cbd5e1;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-size:10.5px;font-weight:600;display:flex}.ue-add-var-btn:hover{background:#ebf5f3;border-color:#206859}.ue-add-var-form{background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;flex-direction:column;gap:6px;padding:8px 10px;animation:.15s fadeIn;display:flex}.ue-add-var-form-title{color:#0f172a;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:4px;font-size:11px;font-weight:700;display:flex}.ue-add-var-form-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0}.ue-add-var-checkboxes{flex-direction:column;gap:4px;margin-top:2px;display:flex}.ue-add-var-checkbox-label{color:#475569;cursor:pointer;align-items:center;gap:6px;font-size:10px;font-weight:500;display:flex}.ue-add-var-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;padding-top:6px;display:flex}.ue-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:500}.ue-btn-submit{color:#fff;cursor:pointer;background:#206859;border:none;border-radius:3px;padding:3px 10px;font-size:10px;font-weight:600}.ue-btn-submit:disabled{opacity:.5;cursor:not-allowed}.ue-event-title-group{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.ue-event-signature{font-size:9px;font-family:var(--font-mono);color:#206859;background:#ebf5f3;border:1px solid #20685940;border-radius:3px;padding:0 4px}.details-archetype-bar{background:var(--surface-panel-hover,#f8fafc);border-bottom:1px solid var(--border-subtle,#e2e8f0);scrollbar-width:none;align-items:center;gap:8px;min-height:28px;padding:4px 10px;display:flex;overflow-x:auto}.details-archetype-bar::-webkit-scrollbar{display:none}.details-archetype-bar__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary,#64748b);white-space:nowrap;font-size:9.5px;font-weight:600}.details-archetype-pills{align-items:center;gap:4px;display:flex}.details-archetype-pill{border:1px solid var(--border-default,#cbd5e1);color:var(--text-secondary,#475569);cursor:pointer;white-space:nowrap;background:#fff;border-radius:4px;align-items:center;gap:4px;padding:2.5px 8px;font-size:10px;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #00000008}.details-archetype-pill:hover{color:var(--text-primary,#0f172a);background:#f1f5f9;border-color:#94a3b8}.details-archetype-pill--active{font-weight:600;box-shadow:0 0 0 1px #20685933;color:#206859!important;background:#ebf5f3!important;border-color:#206859!important}.details-archetype-pill__icon{opacity:.7}.details-archetype-pill--active .details-archetype-pill__icon{opacity:1;color:#206859}.archetype-select-field{border:1px solid var(--border-default,#cbd5e1);color:var(--text-primary,#0f172a);background:#fff;font-size:11px;font-weight:500}.element-badge-pill{color:#475569;letter-spacing:.02em;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;margin-left:auto;padding:1.5px 6px;font-size:9px;font-weight:600}.element-badge-pill--accent{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.element-specific-editor{flex-direction:column;gap:8px;display:flex}.appearance-subgroup__content,.element-specific-editor .appearance-subgroup__content{border-top:1px solid var(--border-subtle,#e2e8f0);background:#fff;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.detail-form-group{flex-direction:column;gap:4px;width:100%;display:flex}.detail-label{color:var(--text-secondary,#475569);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:2px;font-size:11px;font-weight:500;display:flex}.detail-hint-text{color:var(--text-tertiary,#64748b);margin:0 0 2px;font-size:10.5px;line-height:1.4}.detail-input-text,.detail-select,.detail-input-number,.detail-input-textarea{box-sizing:border-box;border:1px solid var(--border-default,#cbd5e1);border-radius:var(--radius-sm,4px);width:100%;color:var(--text-primary,#0f172a);font-size:11.5px;font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;outline:none;padding:5px 8px}.detail-input-text:focus,.detail-select:focus,.detail-input-number:focus,.detail-input-textarea:focus{border-color:var(--accent-primary,#206859);box-shadow:0 0 0 2px #20685926}.detail-grid-2col{box-sizing:border-box;flex-wrap:wrap;gap:8px;width:100%;max-width:100%;display:flex}.detail-grid-2col>*{box-sizing:border-box;flex:120px;min-width:0}.detail-row-toggle{justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.detail-row-toggle__info{flex-direction:column;gap:1px;display:flex}.detail-row-toggle__label{color:var(--text-secondary,#334155);font-size:11px;font-weight:500}.detail-row-toggle__desc{color:var(--text-tertiary,#64748b);font-size:9.5px}.detail-checkbox{width:15px;height:15px;accent-color:var(--accent-primary,#206859);cursor:pointer}.detail-preset-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.detail-chip-btn{background:var(--surface-panel-hover,#f8fafc);border:1px solid var(--border-subtle,#e2e8f0);color:var(--text-secondary,#475569);cursor:pointer;border-radius:3px;padding:2px 7px;font-size:9.5px;font-weight:500;transition:all .12s}.detail-chip-btn:hover{color:#206859;background:#ebf5f3;border-color:#2068594d}.layout-mode-selector{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:4px;display:grid}.layout-mode-btn{border:1px solid var(--border-default,#cbd5e1);color:var(--text-secondary,#475569);cursor:pointer;text-align:center;background:#f8fafc;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 6px;transition:all .15s;display:flex}.layout-mode-btn:hover{color:var(--text-primary,#0f172a);background:#f1f5f9;border-color:#94a3b8}.layout-mode-btn--active{box-shadow:0 0 0 1px #20685933;color:#206859!important;background:#ebf5f3!important;border-color:#206859!important}.layout-mode-btn__title{font-size:11px;font-weight:600;display:block}.layout-mode-btn__desc{color:#64748b;font-size:9px;line-height:1.2;display:block}.flex-dir-pills{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.flex-pill-btn{border:1px solid var(--border-default,#cbd5e1);color:#475569;cursor:pointer;background:#f8fafc;border-radius:4px;justify-content:center;align-items:center;gap:3px;padding:4px 6px;font-size:10px;transition:all .15s;display:flex}.flex-pill-btn:hover{color:#0f172a;background:#f1f5f9}.flex-pill-btn--active{color:#206859;background:#ebf5f3;border-color:#206859;font-weight:600}.slots-list{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.slot-item-row{border:1px solid var(--border-subtle,#e2e8f0);background:#f8fafc;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;display:flex}.slot-drag-handle{color:#94a3b8;cursor:grab}.slot-drag-handle:hover{color:#475569}.slot-index-badge{font-size:9px;font-family:var(--font-mono);color:#64748b}.slot-name{color:#1e293b;flex:1;font-size:11px;font-weight:500}.slot-name--hidden{opacity:.5;text-decoration:line-through}.slot-actions{align-items:center;gap:4px;display:flex}.slot-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:3px;display:flex}.slot-action-btn:hover{color:#0f172a;background:#e2e8f0}.slot-action-btn--delete:hover{color:#dc2626;background:#fee2e2}.add-slot-bar{gap:6px;display:flex}.add-slot-input{flex:1}.add-slot-btn{color:#fff;cursor:pointer;background:#206859;border:1px solid #174f43;border-radius:4px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:flex}.add-slot-btn:hover:not(:disabled){background:#174f43}.add-slot-btn:disabled{opacity:.5;cursor:not-allowed}.validation-sandbox-box{border:1px solid var(--border-subtle,#e2e8f0);background:#f8fafc;border-radius:6px;flex-direction:column;gap:8px;padding:10px;display:flex}.validation-sandbox-input{box-sizing:border-box;border:1px solid var(--border-default,#cbd5e1);color:#0f172a;background:#fff;border-radius:4px;width:100%;padding:6px 10px;font-size:12px;transition:all .15s}.validation-sandbox-input:focus{border-color:#206859;outline:none;box-shadow:0 0 0 2px #20685926}.validation-sandbox-input--valid{border-color:#10b981!important;box-shadow:0 0 0 2px #10b98133!important}.validation-sandbox-input--invalid{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444433!important}.validation-sandbox-status{align-items:center;display:flex}.validation-pill{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.validation-pill--valid{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.validation-pill--invalid{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.text-formatting-toolbar{border:1px solid var(--border-subtle,#e2e8f0);background:#f8fafc;border-radius:4px;align-items:center;gap:2px;width:fit-content;padding:3px;display:flex}.format-toolbar-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:4px 6px;transition:all .15s;display:flex}.format-toolbar-btn:hover{color:#0f172a;background:#e2e8f0}.format-toolbar-btn--active{color:#be185d;background:#fce7f3;font-weight:600}.state-matrix-shell{background:var(--surface-panel);box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.state-matrix-header{border-bottom:1px solid var(--border-subtle);background:var(--surface-panel-solid);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex}.state-matrix-title{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.state-matrix-title__text{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.state-matrix-count{font-size:9px;font-family:var(--font-mono);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0;padding:1px 5px;font-weight:700}.state-matrix-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.state-matrix-tabs{background:var(--surface-1);border-bottom:1px solid var(--border-subtle);box-sizing:border-box;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:2px;padding:4px 6px;display:grid}.state-matrix-tab{text-align:center;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.3px;background:0 0;border:1px solid #0000;padding:3px 2px;font-size:10px;font-weight:600}.state-matrix-tab:hover{color:var(--text-primary);background:var(--surface-panel-hover)}.state-matrix-tab--active{color:var(--accent-primary);background:var(--surface-panel-solid);border-color:var(--border-default);box-shadow:0 1px 2px #0003}.state-matrix-search-row{border-bottom:1px solid var(--border-subtle);background:var(--surface-panel-solid);flex-shrink:0;padding:4px 8px}.state-matrix-form{background:var(--surface-panel-solid);border:1px solid var(--accent-primary);border-radius:var(--radius-md);box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:8px;margin:6px;padding:10px 12px;display:flex;box-shadow:0 4px 14px #0006}.state-var-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-panel-solid);transition:border-color var(--transition-fast), background-color var(--transition-fast);box-sizing:border-box;flex-direction:column;gap:6px;margin-bottom:6px;padding:7px 9px;display:flex}.state-var-card:hover{border-color:var(--border-strong);background:var(--surface-panel-hover)}.state-var-card__header{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.state-var-card__identity{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.state-var-card__name{color:var(--text-primary);font-size:11px;font-weight:600;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.state-var-card__type{text-transform:uppercase;letter-spacing:.5px;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:8.5px;font-weight:700}.state-var-card__delete{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.state-var-card__delete:hover{color:#ef4444;background:#ef44441f}.state-var-card__value-row{box-sizing:border-box;width:100%;display:flex}.breakpoint-gutter{cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;margin:0;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.breakpoint-gutter:hover{background:#ef444433;border-color:#ef444499;transform:scale(1.15)}.breakpoint-gutter.breakpoint-active{background:#ef4444;border-color:#ef4444;box-shadow:0 0 8px #ef4444b3,inset 0 1px 1px #fff6}.breakpoint-gutter.breakpoint-disabled{background:0 0;border-color:#ef4444;box-shadow:0 0 4px #ef44444d}.breakpoint-gutter.breakpoint-conditional:after{content:"?";color:#fff;text-shadow:0 0 2px #000c;font-size:8px;font-weight:800;line-height:1}@keyframes debugger-paused-pulse{0%{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b,0 0 12px #f59e0b80}50%{border-color:#fbbf24;box-shadow:0 0 0 4px #f59e0b,0 0 24px #f59e0bd9}to{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b,0 0 12px #f59e0b80}}.debugger-paused-glow{z-index:30!important;animation:1.4s cubic-bezier(.4,0,.2,1) infinite debugger-paused-pulse!important}.debugger-paused-badge{color:#0f172a;letter-spacing:.04em;text-transform:uppercase;background:#f59e0b;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:9px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #f59e0b80}.debugger-toolbar{background:#0b0f19;border-bottom:1px solid #1e293b;align-items:center;gap:6px;padding:4px 10px;display:flex}.debugger-btn{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:700;transition:all .12s;display:inline-flex}.debugger-btn:disabled{opacity:.35;cursor:not-allowed}.debugger-btn--resume{color:#34d399;background:#10b98126;border-color:#10b98166}.debugger-btn--resume:hover:not(:disabled){color:#fff;background:#10b981;box-shadow:0 0 10px #10b98180}.debugger-btn--step{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b66}.debugger-btn--step:hover:not(:disabled){color:#0f172a;background:#f59e0b;box-shadow:0 0 10px #f59e0b80}.debugger-btn--stop{color:#f87171;background:#ef444426;border-color:#ef444466}.debugger-btn--stop:hover:not(:disabled){color:#fff;background:#ef4444;box-shadow:0 0 10px #ef444480}.debugger-status-pill{letter-spacing:.02em;border-radius:12px;align-items:center;gap:6px;padding:2px 8px;font-size:9.5px;font-weight:700;display:inline-flex}.debugger-status-pill--idle{color:#94a3b8;background:#1e293b;border:1px solid #334155}.debugger-status-pill--running{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf866}.debugger-status-pill--stepping{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b66}.debugger-status-pill--paused{color:#f59e0b;background:#f59e0b40;border:1px solid #f59e0b;box-shadow:0 0 8px #f59e0b66}@keyframes hot-reload-pulse{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(.95)}}.hot-reload-indicator{color:#34d399;background:#20685933;border:1px solid #206859;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.hot-reload-indicator__dot{background-color:#34d399;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite hot-reload-pulse;box-shadow:0 0 6px #34d399}.sandbox-hot-patch-flash{transition:outline .6s,box-shadow .6s;outline:2px solid #34d399!important;box-shadow:0 0 16px #34d399bf!important}.flame-graph-view{box-sizing:border-box;background-color:#0b0f19;flex-direction:column;gap:16px;width:100%;height:100%;padding:16px;display:flex;overflow-y:auto}.profiler-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:100%;display:grid}.profiler-kpi-card{background:#0f172a;border:1px solid #1e293b;border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;display:flex;box-shadow:0 2px 8px #0000004d}.profiler-kpi-card__label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.profiler-kpi-card__value{color:#f8fafc;letter-spacing:-.02em;font-size:18px;font-weight:800}.profiler-kpi-card__sub{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.flame-graph-card{background:#0f172a;border:1px solid #1e293b;border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.flame-graph-axis{color:#64748b;border-bottom:1px solid #334155;justify-content:space-between;padding-bottom:6px;font-family:monospace;font-size:9px;font-weight:600;display:flex}.flame-graph-list{flex-direction:column;gap:6px;width:100%;display:flex}.flame-graph-row{align-items:center;gap:10px;width:100%;height:26px;display:flex;position:relative}.flame-graph-row__label{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex-shrink:0;align-items:center;gap:6px;width:140px;font-size:10.5px;font-weight:600;display:flex;overflow:hidden}.flame-graph-row__track{background:#1e293b80;border-radius:4px;flex:1;height:18px;position:relative;overflow:hidden}.flame-graph-bar{color:#fff;white-space:nowrap;cursor:pointer;box-sizing:border-box;border-radius:3px;align-items:center;padding:0 6px;font-size:9px;font-weight:700;transition:filter .15s,transform .15s;display:flex;position:absolute;top:0;bottom:0}.flame-graph-bar:hover{filter:brightness(1.2);z-index:10;transform:scaleY(1.08)}.flame-graph-bar--hot{border:1px solid #fca5a5;box-shadow:0 0 10px #ef444499;background:linear-gradient(90deg,#ea580c,#ef4444)!important}.hot-node-badge{color:#fff7ed;letter-spacing:.02em;background:#ea580c;border:1px solid #f97316;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:1px 6px;font-size:9px;font-weight:800;animation:2s ease-in-out infinite hot-node-flicker;display:inline-flex;box-shadow:0 0 8px #ea580c99}@keyframes hot-node-flicker{0%{opacity:.85;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:.85;transform:scale(.98)}}.profiler-table-container{background:#0f172a;border:1px solid #1e293b;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.profiler-table{border-collapse:collapse;color:#cbd5e1;width:100%;font-size:11px}.profiler-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;background:#1e293b;border-bottom:1px solid #334155;padding:8px 12px;font-size:10px;font-weight:700}.profiler-table td{vertical-align:middle;border-bottom:1px solid #1e293b;padding:8px 12px}.profiler-table tr:hover{background:#1e293b80}.inspector-tab-strip{background:#0b0f19;border:1px solid #1e293b;border-radius:6px;align-items:center;gap:4px;width:fit-content;margin-bottom:12px;padding:3px;display:flex}.inspector-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;font-weight:600;transition:all .15s;display:flex}.inspector-tab:hover{color:#e2e8f0;background:#ffffff0a}.inspector-tab--active{color:#f8fafc;background:#1e293b;box-shadow:0 1px 4px #0003}.inspector-tab-badge{color:#38bdf8;background:#38bdf833;border-radius:8px;padding:0 5px;font-size:9px;font-weight:700}.watch-subpanel{flex-direction:column;gap:12px;width:100%;display:flex}.watch-add-box{background:#0b0f19;border:1px solid #1e293b;border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.watch-add-row{align-items:center;gap:6px;width:100%;display:flex}.watch-add-input{color:#f8fafc;background:#1e293b;border:1px solid #334155;border-radius:4px;outline:none;flex:1;padding:5px 8px;font-family:JetBrains Mono,monospace;font-size:11px;transition:border-color .15s}.watch-add-input:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf84d}.watch-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#206859;border:1px solid #287a68;border-radius:4px;align-items:center;gap:4px;padding:5px 10px;font-size:10px;font-weight:700;transition:background-color .15s;display:flex}.watch-add-btn:hover{background:#287a68}.watch-suggestion-chips{color:#64748b;flex-wrap:wrap;align-items:center;gap:4px;font-size:9px;display:flex}.watch-chip{color:#94a3b8;cursor:pointer;background:#1e293bb3;border:1px solid #334155;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:9px;transition:all .12s}.watch-chip:hover{color:#38bdf8;background:#1e293b;border-color:#38bdf8}.watch-list{flex-direction:column;gap:8px;width:100%;display:flex}.watch-card{background:#0b0f19;border:1px solid #1e293b;border-radius:6px;flex-direction:column;gap:6px;padding:9px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.watch-card:hover{border-color:#334155}.watch-card--mutated{animation:1.5s ease-out watch-mutation-glow;box-shadow:0 0 12px #f59e0b59;border-color:#f59e0b!important}@keyframes watch-mutation-glow{0%{background-color:#f59e0b38;border-color:#f59e0b}50%{background-color:#f59e0b1a}to{background-color:#0b0f19}}.watch-card--disabled{opacity:.55}.watch-card__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.watch-card__expr{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:flex;overflow:hidden}.watch-type-pill{text-transform:uppercase;color:#94a3b8;background:#94a3b826;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:8px;font-weight:700}.watch-type-pill--string{color:#34d399;background:#34d3991f}.watch-type-pill--number{color:#38bdf8;background:#38bdf81f}.watch-type-pill--boolean{color:#f472b6;background:#f472b61f}.watch-type-pill--object{color:#a78bfa;background:#a78bfa1f}.watch-type-pill--array{color:#fbbf24;background:#fbbf241f}.watch-card__val{color:#e2e8f0;background:#151c2c;border:1px solid #1e293b;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex;overflow-x:auto}.watch-mutation-tag{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:3px;flex-shrink:0;align-items:center;gap:3px;padding:1px 5px;font-size:8.5px;font-weight:800;display:inline-flex}.pin-watch-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:3px;padding:2px 5px;font-size:9px;font-weight:600;transition:all .12s;display:inline-flex}.pin-watch-btn:hover{color:#38bdf8;background:#38bdf81f;border-color:#38bdf84d}.eas-container{background:var(--surface-panel-solid,#fff);flex-direction:column;height:100%;font-family:inherit;display:flex;position:relative;overflow:hidden}.eas-header-bar{border-bottom:1px solid var(--border-default,#0f172a14);background:#f8fafc;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex}.eas-element-pill{border:1px solid var(--border-default,#0f172a1a);color:var(--text-primary,#0f172a);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;align-items:center;gap:5px;max-width:155px;padding:2px 7px;font-size:10.5px;font-weight:600;transition:all .15s;display:flex}.eas-element-pill:hover{border-color:var(--accent-primary,#206859);background:#2068590a}.eas-stack-name-input{outline:1px solid var(--accent-primary,#206859);color:var(--text-primary,#0f172a);background:#fff;border:none;border-radius:3px;width:95px;padding:1px 4px;font-family:inherit;font-size:10.5px;font-weight:600}.eas-element-dot{background:var(--accent-primary,#206859);border-radius:50%;flex-shrink:0;width:6px;height:6px}.eas-add-btn{background:var(--accent-primary,#206859);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.eas-add-btn:hover{background:#174e43;transform:translateY(-.5px);box-shadow:0 2px 4px #20685933}.eas-content-area{flex-direction:column;flex:1;gap:6px;padding:6px;display:flex;position:relative;overflow-y:auto}.eas-track-card{border:1px solid var(--border-default,#0f172a17);background:#fff;border-radius:7px;flex-direction:column;gap:5px;padding:7px 8px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #00000005}.eas-track-card:hover{border-color:#2068594d;box-shadow:0 2px 5px #0000000a}.eas-track-card--active{border-color:var(--accent-primary,#206859);box-shadow:0 0 0 1px var(--accent-primary,#206859)}.eas-track-top{justify-content:space-between;align-items:center;gap:4px;display:flex}.eas-track-title-wrap{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.eas-track-name{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.eas-badge-tuned{color:var(--accent-primary,#206859);letter-spacing:-.01em;white-space:nowrap;background:#2068591a;border-radius:4px;padding:1px 4px;font-size:8.5px;font-weight:700}.eas-trigger-chip{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;flex-shrink:0;align-items:center;gap:3px;padding:2px 6px;font-size:9.5px;font-weight:600;transition:all .12s;display:inline-flex}.eas-trigger-chip:hover{filter:brightness(.95);transform:translateY(-.5px)}.eas-track-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.eas-action-btn{width:22px;height:22px;color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .12s;display:flex}.eas-action-btn:hover{color:var(--text-primary,#0f172a);background:#0f172a0f}.eas-action-btn--curve:hover{color:#8b5cf6;background:#8b5cf61f}.eas-action-btn--save:hover{color:var(--accent-primary,#206859);background:#2068591f}.eas-action-btn--delete:hover{color:#ef4444;background:#ef44441f}.eas-action-btn--play:hover{color:#10b981;background:#10b9811f}.eas-property-tags{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.eas-property-tag{color:#334155;background:#f1f5f9;border:1px solid #0f172a0f;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;display:inline-flex}.eas-meta-tag{color:var(--text-tertiary,#94a3b8);align-items:center;gap:3px;font-size:9px;font-weight:500;display:inline-flex}.eas-expanded-box{border-top:1px dashed #0f172a14;flex-direction:column;gap:5px;margin-top:3px;padding-top:5px;font-size:10px;display:flex}.eas-field-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.eas-field-label{color:var(--text-secondary,#64748b);font-size:9.5px;font-weight:500}.eas-field-input{border:1px solid var(--border-default,#0f172a1f);color:#0f172a;background:#fff;border-radius:4px;outline:none;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9.5px}.eas-save-preset-btn{width:100%;color:var(--accent-primary,#206859);cursor:pointer;background:#20685914;border:1px solid #20685940;border-radius:5px;justify-content:center;align-items:center;gap:5px;margin-top:3px;padding:4px 8px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.eas-save-preset-btn:hover{background:var(--accent-primary,#206859);color:#fff;border-color:var(--accent-primary,#206859)}.eas-preset-picker-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;flex-direction:column;justify-content:flex-start;padding:4px;display:flex;position:absolute;inset:0}.eas-preset-picker-card{border:1px solid var(--border-default,#0f172a1f);background:#fff;border-radius:8px;flex-direction:column;max-height:100%;display:flex;overflow:hidden;box-shadow:0 10px 25px #0000002e}.eas-preset-item{cursor:pointer;border-bottom:1px solid #0f172a0d;flex-direction:column;gap:2px;padding:7px 10px;transition:background .12s;display:flex}.eas-preset-item:last-child{border-bottom:none}.eas-preset-item:hover{background:#2068590f}.eas-toast{color:#ecfdf5;z-index:60;background:#064e3b;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:600;animation:.2s ease-out easToastIn;display:flex;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 4px 12px #00000026}.eas-export-footer{border-top:1px solid var(--border-default,#0f172a14);background:#f8fafc;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.eas-export-link-btn{color:var(--accent-primary,#206859);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 4px;font-size:10px;font-weight:600;transition:all .12s;display:inline-flex}.eas-export-link-btn:hover{background:#20685914;text-decoration:underline}