.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-sans);font-weight:500;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.ui-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);border-radius:var(--radius-sm)}.ui-btn--md{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.ui-btn--lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}.ui-btn--primary{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.ui-btn--primary:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ui-btn--primary:active:not(:disabled){transform:translateY(0)}.ui-btn--secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color-strong)}.ui-btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.ui-btn--danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.ui-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-error) 85%,black);border-color:color-mix(in srgb,var(--color-error) 85%,black);transform:translateY(-1px)}.ui-btn--ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.ui-btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.ui-btn--outline{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}.ui-btn--outline:hover:not(:disabled){background:var(--accent-primary);color:var(--text-on-accent)}.ui-btn--gold{background:linear-gradient(135deg,var(--color-gold),#c9a02e);color:var(--color-charcoal);border-color:var(--color-gold);font-weight:600;box-shadow:0 4px 16px #d4af3740}.ui-btn--gold:hover:not(:disabled){background:linear-gradient(135deg,var(--color-gold-light),var(--color-gold));border-color:var(--color-gold-light);transform:translateY(-1px);box-shadow:0 6px 24px #d4af3759}.ui-btn--gold:active:not(:disabled){transform:translateY(0)}.ui-btn--full-width{width:100%}.ui-btn--loading{position:relative;color:transparent!important}.ui-btn--loading .ui-btn__label,.ui-btn--loading .ui-btn__icon{visibility:hidden}.ui-btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ui-btn__icon svg{width:1em;height:1em}.ui-btn--sm .ui-btn__icon svg{width:14px;height:14px}.ui-btn--md .ui-btn__icon svg{width:16px;height:16px}.ui-btn--lg .ui-btn__icon svg{width:18px;height:18px}.ui-btn__label{display:inline-flex;align-items:center}.ui-btn__spinner{position:absolute;width:16px;height:16px;border:2px solid var(--_btn-spinner-color, var(--text-primary));border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.ui-btn--primary .ui-btn__spinner{--_btn-spinner-color: var(--text-on-accent)}.ui-btn--danger .ui-btn__spinner{--_btn-spinner-color: white}.ui-btn--secondary .ui-btn__spinner{--_btn-spinner-color: var(--text-primary)}.ui-btn--ghost .ui-btn__spinner{--_btn-spinner-color: var(--text-secondary)}.ui-btn--outline .ui-btn__spinner{--_btn-spinner-color: var(--accent-primary)}.ui-btn--gold .ui-btn__spinner{--_btn-spinner-color: var(--color-charcoal)}.ui-btn--sm .ui-btn__spinner{width:12px;height:12px}.ui-btn--lg .ui-btn__spinner{width:20px;height:20px}.ui-card{background:var(--bg-card);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.ui-card--bordered{border:1px solid var(--border-color)}.ui-card--padding-none{padding:0}.ui-card--padding-sm{padding:var(--space-sm)}.ui-card--padding-md{padding:var(--space-md)}.ui-card--padding-lg{padding:var(--space-lg)}.ui-card--hover:hover{border-color:var(--border-color-strong);box-shadow:var(--shadow-md)}.ui-card--clickable{cursor:pointer}.ui-card--clickable:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.ui-card--clickable:active{transform:translateY(0)}.ui-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-md)}.ui-card--padding-none .ui-card__header{padding:var(--space-md);padding-bottom:var(--space-md);margin-bottom:0}.ui-card__body{flex:1}.ui-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color);margin-top:var(--space-md)}.ui-card--padding-none .ui-card__footer{padding:var(--space-md);padding-top:var(--space-md);margin-top:0}.ui-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ui-badge--sm{padding:2px 8px;font-size:.625rem}.ui-badge--md{padding:3px 10px;font-size:.6875rem}.ui-badge--pill{border-radius:var(--radius-full)}.ui-badge:not(.ui-badge--pill){border-radius:var(--radius-xs)}.ui-badge--default{background:var(--bg-secondary);color:var(--text-secondary)}.ui-badge--primary{background:#84a98c26;color:var(--accent-primary)}.ui-badge--success{background:var(--color-success-bg);color:var(--color-success)}.ui-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.ui-badge--error{background:var(--color-error-bg);color:var(--color-error)}.ui-badge--info{background:var(--color-info-bg);color:var(--color-info)}.ui-badge--rating{font-family:var(--font-mono);font-weight:700}.ui-badge__star{width:12px;height:12px}.ui-badge--sm .ui-badge__star{width:10px;height:10px}.ui-badge--status{text-transform:capitalize}.ui-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:var(--z-modal)}.ui-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:calc(100vh - var(--space-xl) * 2);display:flex;flex-direction:column;overflow:hidden}.ui-modal--sm{width:100%;max-width:400px}.ui-modal--md{width:100%;max-width:560px}.ui-modal--lg{width:100%;max-width:720px}.ui-modal--xl{width:100%;max-width:960px}.ui-modal--full{width:calc(100vw - var(--space-xl) * 2);height:calc(100vh - var(--space-xl) * 2);max-width:none;max-height:none}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.ui-modal__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.ui-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.ui-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.ui-modal__close svg{width:20px;height:20px}.ui-modal__body{flex:1;padding:var(--space-lg);overflow-y:auto}.ui-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--border-color);flex-shrink:0}@media (max-width: 640px){.ui-modal__overlay{padding:var(--space-sm);align-items:flex-end}.ui-modal{max-height:90vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.ui-modal--sm,.ui-modal--md,.ui-modal--lg,.ui-modal--xl{max-width:100%}}.ui-input-wrapper{display:flex;flex-direction:column;gap:var(--space-xs)}.ui-input-wrapper--full-width{width:100%}.ui-input__label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.ui-input-container{position:relative;display:flex;align-items:center}.ui-input{width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast)}.ui-input::placeholder{color:var(--text-tertiary)}.ui-input:hover:not(:disabled){border-color:var(--border-color-strong)}.ui-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.ui-input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.ui-input-container--sm .ui-input{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.ui-input-container--md .ui-input{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.ui-input-container--lg .ui-input{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}.ui-input__icon,.ui-input__icon-right{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);pointer-events:none}.ui-input__icon svg,.ui-input__icon-right svg{width:18px;height:18px}.ui-input__icon{left:var(--space-md)}.ui-input__icon-right{right:var(--space-md)}.ui-input-container--has-icon .ui-input{padding-left:44px}.ui-input-container--has-icon-right .ui-input{padding-right:44px}.ui-input-container--sm .ui-input__icon,.ui-input-container--sm .ui-input__icon-right{left:var(--space-sm)}.ui-input-container--sm .ui-input__icon svg,.ui-input-container--sm .ui-input__icon-right svg{width:14px;height:14px}.ui-input-container--sm.ui-input-container--has-icon .ui-input{padding-left:32px}.ui-input-container--error .ui-input{border-color:var(--color-error)}.ui-input-container--error .ui-input:focus{box-shadow:0 0 0 3px var(--color-error-bg)}.ui-input__error{font-size:var(--text-xs);color:var(--color-error)}.ui-input__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.select-dropdown{position:relative;display:inline-block}.select-dropdown--disabled{opacity:.6;cursor:not-allowed}.select-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-width:140px;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast)}.select-dropdown__trigger:hover:not(:disabled){border-color:var(--border-color-strong)}.select-dropdown__trigger:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.select-dropdown__trigger:disabled{cursor:not-allowed}.select-dropdown__trigger--open{border-color:var(--accent-primary)}.select-dropdown__value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-dropdown__chevron{width:16px;height:16px;flex-shrink:0;color:var(--text-tertiary);transition:transform var(--transition-fast)}.select-dropdown__trigger--open .select-dropdown__chevron{transform:rotate(180deg)}.select-dropdown__menu{position:absolute;top:100%;left:0;margin-top:var(--space-xs);min-width:100%;width:max-content;max-height:280px;overflow-y:auto;background:var(--bg-dropdown);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-xs);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:selectDropdownFadeIn .15s ease-out}.select-dropdown__menu--portal{margin-top:0;z-index:calc(var(--z-modal) + 10)}@keyframes selectDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-dropdown__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-sm);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.select-dropdown__item:hover:not(:disabled){background:var(--bg-hover)}.select-dropdown__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.select-dropdown__item--selected{color:var(--accent-primary);font-weight:500}.select-dropdown__item--disabled{opacity:.5;cursor:not-allowed}.select-dropdown__item-check{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.select-dropdown__item-check svg{width:14px;height:14px;color:var(--accent-primary)}.select-dropdown__item-label{flex:1;white-space:nowrap}.category-select{position:relative;display:inline-block}.category-select--disabled{opacity:.6;cursor:not-allowed}.category-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-width:180px;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast)}.category-select__trigger:hover:not(:disabled){border-color:var(--border-color-strong)}.category-select__trigger:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.category-select__trigger:disabled{cursor:not-allowed}.category-select__trigger--open{border-color:var(--accent-primary)}.category-select__value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-select__chevron{width:16px;height:16px;flex-shrink:0;color:var(--text-tertiary);transition:transform var(--transition-fast)}.category-select__trigger--open .category-select__chevron{transform:rotate(180deg)}.category-select__menu{position:absolute;top:100%;left:0;margin-top:var(--space-xs);min-width:100%;width:max-content;max-width:360px;max-height:400px;overflow-y:auto;background:var(--bg-dropdown);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-xs);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:categorySelectFadeIn .15s ease-out}@keyframes categorySelectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.category-select__item{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-sm) var(--space-sm);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.category-select__item:hover{background:var(--bg-hover)}.category-select__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.category-select__item--selected{color:var(--accent-primary);font-weight:500}.category-select__item--level-0{padding-left:var(--space-sm)}.category-select__item--level-1{padding-left:calc(var(--space-sm) + 20px)}.category-select__item--level-2{padding-left:calc(var(--space-sm) + 40px)}.category-select__item--level-3{padding-left:calc(var(--space-sm) + 60px)}.category-select__item-expand{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.category-select__item-expand--has-children{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.category-select__item-expand--has-children:hover{background:var(--bg-secondary)}.category-select__item-expand svg{width:12px;height:12px;color:var(--text-tertiary);transition:transform var(--transition-fast)}.category-select__item-expand svg.expanded{transform:rotate(90deg)}.category-select__item-check{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.category-select__item-check svg{width:14px;height:14px;color:var(--accent-primary)}.category-select__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-select__item-count{flex-shrink:0;padding:2px 6px;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500}.category-select__item--selected .category-select__item-count{background:var(--accent-primary);color:#fff}.combobox{position:relative;display:inline-block}.combobox--full-width{width:100%}.combobox--disabled{opacity:.6;cursor:not-allowed}.combobox__input-wrapper{position:relative;display:flex;align-items:center}.combobox__input{width:100%;padding:var(--space-sm) var(--space-md);padding-right:36px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);transition:all var(--transition-fast)}.combobox__input::placeholder{color:var(--text-tertiary)}.combobox__input:hover:not(:disabled){border-color:var(--border-color-strong)}.combobox__input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.combobox__input:disabled{background:var(--bg-secondary);cursor:not-allowed}.combobox--open .combobox__input{border-color:var(--accent-primary)}.combobox__toggle{position:absolute;right:1px;top:1px;bottom:1px;display:flex;align-items:center;justify-content:center;width:32px;background:transparent;border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast)}.combobox__toggle:hover:not(:disabled){color:var(--text-secondary)}.combobox__toggle:disabled{cursor:not-allowed}.combobox__toggle svg{width:16px;height:16px;transition:transform var(--transition-fast)}.combobox--open .combobox__toggle svg{transform:rotate(180deg)}.combobox__menu{position:absolute;top:100%;left:0;min-width:100%;width:max-content;max-width:400px;margin-top:var(--space-xs);max-height:280px;overflow-y:auto;background:var(--bg-dropdown);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-xs);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:comboboxFadeIn .15s ease-out}.combobox__menu--portal{margin-top:0;z-index:calc(var(--z-modal) + 10)}@keyframes comboboxFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.combobox__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.combobox__item:hover,.combobox__item--highlighted{background:var(--bg-hover)}.combobox__item--selected{color:var(--accent-primary)}.combobox__item--custom{color:var(--accent-primary);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-xs);padding-bottom:var(--space-sm);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.combobox__item-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.combobox__item-icon svg{width:14px;height:14px}.combobox__item-avatar{width:24px;height:24px;flex-shrink:0;border-radius:50%;object-fit:cover;background:var(--bg-secondary)}.combobox__item--custom .combobox__item-icon svg{width:16px;height:16px;color:var(--accent-primary)}.combobox__item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.combobox__item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combobox__item-secondary{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combobox__empty{padding:var(--space-md);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.ui-tabs{display:flex;gap:var(--space-xs)}.ui-tabs--full-width{width:100%}.ui-tabs--full-width .ui-tabs__tab{flex:1;justify-content:center}.ui-tabs__tab{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-weight:500;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;color:var(--text-secondary)}.ui-tabs__tab:hover:not(:disabled){color:var(--text-primary)}.ui-tabs__tab:disabled{opacity:.5;cursor:not-allowed}.ui-tabs--sm .ui-tabs__tab{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.ui-tabs--md .ui-tabs__tab{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.ui-tabs--default{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xs)}.ui-tabs--default .ui-tabs__tab{border-radius:var(--radius-md)}.ui-tabs--default .ui-tabs__tab:hover:not(:disabled):not(.ui-tabs__tab--active){background:var(--bg-hover)}.ui-tabs--default .ui-tabs__tab--active{background:var(--accent-primary);color:var(--text-on-accent)}.ui-tabs--pills .ui-tabs__tab{border-radius:var(--radius-full);border:1px solid transparent}.ui-tabs--pills .ui-tabs__tab:hover:not(:disabled):not(.ui-tabs__tab--active){background:var(--bg-hover)}.ui-tabs--pills .ui-tabs__tab--active{background:var(--accent-primary);color:var(--text-on-accent)}.ui-tabs--underline{border-bottom:1px solid var(--border-color);gap:0}.ui-tabs--underline .ui-tabs__tab{border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px}.ui-tabs--underline .ui-tabs__tab:hover:not(:disabled):not(.ui-tabs__tab--active){border-bottom-color:var(--border-color-strong)}.ui-tabs--underline .ui-tabs__tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.ui-tabs__icon{display:flex;align-items:center;justify-content:center}.ui-tabs__icon svg{width:16px;height:16px}.ui-tabs--sm .ui-tabs__icon svg{width:14px;height:14px}.ui-tabs__label{display:inline-flex;align-items:center}.ui-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.ui-icon-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-icon-btn:disabled{opacity:.6;cursor:not-allowed}.ui-icon-btn--sm{width:28px;height:28px}.ui-icon-btn--md{width:36px;height:36px}.ui-icon-btn--lg{width:44px;height:44px}.ui-icon-btn--default{background:var(--bg-card);border-color:var(--border-color);color:var(--text-secondary)}.ui-icon-btn--default:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.ui-icon-btn--ghost{background:transparent;color:var(--text-secondary)}.ui-icon-btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.ui-icon-btn--outline{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}.ui-icon-btn--outline:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-color-strong);color:var(--text-primary)}.ui-icon-btn__icon{display:flex;align-items:center;justify-content:center}.ui-icon-btn__icon svg{width:18px;height:18px}.ui-icon-btn--sm .ui-icon-btn__icon svg{width:14px;height:14px}.ui-icon-btn--lg .ui-icon-btn__icon svg{width:22px;height:22px}.ui-icon-btn--loading{position:relative}.ui-icon-btn__spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.ui-icon-btn--sm .ui-icon-btn__spinner{width:12px;height:12px}.ui-icon-btn--lg .ui-icon-btn__spinner{width:20px;height:20px}.ui-spinner{display:inline-flex;align-items:center;justify-content:center}.ui-spinner--center{width:100%;padding:var(--space-xl)}.ui-spinner__circle{border-radius:50%;border:2px solid var(--border-color);border-top-color:var(--accent-primary);animation:spinner-rotate .8s linear infinite}.ui-spinner--sm .ui-spinner__circle{width:16px;height:16px}.ui-spinner--md .ui-spinner__circle{width:24px;height:24px;border-width:2px}.ui-spinner--lg .ui-spinner__circle{width:36px;height:36px;border-width:3px}.ui-spinner--xl .ui-spinner__circle{width:48px;height:48px;border-width:4px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.ui-theme-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.ui-theme-toggle:hover{border-color:var(--border-color-strong);color:var(--text-primary)}.ui-theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-theme-toggle--sm{padding:var(--space-xs)}.ui-theme-toggle--md{padding:var(--space-sm)}.ui-theme-toggle--sm:has(.ui-theme-toggle__label){padding:var(--space-xs) var(--space-sm)}.ui-theme-toggle--md:has(.ui-theme-toggle__label){padding:var(--space-sm) var(--space-md)}.ui-theme-toggle__icon{display:flex;align-items:center;justify-content:center}.ui-theme-toggle__icon svg{width:18px;height:18px}.ui-theme-toggle--sm .ui-theme-toggle__icon svg{width:16px;height:16px}.ui-theme-toggle__label{font-size:var(--text-sm);font-weight:500}.ui-theme-toggle--sm .ui-theme-toggle__label{font-size:var(--text-xs)}.ui-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin-top:0}.ui-pagination__btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast)}.ui-pagination__btn svg{width:14px;height:14px}.ui-pagination__btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.ui-pagination__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.ui-pagination__info{color:var(--text-secondary);font-size:var(--text-sm)}.ui-pagination__current,.ui-pagination__total{font-weight:600;color:var(--text-primary)}.ui-pagination__current{color:var(--accent-primary)}.ui-toast-container{position:fixed;z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:var(--space-sm)}.ui-toast-container--top-right{top:var(--space-lg);right:var(--space-lg);align-items:flex-end}.ui-toast-container--top-center{top:var(--space-lg);left:50%;transform:translate(-50%);align-items:center}.ui-toast-container--top-left{top:var(--space-lg);left:var(--space-lg);align-items:flex-start}.ui-toast-container--bottom-right{bottom:var(--space-lg);right:var(--space-lg);align-items:flex-end}.ui-toast-container--bottom-center{bottom:var(--space-lg);left:50%;transform:translate(-50%);align-items:center}.ui-toast-container--bottom-left{bottom:var(--space-lg);left:var(--space-lg);align-items:flex-start}.ui-toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);max-width:400px;pointer-events:auto;animation:toastSlideIn .3s ease-out}.ui-toast--exiting{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.ui-toast--success{border-color:var(--color-success)}.ui-toast--success .ui-toast__icon{color:var(--color-success)}.ui-toast--error{border-color:var(--color-error)}.ui-toast--error .ui-toast__icon{color:var(--color-error)}.ui-toast--warning{border-color:var(--color-warning)}.ui-toast--warning .ui-toast__icon{color:var(--color-warning)}.ui-toast--info{border-color:var(--color-info)}.ui-toast--info .ui-toast__icon{color:var(--color-info)}.ui-toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ui-toast__icon svg{width:18px;height:18px}.ui-toast__message{flex:1}.ui-toast__close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.ui-toast__close:hover{color:var(--text-primary);background:var(--bg-hover)}.ui-toast__close svg{width:14px;height:14px}.ui-toggle{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.ui-toggle--disabled{cursor:not-allowed;opacity:.6}.ui-toggle__input{position:absolute;opacity:0;width:0;height:0}.ui-toggle__track{position:relative;display:inline-block;border-radius:9999px;background:var(--bg-tertiary);border:1px solid var(--border-color);transition:all var(--transition-fast)}.ui-toggle__thumb{position:absolute;top:2px;left:2px;background:#fff;border-radius:50%;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.ui-toggle__input:checked+.ui-toggle__track{background:var(--color-success);border-color:var(--color-success)}.ui-toggle__input:checked+.ui-toggle__track .ui-toggle__thumb{background:#fff}.ui-toggle__input:focus-visible+.ui-toggle__track{box-shadow:var(--focus-ring)}.ui-toggle:not(.ui-toggle--disabled):hover .ui-toggle__track{border-color:var(--accent-primary)}.ui-toggle__label{font-size:var(--text-sm);color:var(--text-primary)}.ui-toggle--sm .ui-toggle__track{width:32px;height:18px}.ui-toggle--sm .ui-toggle__thumb{width:12px;height:12px}.ui-toggle--sm .ui-toggle__input:checked+.ui-toggle__track .ui-toggle__thumb{transform:translate(14px)}.ui-toggle--md .ui-toggle__track{width:40px;height:22px}.ui-toggle--md .ui-toggle__thumb{width:16px;height:16px}.ui-toggle--md .ui-toggle__input:checked+.ui-toggle__track .ui-toggle__thumb{transform:translate(18px)}.ui-toggle--lg .ui-toggle__track{width:48px;height:26px}.ui-toggle--lg .ui-toggle__thumb{width:20px;height:20px}.ui-toggle--lg .ui-toggle__input:checked+.ui-toggle__track .ui-toggle__thumb{transform:translate(22px)}.ui-dropdown{position:relative;display:inline-block}.ui-dropdown__trigger{cursor:pointer}.ui-dropdown__menu{position:absolute;top:100%;margin-top:var(--space-xs);min-width:160px;width:max-content;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;padding:var(--space-xs);animation:dropdownFadeIn .15s ease-out}.ui-dropdown__menu--left{left:0}.ui-dropdown__menu--right{right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ui-dropdown__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.ui-dropdown__item:hover:not(:disabled){background:var(--bg-hover)}.ui-dropdown__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-dropdown__item--danger{color:var(--color-error)}.ui-dropdown__item--danger:hover:not(:disabled){background:var(--color-error-bg)}.ui-dropdown__item--disabled{opacity:.5;cursor:not-allowed}.ui-dropdown__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ui-dropdown__item-icon svg{width:16px;height:16px}.ui-dropdown__item-label{flex:1}.ui-dropdown__divider{height:1px;background:var(--border-subtle);margin:var(--space-xs) 0}.ui-range-slider{display:flex;align-items:center;gap:var(--space-sm)}.ui-range-slider__label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.ui-range-slider__container{display:flex;align-items:center;gap:var(--space-sm)}.ui-range-slider__value{font-size:.75rem;font-weight:600;color:var(--accent-primary);min-width:20px;text-align:center}.ui-range-slider__track{position:relative;width:180px;height:24px;cursor:pointer;display:flex;align-items:center}.ui-range-slider__track-bg{position:absolute;left:0;right:0;height:4px;background:var(--bg-tertiary);border-radius:2px}.ui-range-slider__track-fill{position:absolute;height:4px;background:var(--accent-primary);border-radius:2px}.ui-range-slider__knob{position:absolute;width:16px;height:16px;background:var(--accent-primary);border:2px solid var(--bg-primary);border-radius:50%;transform:translate(-50%);cursor:grab;transition:transform .1s ease,box-shadow .1s ease;z-index:2}.ui-range-slider__knob:hover{transform:translate(-50%) scale(1.15);box-shadow:var(--shadow-glow)}.ui-range-slider__knob--active{cursor:grabbing;transform:translate(-50%) scale(1.2);box-shadow:var(--shadow-glow)}.ui-range-slider__knob--min{z-index:3}.ui-range-slider__knob--max{z-index:2}.ui-tooltip-wrapper{position:relative;display:inline-flex}.ui-tooltip{position:absolute;z-index:1000;pointer-events:auto;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ui-tooltip__content{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:500;white-space:nowrap;box-shadow:var(--shadow-lg);max-width:300px}.ui-tooltip-wrapper--wide .ui-tooltip__content{width:300px;max-width:90vw;white-space:normal;text-align:left;line-height:1.5}.ui-tooltip--top{bottom:100%;left:50%;transform:translate(-50%);padding-bottom:var(--space-xs)}.ui-tooltip--bottom{top:100%;left:50%;transform:translate(-50%);padding-top:var(--space-xs)}.ui-tooltip--left{right:100%;top:50%;transform:translateY(-50%);padding-right:var(--space-xs)}.ui-tooltip--right{left:100%;top:50%;transform:translateY(-50%);padding-left:var(--space-xs)}.ui-checkbox{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.ui-checkbox--disabled{cursor:not-allowed;opacity:.6}.ui-checkbox__input{position:absolute;opacity:0;width:0;height:0}.ui-checkbox__box{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:2px solid var(--border-color-strong);transition:all var(--transition-fast)}.ui-checkbox__check{color:#fff}.ui-checkbox__input:checked+.ui-checkbox__box{background:var(--accent-primary);border-color:var(--accent-primary)}.ui-checkbox__input:focus-visible+.ui-checkbox__box{box-shadow:var(--focus-ring)}.ui-checkbox:not(.ui-checkbox--disabled):hover .ui-checkbox__box{border-color:var(--accent-primary)}.ui-checkbox__label{font-size:var(--text-sm);color:var(--text-primary)}.ui-checkbox--sm .ui-checkbox__box{width:14px;height:14px}.ui-checkbox--sm .ui-checkbox__check{width:10px;height:10px}.ui-checkbox--sm .ui-checkbox__label{font-size:var(--text-xs)}.ui-checkbox--md .ui-checkbox__box{width:18px;height:18px}.ui-checkbox--md .ui-checkbox__check{width:12px;height:12px}.ui-checkbox--lg .ui-checkbox__box{width:22px;height:22px}.ui-checkbox--lg .ui-checkbox__check{width:16px;height:16px}.ui-checkbox--lg .ui-checkbox__label{font-size:var(--text-base)}.ui-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xxl) var(--space-xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.ui-empty-state__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-md);color:var(--text-tertiary);opacity:.6}.ui-empty-state__icon svg{width:100%;height:100%}.ui-empty-state__title{margin:0 0 var(--space-xs) 0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.ui-empty-state__description{margin:0;font-size:var(--text-sm);color:var(--text-secondary);max-width:400px;line-height:1.5}.ui-empty-state__action{margin-top:var(--space-lg)}.ui-table-wrapper{overflow-x:auto;overflow-y:auto;flex:1}.ui-table{width:100%;border-collapse:collapse;font-size:.8125rem}.ui-table thead th{position:sticky;top:0;z-index:1;background:var(--bg-card);border-bottom:2px solid var(--border-color, var(--border-default));padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;text-align:left}.ui-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ui-table thead th.sortable:hover{color:var(--text-primary)}.ui-table thead th.col-numeric{text-align:right}.ui-table-th-content{display:inline-flex;align-items:center;gap:4px}.ui-table-sort-icon{font-style:normal;font-size:.7rem;opacity:.9}.ui-table-sort-icon--none{opacity:.4}.ui-table tbody tr:hover{background:var(--bg-hover)}.ui-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color, var(--border-subtle));color:var(--text-primary);vertical-align:middle}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table td.col-numeric{text-align:right;font-variant-numeric:tabular-nums}.ui-table-clickable{cursor:pointer;transition:background .15s}.ui-table-empty td{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.ui-table-expand-btn{background:none;border:none;cursor:pointer;padding:2px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:transform .2s ease,color .15s}.ui-table-expand-btn svg{width:16px;height:16px}.ui-table-expand-btn:hover{color:var(--text-primary)}.ui-table-expand-btn--open{transform:rotate(90deg)}.ui-table-expanded-row td{padding:0;border-bottom:1px solid var(--border-color, var(--border-subtle))}.ui-table-expanded-content{overflow:hidden;transition:max-height .2s ease}.ui-table a{color:var(--accent-primary);text-decoration:none;white-space:nowrap}.ui-table a:hover{text-decoration:underline}.ui-table-card{display:flex;flex-direction:column;height:100%;background:var(--bg-card);border:1px solid var(--border-color, var(--border-subtle));border-radius:8px;overflow:hidden}.ui-table-card__title-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color, var(--border-subtle));flex-shrink:0}.ui-table-card__title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.ui-table-card__actions{display:flex;align-items:center;gap:var(--space-sm)}.ui-table-card__filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color, var(--border-subtle));flex-shrink:0;background:var(--bg-primary)}.ui-table-card__table-area{flex:1;overflow:auto;display:flex;flex-direction:column}.ui-table-card__table-area .ui-table-wrapper{flex:1}.ui-table-card__pagination{flex-shrink:0;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-color, var(--border-subtle))}.controls-panel{display:flex;flex-direction:column;gap:var(--space-lg)}.controls-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.controls-tabs{display:flex;gap:var(--space-xs);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xs)}.controls-header-actions{display:flex;gap:var(--space-sm);margin-left:auto}.controls-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease}.controls-tab svg{width:18px;height:18px}.controls-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.controls-tab.active{background:var(--accent-primary);color:var(--bg-primary)}.controls-tab.active svg{color:var(--bg-primary)}.controls-tab.danger{color:var(--text-tertiary)}.controls-tab.danger:hover{color:var(--accent-secondary);background:var(--color-error-bg)}.controls-tab.danger.active{background:var(--accent-secondary);color:#fff}.controls-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl)}.controls-section-header{margin-bottom:var(--space-lg)}.controls-section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.controls-section-title svg{width:22px;height:22px;color:var(--accent-primary)}.controls-section-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.pipeline-preset-row{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.pipeline-preset-selector{display:flex;align-items:center;gap:var(--space-md);flex:1 1 0;min-width:0;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.pipeline-concept-mode{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.pipeline-preset-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);white-space:nowrap}.pipeline-preset-description{font-size:.8125rem;color:var(--text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-lg)}.controls-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease}.controls-btn svg{width:18px;height:18px}.controls-btn.primary{background:var(--accent-primary);color:var(--bg-primary)}.controls-btn.primary:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px)}.controls-btn.execute{background:linear-gradient(135deg,var(--accent-highlight) 0%,color-mix(in srgb,var(--accent-highlight) 85%,black) 100%);color:var(--color-charcoal);padding:var(--space-md) var(--space-xl);font-size:.9375rem}.controls-btn.execute:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-highlight-hover) 0%,var(--accent-highlight) 100%);transform:translateY(-1px);box-shadow:0 4px 20px #d4af374d}.controls-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.controls-btn.secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.controls-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.controls-divider{width:100%;height:1px;background:var(--border-subtle);margin:var(--space-xl) 0}.controls-result{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md)}.controls-result.success{background:var(--color-success-bg);border:1px solid var(--color-success)}.controls-result.error{background:var(--color-error-bg);border:1px solid var(--color-error)}.controls-result-header{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:600;margin-bottom:var(--space-sm)}.controls-result.success .controls-result-header{color:var(--accent-success)}.controls-result.error .controls-result-header{color:var(--accent-secondary)}.controls-result-header svg{width:18px;height:18px}.controls-result-output,.controls-result-error{font-family:var(--font-mono);font-size:.75rem;line-height:1.6;padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.controls-result-error{color:var(--accent-secondary)}.execution-status{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.execution-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.execution-status-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.execution-status-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:var(--radius-sm);color:#fff}.execution-status-info{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:.8125rem;color:var(--text-secondary)}.execution-id code{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);color:var(--text-primary)}.kestra-link{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--accent-primary);text-decoration:none;transition:all .2s ease}.kestra-link:hover{color:var(--accent-primary-hover);text-decoration:underline}.kestra-link svg{width:14px;height:14px}.execution-success-tip{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-success-bg);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm);color:var(--accent-success);font-size:.875rem}.execution-success-tip svg{width:18px;height:18px}.execution-success-tip b{color:var(--text-primary);text-decoration:underline}.pipeline-stages-toggles{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.pipeline-channel-input{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:280px;min-width:280px;margin-right:var(--space-lg);position:relative}.pipeline-channel-input:after{content:"";position:absolute;right:calc(-1 * var(--space-md));top:0;bottom:0;width:1px;background:var(--border-default)}.pipeline-channel-input label{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.pipeline-channel-input input{background:transparent;border:none!important;box-shadow:none!important;padding:var(--space-sm) 0!important;color:var(--text-primary);font-size:.875rem;font-weight:500;width:100%}.pipeline-channel-input input:focus{outline:none}.pipeline-channel-input:focus-within{border-color:var(--accent-primary);background:var(--bg-hover)}.stage-toggle{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-sm) var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;flex:1}.stage-toggle:hover{background:var(--bg-hover);border-color:var(--border-default)}.stage-toggle.active{background:var(--color-success-bg);border-color:var(--accent-primary)}.stage-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.stage-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.stage-toggle.active .stage-label{color:var(--accent-primary)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.8125rem;color:var(--text-secondary);height:100%}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.controls-form{margin-top:var(--space-lg)}.pipeline-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.pipeline-group.full-width{grid-column:1 / -1;margin-bottom:var(--space-md)}.youtube-config-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--space-md)}@media (max-width: 1200px){.youtube-config-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 768px){.youtube-config-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.youtube-config-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.pipeline-stages-toggles{flex-wrap:wrap}}@media (max-width: 1024px){.pipeline-grid{grid-template-columns:1fr}}.pipeline-group{display:flex;flex-direction:column}.controls-form-title{display:flex;align-items:center;gap:var(--space-sm);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-subtle)}.controls-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.controls-field{display:flex;flex-direction:column;gap:var(--space-xs)}.controls-field.full-width{grid-column:1 / -1}.controls-field label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.controls-field input,.controls-field select{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);transition:all .2s ease}.controls-field input:focus,.controls-field select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #84a98c1a}.controls-field input[type=number]{font-family:var(--font-mono)}.controls-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23636366' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.field-hint{font-size:.6875rem;color:var(--text-tertiary);line-height:1.3}.controls-toggles{display:flex;flex-wrap:wrap;gap:var(--space-lg);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.controls-toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.controls-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.controls-toggle input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.toggle-label{font-size:.875rem;color:var(--text-primary)}.controls-toggle input[type=checkbox]:disabled+.toggle-label{opacity:.5}.controls-advanced{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle)}.controls-advanced-toggle{display:flex;align-items:center;gap:var(--space-sm);background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;padding:var(--space-sm) 0;transition:all .2s ease}.controls-advanced-toggle:hover{color:var(--text-primary)}.controls-advanced-toggle svg{width:16px;height:16px;transition:transform .2s ease}.controls-advanced .controls-form{margin-top:var(--space-md);padding:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md)}.controls-advanced .controls-form-title{margin-top:var(--space-md)}.controls-advanced .controls-form-title:first-of-type{margin-top:0}.cleanup-section{border-color:var(--accent-secondary)}.controls-section-title.danger{color:var(--accent-secondary)}.controls-section-title.danger svg{color:var(--accent-secondary)}.cleanup-preview{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.cleanup-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-sm);margin-bottom:var(--space-md)}.cleanup-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.8125rem}.cleanup-stat-label{color:var(--text-secondary);text-transform:capitalize}.cleanup-stat-value{color:var(--text-primary);font-weight:600;font-family:var(--font-mono)}.cleanup-options{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md)}.controls-btn.danger{background:linear-gradient(135deg,var(--color-error) 0%,color-mix(in srgb,var(--color-error) 85%,black) 100%);color:#fff}.controls-btn.danger-outline{background:transparent;color:var(--accent-secondary);border:1px solid var(--accent-secondary)}.controls-btn.danger-outline:hover:not(:disabled){background:var(--color-error-bg);transform:translateY(-1px)}.controls-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--color-error) 85%,black),color-mix(in srgb,var(--color-error) 70%,black));transform:translateY(-1px)}.controls-btn.small{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.cleanup-result-details{display:flex;gap:var(--space-md);margin-top:var(--space-sm);font-size:.8125rem;color:var(--text-secondary)}.cleanup-result-details span{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.toast-notification{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);z-index:2000;pointer-events:none}.toast-content{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.875rem;font-weight:500;max-width:400px}.toast-notification.success .toast-content{border-color:var(--color-success)}.toast-notification.success svg{color:var(--accent-success)}.toast-notification.error .toast-content{border-color:var(--color-error)}.toast-notification.error svg{color:var(--accent-secondary)}.toast-content svg{width:18px;height:18px;flex-shrink:0}@keyframes toastFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.toast-notification.animate-fade-in{animation:fadeIn .3s ease-out forwards,toastFadeOut .3s ease-in forwards 3.7s}.confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:var(--space-md)}.confirmation-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:var(--space-xl);box-shadow:0 20px 40px #0006}.confirmation-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.confirmation-header svg{width:24px;height:24px;color:var(--accent-primary)}.confirmation-header.danger svg{color:var(--accent-secondary)}.confirmation-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.confirmation-message{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl)}.confirmation-actions{display:flex;justify-content:flex-end;gap:var(--space-md)}.confirmation-actions .controls-btn{min-width:100px;justify-content:center}.animate-fade-in{animation:fadeIn .2s ease-out forwards}.animate-scale-in{animation:scaleIn .2s cubic-bezier(.16,1,.3,1) forwards}.cleanup-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:var(--space-md)}.cleanup-modal{background:var(--bg-card);border:1px solid var(--color-error);border-radius:var(--radius-lg);width:100%;max-width:728px;max-height:90vh;overflow-y:scroll;padding:var(--space-xl);box-shadow:0 20px 40px #0006}.cleanup-modal-header{margin-bottom:var(--space-lg)}.cleanup-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle)}.product-count-badge{margin-left:auto;font-size:.6875rem;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm)}.product-selector{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.product-search-input{width:100%;padding:var(--space-xs) var(--space-sm);border:none;border-bottom:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);font-size:.8125rem;outline:none;box-sizing:border-box}.product-search-input:focus{border-bottom-color:var(--accent-primary)}.product-search-input::placeholder{color:var(--text-tertiary)}.product-selector-list{max-height:200px;overflow-y:auto;padding:var(--space-xs)}.product-selector-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.product-selector-item:hover{background:var(--bg-hover)}.product-selector-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);flex-shrink:0}.product-thumbnail-sm{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-secondary)}.product-thumbnail-sm.placeholder{display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.product-thumbnail-sm.placeholder svg{width:16px;height:16px;color:var(--text-tertiary)}.product-selector-item .product-name{font-size:.8125rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-selector-empty{padding:var(--space-md);text-align:center;color:var(--text-tertiary);font-size:.8125rem}.concept-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-md);animation-fill-mode:backwards;height:520px;position:relative}.concept-card:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 8px 40px #84a98c1f}.concept-card .card-header-row{display:flex;align-items:center;justify-content:space-between;padding:6px var(--space-sm);gap:var(--space-xs);margin:calc(-1 * var(--space-lg));margin-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.concept-card .card-header-row.rating-pending{background:var(--bg-tertiary);color:var(--text-secondary)}.concept-card .card-header-row.rating-excellent{background:#00c48c26;color:var(--accent-success)}.concept-card .card-header-row.rating-good{background:#84a98c26;color:var(--accent-primary)}.concept-card .card-header-row.rating-average{background:#ffc10726;color:#ffc107}.concept-card .card-header-row.rating-poor{background:#ff6b6b26;color:var(--accent-secondary)}.concept-card .card-concept-title-plain{flex:1;min-width:0;font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.concept-card .card-rating{font-size:.8125rem;font-weight:700;flex-shrink:0}.concept-source-line{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0;padding-top:var(--space-sm)}.concept-id{font-size:.6875rem;color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:.3px;margin-left:auto}.rating-badge{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700;font-family:var(--font-mono)}.rating-badge svg{width:12px;height:12px}.rating-excellent{background:linear-gradient(135deg,#00c48c33,#84a98c26);color:var(--accent-success);border:1px solid rgba(0,196,140,.3)}.rating-good{background:#84a98c1f;color:var(--accent-primary);border:1px solid rgba(132,169,140,.2)}.rating-fair{background:#ffd93d1f;color:var(--accent-warning);border:1px solid rgba(255,217,61,.2)}.rating-poor{background:#ff6b6b1f;color:var(--accent-secondary);border:1px solid rgba(255,107,107,.2)}.rating-none{background:var(--bg-tertiary);color:var(--text-tertiary)}.source-badge{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.6875rem;font-weight:600;max-width:140px}.source-badge svg{width:10px;height:10px;flex-shrink:0}.source-brand{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.source-video{background:linear-gradient(135deg,#fb923c26,#f973161a);color:#fb923c;border:1px solid rgba(251,146,60,.25)}.source-assortment{background:linear-gradient(135deg,#84a98c26,#84a98c1a);color:var(--accent-primary);border:1px solid rgba(132,169,140,.3)}.concept-status{font-size:.625rem;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.concept-status.status-created{background:var(--bg-tertiary);color:var(--text-secondary)}.concept-status.status-approved{background:#00c48c1f;color:var(--accent-success, #00c48c)}.concept-status.status-selected{background:#84a98c26;color:var(--accent-primary)}.concept-status.status-duplicate{background:#ffc1071f;color:var(--color-warning, #e29578)}.source-video-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.status-badge{padding:3px 10px;border-radius:20px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-designed{background:#84a98c26;color:var(--accent-primary)}.status-approved{background:#00c48c26;color:var(--accent-success)}.status-created{background:#ffd93d26;color:var(--accent-tertiary)}.status-rejected{background:#ff6b6b26;color:var(--accent-secondary)}.status-default{background:var(--bg-tertiary);color:var(--text-secondary)}.concept-body{flex:1;overflow-y:auto;padding-right:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-md);scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.concept-body::-webkit-scrollbar{width:4px}.concept-body::-webkit-scrollbar-track{background:transparent}.concept-body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.concept-body::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.concept-section{display:flex;flex-direction:column;gap:6px}.section-header{display:flex;align-items:center;gap:6px}.section-header svg{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.section-header strong{font-size:.625rem;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px;font-weight:600}.concept-section p{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.55}.rating-feedback{background:linear-gradient(135deg,#00c48c14,#84a98c0d);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);border-left:3px solid var(--accent-success)}.rating-feedback .section-header svg{color:var(--accent-success)}.rating-feedback .section-header strong{color:var(--accent-success)}.rating-feedback p{color:var(--text-primary)}.art-direction{background:linear-gradient(135deg,#457b9d14,#84a98c0d);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);border-left:3px solid var(--color-info)}.art-direction .section-header svg{color:var(--color-info)}.art-direction .section-header strong{color:var(--color-info)}.art-style-tag{display:inline-block;background:var(--color-info-bg);color:var(--color-info);padding:4px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;margin-bottom:4px}.artwork-desc{color:var(--text-primary)!important;font-size:.8125rem}.primary-text-section{background:#84a98c0d;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);border-left:3px solid var(--accent-primary)}.primary-text-section .section-header svg{color:var(--accent-primary)}.primary-text-section .section-header strong{color:var(--accent-primary)}.primary-text-display{display:flex;flex-direction:column;gap:4px}.text-content{font-size:1rem;font-weight:700;color:var(--accent-primary);font-style:italic;letter-spacing:-.2px}.text-placement{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.explanation{background:#ffd93d0f;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);border-left:3px solid var(--accent-tertiary)}.explanation .section-header svg{color:var(--accent-tertiary)}.explanation .section-header strong{color:var(--accent-tertiary)}.visual-desc{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.concept-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);background:var(--bg-tertiary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-item.full-width{grid-column:span 2}.meta-label{font-size:.5625rem;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px;font-weight:600}.meta-value{font-size:.75rem;color:var(--text-secondary);font-weight:500}.meta-value.color-count{display:flex;align-items:center;gap:6px}.color-dots{display:flex;gap:3px}.color-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));animation:pulse-dot 2s ease-in-out infinite}.color-dot:nth-child(2){background:linear-gradient(135deg,var(--accent-secondary),var(--accent-tertiary))}.color-dot:nth-child(3){background:linear-gradient(135deg,var(--accent-tertiary),var(--accent-success))}.color-dot:nth-child(4){background:linear-gradient(135deg,var(--accent-success),var(--accent-highlight))}.color-dot:nth-child(5){background:linear-gradient(135deg,var(--accent-highlight),var(--accent-primary))}@keyframes pulse-dot{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.meta-value.bg-def{font-style:italic;color:var(--text-tertiary)}.meta-value.garment-colors{display:flex;flex-wrap:wrap;gap:4px}.garment-color-chip{padding:2px 8px;border-radius:10px;font-size:.6875rem;font-weight:500;background:#84a98c1f;color:var(--accent-primary);border:1px solid rgba(132,169,140,.2)}.tags-section{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.tags-container{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:2px 10px;border-radius:12px;font-size:.6875rem;font-weight:500}.style-tag{background:#84a98c26;color:var(--accent-primary)}.seo-tag{background:#00c48c1f;color:var(--accent-success)}.risk-tag{background:#ff6b6be6;color:#fff;font-weight:600}.compliance-section{background:#ff6b6b0f;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border-left:3px solid var(--accent-secondary)}.compliance-section .section-header svg{color:var(--accent-secondary)}.compliance-section .section-header strong{color:var(--accent-secondary)}.compliance-notes{font-size:.75rem!important;color:var(--text-secondary)!important}.qc-notes-section{background:var(--bg-tertiary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.prompt-section{background:#0d0d0d;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.prompt-section .section-header svg{color:#a8d4a0}.prompt-section .section-header strong{color:#a8d4a0}.prompt-content{margin:0;font-family:var(--font-mono);font-size:.6875rem;color:#a8d4a0;white-space:pre-wrap;word-break:break-word;line-height:1.6}.asset-refs-section{background:#84a98c0f;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary)}.asset-refs-section .section-header svg{color:var(--accent-primary)}.asset-refs-section .section-header strong{color:var(--accent-primary)}.asset-refs-list{display:flex;flex-direction:column;gap:6px}.asset-ref-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.75rem;line-height:1.4}.asset-ref-id{font-family:var(--font-mono, monospace);font-size:.625rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:1px 5px;border-radius:var(--radius-sm);flex-shrink:0}.asset-ref-type{background:var(--accent-primary);color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:var(--radius-sm);flex-shrink:0}.asset-ref-desc{color:var(--text-primary);font-weight:500}.asset-ref-usage{color:var(--text-tertiary);font-style:italic}.concept-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-sm);border-top:1px solid var(--border-subtle);margin-top:auto;gap:var(--space-sm);flex-shrink:0}.concept-date{font-size:.6875rem;color:var(--text-tertiary);font-family:var(--font-mono)}.designs-link{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.designs-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#84a98c14}.designs-link svg{width:14px;height:14px}.design-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-subtle);animation-fill-mode:backwards}.design-card:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.design-card .card-header-row{display:flex;align-items:center;justify-content:space-between;padding:6px var(--space-sm);gap:var(--space-xs)}.design-card .card-header-row.rating-pending{background:var(--bg-tertiary);color:var(--text-secondary)}.design-card .card-header-row.rating-excellent{background:#00c48c26;color:var(--accent-success)}.design-card .card-header-row.rating-good{background:#84a98c26;color:var(--accent-primary)}.design-card .card-header-row.rating-average{background:#ffc10726;color:#ffc107}.design-card .card-header-row.rating-poor{background:#ff6b6b26;color:var(--accent-secondary)}.design-card .card-rating{font-size:.8125rem;font-weight:700;flex-shrink:0}.design-card .card-image-container{position:relative;aspect-ratio:1 / 1;background-color:#aaa;background-image:linear-gradient(45deg,#333 25%,transparent 25%),linear-gradient(-45deg,#333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333 75%),linear-gradient(-45deg,transparent 75%,#333 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;overflow:hidden;padding:var(--space-sm);display:flex;align-items:center;justify-content:center}.design-card .card-image-container.transparent-bg{background-color:#3a3a3a;background-image:linear-gradient(45deg,#444 25%,transparent 25%),linear-gradient(-45deg,#444 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#444 75%),linear-gradient(-45deg,transparent 75%,#444 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px}.design-card .card-image{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.design-card:hover .card-image{transform:scale(1.05)}.design-card .card-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-tertiary)}.design-card .card-image-placeholder svg{width:48px;height:48px}.design-card .card-image-placeholder span{font-size:.875rem}.design-card .card-concept-title{flex:1;min-width:0;padding:0;background:none;border:none;font-size:.8125rem;font-weight:600;color:inherit;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s ease}.design-card .card-concept-title:hover{opacity:.7}.design-card .card-concept-title-plain{flex:1;min-width:0;font-size:.8125rem;font-weight:600;color:inherit;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-card .card-bg-badge{position:absolute;bottom:var(--space-xs);left:var(--space-xs);display:flex;align-items:center;gap:3px;padding:2px 6px;font-size:.625rem;font-weight:700;letter-spacing:.03em;color:var(--text-on-accent);background:var(--accent-primary);border-radius:var(--radius-sm);opacity:.85;pointer-events:none}.design-card .card-bg-badge svg{width:10px;height:10px}.design-card .card-hover-actions{position:absolute;top:var(--space-xs);right:var(--space-xs);display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.design-card:hover .card-hover-actions{opacity:1}.design-card .card-hover-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.design-card .card-hover-btn:hover:not(:disabled){background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.design-card .card-hover-btn:disabled{opacity:.5;cursor:not-allowed}.design-card .card-hover-btn svg{width:14px;height:14px}.design-card .card-footer{display:flex;flex-direction:column;align-items:center;gap:0;padding:0;border-top:1px solid var(--border-subtle)}.design-card .card-channel-row{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px var(--space-sm);width:100%;border-bottom:1px solid var(--border-subtle)}.design-card .card-channel-avatar{width:18px;height:18px;border-radius:50%;flex-shrink:0}.design-card .card-channel-title{font-size:.75rem;color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-card .card-date{font-size:.625rem;color:var(--text-tertiary);font-family:var(--font-mono);padding:4px var(--space-sm)}.spinner-small{width:12px;height:12px;border:2px solid rgba(132,169,140,.2);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.mockup-set-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-subtle);animation:slideUp .3s ease-out forwards}.mockup-set-card:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.mockup-set-card .card-header-row{display:flex;align-items:center;justify-content:space-between;padding:6px var(--space-sm);gap:var(--space-xs)}.mockup-set-card .card-header-row.rating-pending{background:var(--bg-tertiary);color:var(--text-secondary)}.mockup-set-card .card-header-row.rating-excellent{background:#00c48c26;color:var(--accent-success)}.mockup-set-card .card-header-row.rating-good{background:#84a98c26;color:var(--accent-primary)}.mockup-set-card .card-header-row.rating-average{background:#ffc10726;color:#ffc107}.mockup-set-card .card-header-row.rating-poor{background:#ff6b6b26;color:var(--accent-secondary)}.mockup-set-card .card-concept-title{flex:1;min-width:0;padding:0;background:none;border:none;font-size:.8125rem;font-weight:600;color:inherit;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s ease}.mockup-set-card .card-concept-title:hover{opacity:.7}.mockup-set-card .card-concept-title-plain{flex:1;min-width:0;font-size:.8125rem;font-weight:600;color:inherit;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-set-card .card-rating{font-size:.8125rem;font-weight:700;flex-shrink:0}.mockup-set-card .card-image-container{position:relative;aspect-ratio:1 / 1;background:var(--bg-tertiary);background-image:none;overflow:hidden;padding:0;display:block;cursor:zoom-in}.mockup-set-card .card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.mockup-set-card .variant-score-overlay{position:absolute;bottom:var(--space-xs);right:var(--space-xs)}.mockup-set-card:hover .card-image{transform:scale(1.05)}.mockup-set-card .card-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-tertiary)}.mockup-set-card .card-image-placeholder svg{width:48px;height:48px}.mockup-set-card .card-image-placeholder span{font-size:.875rem}.mockup-set-card .listing-badge{position:absolute;bottom:var(--space-xs);left:var(--space-xs);display:flex;align-items:center;gap:3px;background:#146e3cd1;color:#b9f5d0;padding:2px 7px 2px 5px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.mockup-set-card .listing-badge svg{width:11px;height:11px;flex-shrink:0}.mockup-count-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:#000000b3;color:#fff;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:background .2s ease}.mockup-count-badge:hover{background:var(--accent-primary)}.mockup-card-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000e0;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.mockup-card-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md);cursor:default;box-shadow:0 8px 48px #0009}.mockup-card-lightbox-close{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:background .2s ease}.mockup-card-lightbox-close:hover{background:#ffffff40}.mockup-card-lightbox-close svg{width:16px;height:16px}.mockup-set-card .card-footer{display:flex;flex-direction:column;align-items:center;gap:0;padding:0;border-top:1px solid var(--border-subtle)}.mockup-set-card .card-channel-row{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px var(--space-sm);width:100%;border-bottom:1px solid var(--border-subtle)}.mockup-set-card .card-channel-avatar{width:18px;height:18px;border-radius:50%;flex-shrink:0}.mockup-set-card .card-channel-title{font-size:.75rem;color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-set-card .card-date-row{display:flex;align-items:center;justify-content:space-between;padding:4px var(--space-sm);gap:var(--space-xs);width:100%}.mockup-set-card .card-product-name{flex:1;font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mockup-set-card .card-date{font-size:.625rem;color:var(--text-tertiary);font-family:var(--font-mono);flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000;animation:fadeIn .2s ease-out}.modal-container{position:relative;background:var(--bg-secondary);border-radius:var(--radius-xl);max-width:1000px;max-height:90vh;width:100%;overflow:hidden;border:1px solid var(--border-default);box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.modal-close svg{width:18px;height:18px}.modal-content{display:grid;grid-template-columns:1fr 1fr;max-height:90vh}@media (max-width: 768px){.modal-content{grid-template-columns:1fr}}.modal-image-section{background:var(--bg-tertiary);display:flex;flex-direction:column;min-height:300px;max-height:90vh}.image-tabs{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.image-tabs .ui-tabs{background:transparent;padding:0}.image-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.image-tab:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.image-tab.active{background:var(--accent-primary);color:var(--text-inverse)}.image-tab:disabled{opacity:.4;cursor:not-allowed}.image-tab svg{width:16px;height:16px;flex-shrink:0}.image-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);overflow:hidden;position:relative;min-height:400px;background:var(--bg-tertiary)}.modal-image-full{max-width:100%;max-height:calc(90vh - 120px);width:auto;height:auto;object-fit:contain;cursor:zoom-in;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:transform .2s ease}.modal-image-full:hover{transform:scale(1.01)}.modal-image-full.transparent{background-image:linear-gradient(45deg,#666 25%,transparent 25%),linear-gradient(-45deg,#666 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#666 75%),linear-gradient(-45deg,transparent 75%,#666 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#888;box-shadow:0 4px 20px #0006}.modal-image-full.original{border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}.modal-image-full.preview{box-shadow:0 8px 32px #0000004d}.composite-image-container{position:relative;max-width:100%;max-height:calc(90vh - 120px);cursor:zoom-in;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;transition:transform .2s ease}.composite-image-container:hover{transform:scale(1.01)}.composite-bg{display:block;max-width:100%;max-height:calc(90vh - 120px);width:auto;height:auto;object-fit:contain}.composite-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.lightbox-composite{max-width:95vw;max-height:95vh;cursor:default;border-radius:var(--radius-lg)}.lightbox-composite .composite-bg{max-width:95vw;max-height:95vh}.image-hint{font-size:.75rem;color:var(--text-tertiary);opacity:.7;margin-top:var(--space-sm);position:absolute;bottom:var(--space-md)}.modal-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--text-tertiary);padding:var(--space-2xl)}.modal-image-placeholder svg{width:64px;height:64px}.modal-details{padding:var(--space-xl);overflow-y:auto;max-height:90vh}.modal-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);padding-right:40px}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;word-break:break-word;flex:1}.header-rating{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);flex-shrink:0}.header-rating.excellent{color:var(--accent-success)}.header-rating.good{color:var(--accent-primary)}.header-rating.average{color:var(--accent-warning)}.header-rating.poor{color:var(--accent-secondary)}.header-rating.pending{color:var(--text-tertiary)}.status-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.modal-status,.modal-qc{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modal-status.generated{background:#84a98c26;color:var(--accent-primary)}.modal-status.qc_passed{background:#00c48c26;color:var(--accent-success)}.modal-status.qc_failed{background:#ff6b6b26;color:var(--accent-secondary)}.modal-qc.pending{background:#ffb34726;color:var(--accent-warning)}.modal-qc.passed{background:#00c48c26;color:var(--accent-success)}.modal-qc.failed{background:#ff6b6b26;color:var(--accent-secondary)}.detail-sections{display:grid;gap:var(--space-lg)}.detail-section{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md)}.section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:space-between}.copy-btn{width:24px;height:24px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.copy-btn:hover{color:var(--accent-primary);background:var(--bg-hover)}.copy-btn svg{width:14px;height:14px}.detail-list{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-row{display:flex;justify-content:space-between;gap:var(--space-md);font-size:.875rem}.detail-row dt{color:var(--text-secondary);flex-shrink:0}.detail-row dd{color:var(--text-primary);text-align:right;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-xs)}.detail-row dd.mono{font-family:var(--font-mono);font-size:.75rem;word-break:break-all;text-align:right}.color-swatch{width:14px;height:14px;border-radius:3px;border:1px solid var(--border-default);flex-shrink:0}.prompt-text{font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-sm);max-height:200px;overflow-y:auto}.rating-feedback{white-space:normal;word-break:break-word;line-height:1.5;text-align:left!important}.fan-rating-section{background:var(--bg-tertiary)}.fan-rating-display{display:flex;flex-direction:column;gap:var(--space-md)}.fan-rating-score{font-size:2rem;font-weight:700;font-family:var(--font-mono)}.fan-rating-score.excellent{color:var(--accent-success)}.fan-rating-score.good{color:var(--accent-primary)}.fan-rating-score.average{color:var(--accent-warning)}.fan-rating-score.poor{color:var(--accent-secondary)}.fan-rating-score.pending{color:var(--text-tertiary);font-size:1.25rem}.fan-rating-feedback{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.modal-actions{margin-top:var(--space-xl);display:flex;gap:var(--space-sm)}.action-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.action-btn.primary{background:var(--accent-primary);color:var(--text-inverse)}.action-btn.primary:hover{background:#00c4e6;box-shadow:0 0 20px #84a98c4d}.action-btn svg{width:16px;height:16px}.image-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.image-lightbox{position:relative;max-width:95vw;max-height:95vh;width:fit-content;height:fit-content;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-default);box-shadow:var(--shadow-lg)}.image-lightbox-close{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;border-radius:var(--radius-md);background:#0000008c;border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-lightbox-close svg{width:18px;height:18px}.image-lightbox-img{display:block;max-width:95vw;max-height:95vh;object-fit:contain}.image-lightbox-img.processed{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#fff}.mockup-gallery-container{position:relative;width:90vw;max-width:1200px;max-height:90vh;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out forwards}.mockup-gallery-header{padding:var(--space-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.mockup-gallery-title-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.mockup-gallery-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.mockup-gallery-title-text{display:flex;flex-direction:column;min-width:0;flex:1}.mockup-gallery-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-gallery-product{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-gallery-scores{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-sm)}.score-metric{display:flex;flex-direction:column;align-items:center;gap:2px}.score-label{font-size:.6875rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.mockup-gallery-meta{display:flex;align-items:center;gap:var(--space-md)}.mockup-gallery-meta .meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--text-secondary)}.mockup-gallery-meta .meta-item svg{width:16px;height:16px}.mockup-gallery-meta .meta-item.blueprint{padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem}.mockup-gallery-show-low{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.mockup-gallery-show-low input{width:1rem;height:1rem;accent-color:var(--accent-primary, #0ea5e9);cursor:pointer}.mockup-gallery-show-low span{white-space:nowrap}.mockup-gallery-show-low.disabled{opacity:.45;cursor:default}.mockup-gallery-show-low.disabled input{cursor:default}.mockup-gallery-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.mockup-gallery-loading,.mockup-gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);color:var(--text-tertiary)}.mockup-gallery-loading .spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.mockup-gallery-empty svg{width:64px;height:64px}.mockup-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.mockup-gallery-item{background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.mockup-gallery-item:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.mockup-gallery-item.primary{border-color:var(--accent-success)}.mockup-image-wrapper{position:relative;aspect-ratio:1 / 1;background:var(--bg-secondary)}.mockup-image-wrapper img{width:100%;height:100%;object-fit:cover}.mockup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.mockup-gallery-item:hover .mockup-overlay{opacity:1}.mockup-overlay .view-btn{background:var(--accent-primary);color:var(--text-inverse);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.primary-badge{position:absolute;top:var(--space-xs);left:var(--space-xs);background:var(--accent-success);color:var(--text-inverse);padding:2px 6px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;text-transform:uppercase}.stylist-score-badge{position:absolute;top:var(--space-xs);right:var(--space-xs)}.style-score-badge{position:absolute;bottom:var(--space-xs);left:var(--space-xs)}.mockup-item-info{padding:var(--space-sm);display:flex;flex-direction:column;gap:4px}.mockup-item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xs)}.mockup-item-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.mockup-style-id{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-tertiary);background:var(--bg-secondary);padding:1px 4px;border-radius:var(--radius-xs)}.mockup-item-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.mockup-item-placement{font-size:.75rem;color:var(--text-tertiary);text-transform:capitalize}.mockup-item-color{font-size:.75rem;font-weight:500;color:var(--accent-primary);background:rgba(var(--accent-primary-rgb, 0, 102, 255),.1);padding:0 4px;border-radius:2px}.mockup-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1001;padding:var(--space-lg)}.mockup-detail-container{position:relative;display:flex;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;max-width:1000px;max-height:80vh}.mockup-detail-close{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.mockup-detail-close:hover{background:var(--accent-secondary);color:#fff}.mockup-detail-close svg{width:18px;height:18px}.mockup-detail-image-section{flex:1;min-width:400px;max-width:600px;display:flex;flex-direction:column;background:var(--bg-tertiary)}.mockup-detail-image-section .image-tabs{display:flex;gap:2px;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.mockup-detail-image-section .image-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mockup-detail-image-section .image-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.mockup-detail-image-section .image-tab.active{background:var(--accent-primary);color:var(--text-inverse)}.mockup-detail-image-section .image-tab svg{width:16px;height:16px;flex-shrink:0}.mockup-detail-image{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.mockup-detail-image img{max-width:100%;max-height:75vh;object-fit:contain}.mockup-detail-info{width:320px;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto}.mockup-detail-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.mockup-detail-list{display:flex;flex-direction:column;gap:var(--space-sm)}.mockup-detail-list .detail-row{display:flex;justify-content:space-between;padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.mockup-detail-list dt{font-size:.8125rem;color:var(--text-tertiary)}.mockup-detail-list dd{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.detail-color-value{color:var(--accent-primary)!important;font-weight:600!important}.detail-row--feedback{flex-direction:column;gap:var(--space-xs)}.stylist-feedback-text{font-size:.8125rem;line-height:1.5;color:var(--text-secondary)!important;font-weight:400!important;word-wrap:break-word}.recommendation-badges{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.recommendation-badge{display:flex;flex-direction:column;gap:2px;padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.recommendation-label{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:capitalize}.recommendation-value{font-size:.75rem;font-weight:500;color:var(--text-primary);line-height:1.4}.mockup-detail-actions{margin-top:auto;padding-top:var(--space-md)}.mockup-detail-actions .action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.mockup-detail-actions .action-btn.primary{background:var(--accent-primary);color:var(--text-inverse)}.mockup-detail-actions .action-btn.primary:hover{background:var(--accent-primary-hover)}.mockup-detail-actions .action-btn svg{width:16px;height:16px}@media (max-width: 768px){.mockup-gallery-container{width:95vw}.mockup-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.mockup-detail-container{flex-direction:column;max-height:90vh}.mockup-detail-image{min-width:unset;max-height:50vh}.mockup-detail-info{width:100%}}.range-slider{display:flex;align-items:center;gap:var(--space-sm)}.range-slider-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.range-slider-container{display:flex;align-items:center;gap:var(--space-sm)}.range-slider-value{font-size:.75rem;font-weight:600;color:var(--accent-primary);min-width:20px;text-align:center}.range-slider-track{position:relative;width:180px;height:24px;cursor:pointer;display:flex;align-items:center}.range-slider-track-bg{position:absolute;left:0;right:0;height:4px;background:var(--bg-tertiary);border-radius:2px}.range-slider-track-fill{position:absolute;height:4px;background:var(--accent-primary);border-radius:2px}.range-slider-knob{position:absolute;width:16px;height:16px;background:var(--accent-primary);border:2px solid var(--bg-primary);border-radius:50%;transform:translate(-50%);cursor:grab;transition:transform .1s ease,box-shadow .1s ease;z-index:2}.range-slider-knob:hover{transform:translate(-50%) scale(1.15);box-shadow:var(--shadow-glow)}.range-slider-knob.active{cursor:grabbing;transform:translate(-50%) scale(1.2);box-shadow:var(--shadow-glow)}.range-slider-knob.min{z-index:3}.range-slider-knob.max{z-index:2}.admin-review-tab{padding:var(--space-lg) 0;display:flex;flex-direction:column;gap:var(--space-xl)}.admin-review-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs);letter-spacing:-.01em}.admin-review-instructions{font-size:.875rem;color:var(--text-secondary);margin:0}.admin-review-slots{display:flex;flex-direction:column;gap:3rem}.admin-review-slot{background:color-mix(in srgb,var(--bg-card) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:20px;padding:var(--space-xl);box-shadow:0 12px 32px #0000001f}.admin-slot-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.admin-slot-header__left{min-width:0}.admin-slot-title-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs)}.admin-slot-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0}.admin-slot-index{display:inline-flex;align-items:center;background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);border-radius:999px;padding:2px 10px;color:var(--accent-primary);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-shrink:0}.admin-slot-intent{color:var(--text-secondary);font-size:.875rem;margin:0}.admin-slot-selection-count{font-size:.8125rem;font-weight:500;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 15%,transparent);padding:4px 12px;border-radius:999px;white-space:nowrap;flex-shrink:0}.admin-slot-body{display:flex;gap:var(--space-lg);align-items:flex-start}.admin-slot-main{flex:1;min-width:0}.admin-product-strip{display:flex;flex-direction:column;gap:var(--space-sm);flex-shrink:0;width:80px;max-height:400px;overflow-y:auto;overflow-x:visible;padding-top:4px}.admin-product-strip::-webkit-scrollbar{width:3px}.admin-product-strip::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.admin-product-strip__item{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative}.admin-product-strip__thumb{width:72px;height:72px;border-radius:12px;overflow:hidden;border:2px solid var(--border-color);background:var(--bg-primary);cursor:pointer;padding:0;position:relative;transition:all .2s ease}.admin-product-strip__thumb:hover{border-color:color-mix(in srgb,var(--accent-primary) 50%,transparent);opacity:.85}.admin-product-strip__item.active .admin-product-strip__thumb{border-color:var(--accent-primary);box-shadow:0 0 12px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.admin-product-strip__item:not(.active) .admin-product-strip__thumb{opacity:.5}.admin-product-strip__item:not(.active):hover .admin-product-strip__thumb{opacity:.85}.admin-product-strip__thumb img{width:100%;height:100%;object-fit:cover;display:block}.admin-product-strip__placeholder{width:100%;height:100%;background:var(--bg-secondary, var(--bg-primary))}.admin-product-strip__dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 4px var(--accent-primary)}.admin-design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-lg)}.admin-design-card{aspect-ratio:1 / 1;border-radius:16px;overflow:visible;position:relative;background:var(--bg-primary);border:3px solid var(--border-color);cursor:pointer;outline:none;transition:all .25s ease}.admin-design-card:hover:not(.disabled){transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.admin-design-card:focus-visible:not(.disabled){border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.admin-design-card.selected{border-color:var(--color-gold, #D4AF37);box-shadow:0 0 20px color-mix(in srgb,var(--color-gold) 15%,transparent);transform:scale(1.02)}.admin-design-card.selected:hover{transform:scale(1.02)}.admin-design-card.is-best{border-color:var(--color-gold, #D4AF37);box-shadow:0 0 24px color-mix(in srgb,var(--color-gold) 25%,transparent)}.admin-design-card.disabled{opacity:.4;cursor:not-allowed}.admin-design-check{position:absolute;top:-11px;right:-11px;width:24px;height:24px;border-radius:50%;background:var(--color-gold, #D4AF37);color:#fff;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 2px 6px #00000040;pointer-events:none}.admin-design-select-pill{position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--color-gold, #D4AF37);color:#fff;border:none;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600;cursor:pointer;z-index:3;opacity:0;transition:opacity .15s ease,background .15s ease;box-shadow:0 2px 6px #0003;letter-spacing:.02em}.admin-design-card:not(.selected):not(.disabled):hover .admin-design-select-pill{opacity:1}.admin-design-select-pill:hover{background:color-mix(in srgb,var(--color-gold) 85%,#000)}.admin-design-image{position:relative;width:100%;height:100%;overflow:hidden;border-radius:13px}.admin-design-image img{width:100%;height:100%;object-fit:cover;display:block}.admin-design-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-muted, var(--text-secondary));text-align:center;padding:var(--space-sm)}.admin-design-risk{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--color-warning, #E9B28E);color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}.admin-design-info{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);gap:var(--space-xs);background:color-mix(in srgb,var(--bg-card) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:0 0 13px 13px}.admin-design-best-btn{background:none;border:none;padding:2px 4px;font-size:1.25rem;cursor:pointer;color:var(--text-muted, var(--text-secondary));line-height:1;transition:color .15s,transform .1s}.admin-design-best-btn:not(:disabled):hover{color:var(--color-gold, #D4AF37);transform:scale(1.2)}.admin-design-best-btn.is-best{color:var(--color-gold, #D4AF37)}.admin-design-best-btn:disabled{opacity:.3;cursor:not-allowed}.admin-review-footer{display:flex;justify-content:flex-end;padding-top:var(--space-md);border-top:1px solid var(--border-color)}.analysis-sub-tabs{margin-bottom:calc(-1 * var(--space-md));position:sticky;top:0;z-index:5;background:var(--bg-primary);padding:2px 0}.analysis-sub-tabs .ui-tabs__tab{min-width:120px;text-align:center;justify-content:center}.back-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-default)}.back-btn svg{width:16px;height:16px;flex-shrink:0}.youtube-channel-page{display:flex;flex-direction:column;gap:var(--space-md);padding-bottom:var(--space-2xl)}.channel-hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:200px}.page-banner{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.page-banner img{width:100%;height:100%;object-fit:cover;opacity:.15}.page-header{display:flex;flex-direction:column;gap:var(--space-md);position:relative;z-index:1;padding:var(--space-lg)}.header-info{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xl)}.title-with-avatar{display:flex;align-items:flex-start;gap:var(--space-lg);flex:1}.title-and-stats{display:flex;flex-direction:column;gap:var(--space-xs)}.title-row{display:flex;align-items:baseline;gap:var(--space-md);flex-wrap:wrap}.header-stats{display:flex;gap:var(--space-xl);margin-top:4px}.header-stat-item{display:flex;flex-direction:column}.header-stat-item .stat-value{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.header-stat-item .stat-label{font-size:.6875rem;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px}.header-avatar{width:84px;height:84px;border-radius:50%;border:4px solid var(--bg-card);background:var(--bg-card);box-shadow:var(--shadow-md);flex-shrink:0}.header-info h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.channel-handle,.channel-location{font-size:.875rem;color:var(--text-tertiary);font-weight:500}.header-actions{display:flex;align-items:flex-start;gap:var(--space-sm)}.icon-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-decoration:none}.icon-action-btn svg{width:22px;height:22px}.icon-action-btn:hover{background:#00000080;transform:translateY(-2px)}.icon-action-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#000}.icon-action-btn.primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px #84a98c66}.icon-action-btn.youtube{background:#ff000026;border-color:#ff00004d;color:#f44}.icon-action-btn.youtube:hover{background:#ff000040}.icon-action-btn.shopify{background:#96bf4826;border-color:#96bf484d;color:#96bf48}.icon-action-btn.shopify:hover{background:#96bf4840}.icon-action-btn.warning{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.icon-action-btn.warning:hover{background:var(--color-warning);color:var(--color-charcoal)}.icon-action-btn.danger{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.icon-action-btn.danger:hover{background:var(--color-error);color:#fff}.icon-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:8px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.action-btn.generate-identity{background:var(--accent-primary);color:#000}.action-btn.generate-identity:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #84a98c4d}.action-btn.cleanup-btn{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.action-btn.cleanup-btn:hover{background:var(--color-error);color:#fff;box-shadow:0 4px 12px var(--color-error-bg)}.action-btn.cleanup-btn:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none}.action-btn.cleanup-artifacts{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning)}.action-btn.cleanup-artifacts:hover{background:var(--color-warning);color:var(--color-charcoal);box-shadow:0 4px 12px var(--color-warning-bg)}.action-btn.cleanup-full{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.action-btn.cleanup-full:hover{background:var(--color-error);color:#fff;box-shadow:0 4px 12px var(--color-error-bg)}.spinner-small{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.action-btn svg{width:18px;height:18px}.channel-link{display:flex;align-items:center;gap:var(--space-xs);color:var(--accent-primary);text-decoration:none;font-weight:600;font-size:.875rem;transition:opacity .2s ease}.channel-link:hover{opacity:.8}.channel-link svg{width:14px;height:14px}.channel-link.shopify-link{color:#96bf48;background:#96bf481a;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid rgba(150,191,72,.3)}.channel-link.shopify-link:hover{background:#96bf4833;opacity:1}.channel-link.shopify-link svg:first-child{width:16px;height:16px}.channel-about-tab{display:flex;flex-direction:column;gap:var(--space-xl)}.channel-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}@media (max-width: 1024px){.channel-info-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.channel-info-grid{grid-template-columns:1fr}}.summary-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;gap:var(--space-md)}.info-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.info-card h3{margin:0;font-size:.75rem;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:1px}.info-card p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--text-secondary)}.channel-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:var(--space-md)}.keyword-tag{font-size:.75rem;padding:2px 8px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-tertiary)}.publish-frequency{background:#84a98c0d;border:1px solid rgba(132,169,140,.1);padding:var(--space-sm);border-radius:var(--radius-md);margin-top:auto}.publish-frequency strong{display:block;font-size:.625rem;text-transform:uppercase;color:var(--color-sage-dark);margin-bottom:2px}.publish-frequency span{font-size:.875rem;color:var(--text-primary);font-weight:500}.social-links-section{border-top:1px solid var(--border-subtle);padding-top:var(--space-md);margin-top:auto}.social-links-section h4{margin:0 0 var(--space-sm) 0;font-size:.6875rem;text-transform:uppercase;color:var(--text-tertiary)}.social-links-list{display:flex;flex-direction:column;gap:6px}.social-link-item{font-size:.8125rem;color:var(--accent-primary);text-decoration:none;transition:opacity .2s}.social-link-item:hover{text-decoration:underline}.stats-list{display:flex;flex-direction:column;gap:var(--space-sm)}.channel-content-section{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-md)}.content-tabs{display:flex;gap:var(--space-sm);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-sm)}.content-tab.active{background:var(--bg-tertiary);color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);outline:none}.content-tab.active:focus{outline:none;box-shadow:0 0 0 1px var(--accent-primary)}.tab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-md);color:var(--text-tertiary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.empty-tab{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary);background:var(--bg-card);border-radius:var(--radius-lg);border:1px dashed var(--border-subtle)}.assets-filter-bar{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.assets-filter-bar .select-dropdown{min-width:180px}.assets-filter-count{font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap}.source-images-section{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.source-images-title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-md) 0}.source-images-grid{display:flex;gap:var(--space-lg);flex-wrap:wrap}.source-asset-card{width:200px;flex-shrink:0}.source-asset-card .asset-image-container{aspect-ratio:1}.source-banner-card{width:400px}.source-banner-card .asset-image-container{aspect-ratio:16 / 9}.source-badge{background:var(--accent-primary);color:#fff}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.asset-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;animation:fadeSlideUp .3s cubic-bezier(.16,1,.3,1) both;transition:border-color .2s,box-shadow .2s}.asset-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.asset-image-container{position:relative;width:100%;aspect-ratio:1;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden}.asset-image{max-width:100%;max-height:100%;object-fit:contain}.asset-info{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.asset-badges{display:flex;gap:var(--space-xs);flex-wrap:wrap}.asset-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:capitalize}.asset-type-badge{background:var(--bg-tertiary);color:var(--text-secondary)}.asset-type-creator_face{background:#dbeafe;color:#1e40af}.asset-type-recurring_character{background:#ede9fe;color:#5b21b6}.asset-type-channel_logo{background:#fef3c7;color:#92400e}.asset-type-signature_object{background:#d1fae5;color:#065f46}.asset-type-notable_location{background:#ffe4e6;color:#9f1239}.asset-quality-badge{border:1px solid var(--border-subtle)}.asset-quality-high{background:#d1fae5;color:#065f46}.asset-quality-medium{background:#fef3c7;color:#92400e}.asset-value-badge{font-weight:700;letter-spacing:.02em}.asset-value-badge.value-high{background:var(--accent-primary);color:#fff}.asset-value-badge.value-mid{background:#fef3c7;color:#92400e}.asset-value-badge.value-low{background:#fee2e2;color:#991b1b}.asset-quality-low{background:#ffe4e6;color:#9f1239}.asset-status-selected{background:#d1fae5;color:#065f46}.asset-status-duplicated{background:var(--bg-tertiary);color:var(--text-tertiary);opacity:.7}.asset-card:has(.asset-status-duplicated){opacity:.6}.asset-card:has(.asset-status-duplicated):hover{opacity:.85}.asset-legacy-id{font-size:var(--text-2xs, 10px);color:var(--text-tertiary);background:var(--bg-tertiary);padding:1px 5px;border-radius:var(--radius-sm);font-family:monospace;-webkit-user-select:all;user-select:all}.asset-description{font-size:var(--text-sm);color:var(--text-primary);line-height:1.4;margin:0}.asset-relevance{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.4;font-style:italic;margin:0}.asset-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);padding-top:var(--space-xs);border-top:1px solid var(--border-subtle)}.asset-meta-item{font-size:var(--text-xs);color:var(--text-tertiary)}.asset-processed{display:flex;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle);margin-top:var(--space-xs)}.asset-processed-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs)}.asset-processed-thumb{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.asset-processed-label{font-size:var(--text-2xs, 10px);color:var(--text-tertiary);text-transform:capitalize}.channel-pipeline-control{max-width:800px;margin:0 auto}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-row .label{font-size:.8125rem;color:var(--text-tertiary)}.stat-row .value{font-size:1rem;font-weight:600;color:var(--text-primary)}.videos-section h2{font-size:1.5rem;margin-bottom:var(--space-lg);color:var(--text-primary)}.videos-list{display:flex;flex-direction:column;gap:var(--space-md)}.videos-toolbar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--space-md)}.videos-sort{display:flex;align-items:center;gap:var(--space-sm)}.videos-sort-label{font-size:.8125rem;color:var(--text-tertiary)}.videos-sort-select{padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary)}.video-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;gap:var(--space-lg);transition:all .2s ease}.video-item:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.video-thumbnail{position:relative;width:240px;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary)}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff;text-decoration:none}.video-thumbnail:hover .play-overlay{opacity:1}.play-overlay svg{width:48px;height:48px;filter:drop-shadow(0 0 8px rgba(0,0,0,.5))}.video-content{flex:1;display:flex;flex-direction:column;min-width:0}.video-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-xs)}.video-header-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.video-action-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.video-action-btn.generate{background:#84a98c1a;color:var(--accent-primary);border-color:#84a98c33}.video-action-btn.generate:hover{background:var(--accent-primary);color:#000}.video-action-btn svg{width:14px;height:14px}.video-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;color:var(--text-tertiary);margin-bottom:var(--space-md)}.video-link{display:flex;align-items:center;gap:4px;color:var(--accent-primary);text-decoration:none;font-size:.75rem;font-weight:600;padding:4px 8px;background:var(--color-success-bg);border-radius:4px;white-space:nowrap}.video-link:hover{background:#ff00001a}.video-link svg{width:12px;height:12px}.video-transcript{background:var(--bg-tertiary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-top:auto}.video-transcript h5{margin:0 0 4px;font-size:.625rem;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px}.video-transcript p{margin:0;font-size:.75rem;color:var(--text-secondary);font-style:italic;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 640px){.video-item{flex-direction:column}.video-thumbnail{width:100%}}.video-item.clickable{cursor:pointer}.video-item.clickable:active{transform:scale(.995)}.video-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.video-detail-card{background:var(--bg-card);width:100%;max-width:1000px;max-height:90vh;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.close-detail{position:absolute;top:var(--space-md);right:var(--space-md);background:#00000080;border:1px solid rgba(255,255,255,.1);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s}.close-detail:hover{background:#ffffff1a;transform:rotate(90deg)}.detail-header{display:grid;grid-template-columns:400px 1fr;gap:var(--space-xl);padding:var(--space-xl);background:linear-gradient(to bottom,var(--bg-tertiary),var(--bg-card));border-bottom:1px solid var(--border-subtle)}.detail-thumbnail{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 9;box-shadow:var(--shadow-lg)}.detail-thumbnail img{width:100%;height:100%;object-fit:cover}.detail-play-btn{position:absolute;bottom:var(--space-md);right:var(--space-md);background:var(--accent-primary);color:var(--text-inverse);text-decoration:none;padding:8px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:8px;transition:transform .2s}.detail-play-btn:hover{transform:scale(1.05);background:var(--accent-primary-hover)}.detail-play-btn svg{width:16px;height:16px}.detail-main-info h2{margin:0 0 var(--space-md) 0;font-size:1.75rem;color:var(--text-primary);line-height:1.2}.detail-header-actions{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.detail-action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.detail-action-btn.generate{background:var(--accent-primary);color:#000}.detail-action-btn.generate:hover{filter:brightness(1.1);box-shadow:0 4px 12px #84a98c33}.detail-action-btn svg{width:18px;height:18px}.detail-meta{display:flex;gap:var(--space-md);color:var(--text-tertiary);font-size:.9375rem}.detail-content{flex:1;overflow-y:auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl)}.detail-section h3{font-size:.75rem;text-transform:uppercase;color:var(--color-sage-dark);letter-spacing:1px;margin:0 0 var(--space-sm) 0}.detail-description{font-size:.9375rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;background:var(--bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md)}.detail-transcript{font-size:.9375rem;line-height:1.8;color:var(--text-secondary);white-space:pre-wrap;background:var(--bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-md);border-left:4px solid var(--accent-primary)}@media (max-width: 900px){.detail-header{grid-template-columns:1fr}.detail-thumbnail{max-width:500px}}.info-card.design-guide-card{grid-column:1 / -1;border-color:#84a98c4d;background:linear-gradient(145deg,var(--bg-card),rgba(132,169,140,.05))}.info-card.brand-signals-card{border-color:#a98ca94d;background:linear-gradient(145deg,var(--bg-card),rgba(169,140,169,.05))}.info-card.persona-analysis-card{grid-column:1 / -1}.info-card.thematic-analysis-card{grid-column:1 / -1;border-color:#7aadcc4d;background:linear-gradient(145deg,var(--bg-card),rgba(122,173,204,.05))}.thematic-items{display:flex;flex-direction:column;gap:var(--space-md)}.thematic-item{padding:var(--space-sm) var(--space-md);border-left:3px solid var(--accent-primary);background:var(--bg-secondary);border-radius:0 6px 6px 0}.thematic-item-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:4px}.thematic-item-title{font-weight:600;font-size:.875rem;color:var(--text-primary)}.thematic-item-desc{font-size:.8125rem;color:var(--text-secondary);margin:0 0 var(--space-xs);line-height:1.5}.thematic-detail{font-size:.75rem;color:var(--text-tertiary);line-height:1.4;margin-top:2px}.thematic-detail-label{font-weight:600;color:var(--text-secondary)}.prevalence-strong{background:#82c28526;color:var(--color-success)}.prevalence-moderate{background:#7aadcc26;color:var(--color-info)}.prevalence-emerging{background:#e9b28e26;color:var(--color-warning)}.freedom-metrics{display:flex;gap:var(--space-lg);flex-wrap:wrap}.freedom-metric{display:flex;flex-direction:column;gap:4px}.freedom-metric .metric-label{font-size:.625rem;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px}.freedom-metric .metric-value{font-size:.875rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);text-transform:capitalize}.freedom-metric .metric-value.score{background:#84a98c26;color:var(--accent-primary)}.freedom-metric .metric-value.strength-strong{background:#82c28526;color:var(--color-success)}.freedom-metric .metric-value.strength-moderate{background:#7aadcc26;color:var(--color-info)}.freedom-metric .metric-value.strength-weak,.freedom-metric .metric-value.strength-emerging{background:#e9b28e26;color:var(--color-warning)}.freedom-metric .metric-value.approach-strict{background:#e5737326;color:var(--color-error)}.freedom-metric .metric-value.approach-balanced{background:#84a98c26;color:var(--accent-primary)}.freedom-metric .metric-value.approach-exploratory{background:#d4af3726;color:var(--color-gold)}.guidance-section{margin-top:var(--space-xs)}.approach-guidance{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:3px solid var(--color-gold)}.constraints-list,.opportunities-list{margin:0;padding-left:1.25rem;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.constraints-list li{color:var(--color-error);margin-bottom:4px}.constraints-list li::marker{color:var(--color-error)}.opportunities-list li{color:var(--text-secondary);margin-bottom:4px}.opportunities-list li::marker{color:var(--color-gold)}.asset-directions-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.asset-direction-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:var(--space-sm) var(--space-md)}.asset-direction-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:4px}.asset-type-label{font-weight:600;font-size:.8125rem;text-transform:capitalize;color:var(--text-primary)}.merch-value-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;padding:1px 8px;border-radius:9999px;letter-spacing:.03em}.merch-value-high{background:#82c28526;color:var(--color-success)}.merch-value-medium{background:#7aadcc26;color:var(--color-info)}.merch-value-low{background:#e9b28e26;color:var(--color-warning)}.asset-direction-usage{font-size:.8125rem;color:var(--text-secondary);margin:0 0 2px;line-height:1.4}.asset-direction-cautions{font-size:.75rem;color:var(--color-error);margin:0;line-height:1.4;font-style:italic}.design-guide-card>.design-guide-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md) var(--space-xl)}@media (max-width: 768px){.design-guide-card>.design-guide-list{grid-template-columns:1fr}}.design-guide-list{display:flex;flex-direction:column;gap:var(--space-md)}.guide-section{display:flex;flex-direction:column;gap:4px}.guide-section strong{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase}.guide-sub-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;margin-top:var(--space-xs)}.guide-section-items{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.guide-list{margin:0;padding-left:1.2rem;font-size:.875rem;color:var(--text-secondary)}.guide-list li{margin-bottom:4px}.palette-groups{display:flex;flex-direction:column;gap:var(--space-sm)}.palette-group{display:flex;flex-direction:column;gap:4px}.palette-group-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.4px}.palette-group-label.avoid-label{color:var(--color-error)}.palette-swatches{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.palette-swatch{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:default}.swatch-color{width:18px;height:18px;border-radius:4px;border:1px solid var(--border-subtle);flex-shrink:0}.swatch-name{font-size:.8rem;font-weight:500;color:var(--text-primary)}.swatch-hex{font-size:.7rem;color:var(--text-tertiary);font-family:monospace}.typography-details{display:flex;flex-direction:column;gap:var(--space-sm)}.typo-sub{display:flex;flex-direction:column;gap:2px}.typo-sub-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.4px}.typo-sub-label.avoid-label{color:var(--color-error)}.prompt-rules-details{display:flex;flex-direction:column;gap:var(--space-sm)}.prompt-rule-group{display:flex;flex-direction:column;gap:2px}.prompt-rule-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.4px}.prompt-rule-label.do-label{color:var(--color-success)}.prompt-rule-label.dont-label{color:var(--color-error)}.guide-list.do-list li::marker{color:var(--color-success)}.guide-list.dont-list li::marker{color:var(--color-error)}.guide-list.skeleton-list li{font-style:italic;color:var(--text-tertiary)}.analyst-oneliner{margin:0;font-size:.925rem;font-weight:500;color:var(--text-primary);line-height:1.5;font-style:italic}.persona-name{font-size:.925rem;font-weight:600;color:var(--accent-primary)}.guide-list.ip-risk-list li{color:var(--color-warning)}.guide-list.ip-risk-list li::marker{color:var(--color-warning)}.video-stats-row{display:flex;gap:var(--space-md);margin-top:4px;font-size:.75rem;color:var(--text-tertiary)}.detail-stats-row{display:flex;gap:var(--space-xl);margin-top:var(--space-md)}.detail-stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.625rem;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px}.stat-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.video-duration{font-weight:600;color:var(--text-secondary)}.video-summary-snippet{background:#84a98c0d;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-top:auto;border-left:3px solid var(--accent-primary)}.video-summary-snippet h5{margin:0 0 4px;font-size:.625rem;text-transform:uppercase;color:var(--color-sage-dark);letter-spacing:.5px}.video-summary-snippet p{margin:0;font-size:.8125rem;color:var(--text-primary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.loading-state,.error-state,.empty-videos{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary)}.youtube-video-page{display:flex;flex-direction:column;gap:var(--space-xl);padding-bottom:var(--space-2xl)}.video-header-main{display:flex;align-items:center;gap:var(--space-lg);flex:1}.video-header-thumbnail{position:relative;width:160px;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);flex-shrink:0}.video-header-thumbnail img{width:100%;height:100%;object-fit:cover}.header-play-btn{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.video-header-thumbnail:hover .header-play-btn{opacity:1}.header-play-btn svg{width:32px;height:32px}.video-title-container{display:flex;flex-direction:column;gap:4px}.video-title-container h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.video-content-section{display:flex;flex-direction:column;gap:var(--space-lg)}.video-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.video-details-grid .wide-card{grid-column:span 2}@media (max-width: 1024px){.video-details-grid{grid-template-columns:1fr}.video-details-grid .wide-card{grid-column:span 1}}.detail-summary{font-size:1rem;line-height:1.6;color:var(--text-primary);background:#84a98c08;padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid rgba(132,169,140,.1)}.detail-themes{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.theme-tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:4px 12px;border-radius:100px;font-size:.8125rem;font-weight:500;border:1px solid var(--border-subtle)}.detail-prospects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.prospect-card{background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.prospect-card h4{margin:0 0 8px;color:var(--accent-primary);font-size:1rem}.prospect-why{margin:0 0 12px;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.prospect-tags{display:flex;flex-wrap:wrap;gap:6px}.text-tag{font-size:.75rem;background:var(--bg-tertiary);color:var(--text-primary);padding:2px 8px;border-radius:4px;font-style:italic}.detail-description,.detail-transcript{font-size:.9375rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;background:var(--bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md)}.detail-transcript{line-height:1.8;border-left:4px solid var(--accent-primary)}.screenshots-card{grid-column:1 / -1}.screenshots-loading{padding:var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:.875rem}.screenshots-empty{padding:var(--space-md);text-align:center;color:var(--text-tertiary);font-size:.875rem;margin:0}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-md)}.screenshots-rows{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.screenshot-row{display:flex;gap:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.screenshot-row-image{position:relative;flex:0 0 280px;aspect-ratio:4 / 3;cursor:pointer;overflow:hidden;background:var(--bg-secondary);transition:opacity .15s ease}.screenshot-row-image:hover{opacity:.85}.screenshot-row-image img{width:100%;height:100%;object-fit:cover}.screenshot-row-context{flex:1;padding:var(--space-md);display:flex;align-items:flex-start;min-width:0}.screenshot-context-text{margin:0;font-size:.875rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.screenshot-context-empty{margin:0;font-size:.875rem;color:var(--text-tertiary);font-style:italic}.screenshot-thumb{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;background:var(--bg-secondary)}.screenshot-thumb:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003;z-index:1}.screenshot-thumb img{width:100%;height:100%;object-fit:cover}.screenshot-index{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;font-size:.625rem;font-weight:600;padding:2px 6px;border-radius:3px}.screenshot-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.screenshot-modal{position:relative;max-width:90vw;max-height:90vh;background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden}.screenshot-modal img{display:block;max-width:100%;max-height:calc(90vh - 50px);object-fit:contain}.screenshot-modal-close{position:absolute;top:var(--space-sm);right:var(--space-sm);background:#000000b3;color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;z-index:1;transition:background .15s ease}.screenshot-modal-close:hover{background:#000000e6}.screenshot-modal-info{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;text-align:center}.screenshots-tab-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);padding:var(--space-md)}.screenshots-tab-grid .screenshot-thumb{aspect-ratio:16 / 9}.screenshot-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:4px 8px;background:linear-gradient(transparent,#000c)}.screenshot-overlay .screenshot-index{position:static;background:none;padding:0}.screenshot-timestamp{color:#fff;font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums}.webhook-settings-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md)}.webhook-toggle-row{display:flex;flex-direction:column;gap:var(--space-sm)}.toggle-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.toggle-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.toggle-text{font-size:.9375rem;color:var(--text-primary)}.webhook-help-text{font-size:.8125rem;color:var(--text-tertiary);margin:0;padding-left:calc(18px + var(--space-sm))}.webhook-lease-info{font-size:.8125rem;color:var(--text-secondary);margin:0;padding-left:calc(18px + var(--space-sm))}.channel-settings-tab{max-width:640px}.settings-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.settings-row{margin-bottom:16px}.settings-hint{font-size:.8rem;color:var(--text-secondary);margin:4px 0 0 28px}.product-recs-card{grid-column:1 / -1}.product-recs-card .product-recs-meta{color:var(--text-secondary);font-size:.8rem;margin-bottom:12px}.product-recs-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-rec-item{display:grid;grid-template-columns:60px 1fr;gap:0 12px;padding:10px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);align-items:start}.product-rec-image{position:relative;width:60px;height:60px;border-radius:6px;overflow:hidden;background:var(--bg-tertiary, var(--bg-primary));flex-shrink:0}.product-rec-image img{width:100%;height:100%;object-fit:cover}.product-rec-no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.4rem;color:var(--text-tertiary, var(--text-secondary))}.product-rec-rank{position:absolute;bottom:2px;left:2px;font-weight:700;font-size:.65rem;color:#fff;background:#0009;padding:1px 5px;border-radius:4px;line-height:1.3}.product-rec-info{display:flex;flex-direction:column;gap:2px;min-width:0}.product-rec-name{font-weight:600;font-size:.85rem;color:var(--text-primary);line-height:1.3}.product-rec-category{font-size:.75rem;color:var(--accent-primary);font-weight:500}.product-rec-reasoning{font-size:.78rem;color:var(--text-secondary);margin:3px 0 0;line-height:1.4}.info-card.margin-recommendation-card{grid-column:1 / -1;border-color:#48bb7840;background:linear-gradient(145deg,var(--bg-card),rgba(72,187,120,.04))}.margin-recommendation-meta{color:var(--text-secondary);font-size:.8rem;margin:0 0 10px}.margin-recommendation-margins{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:12px}.margin-recommendation-margins .margin-optimal{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.margin-recommendation-margins .margin-label,.margin-recommendation-margins .margin-range{font-size:.85rem;color:var(--text-secondary)}.margin-recommendation-reasoning .margin-final-recommendation{font-size:.9rem;line-height:1.5;color:var(--text-secondary);margin:4px 0 0}.margin-reasoning-details{list-style:none;padding:0;margin:6px 0 0}.margin-reasoning-details li{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin-bottom:6px}.margin-reasoning-details .strategy-label{display:inline-block;min-width:100px}.margin-recommendation-examples{margin-top:12px}.margin-example-prices{display:flex;flex-direction:column;gap:6px;margin-top:6px}.margin-example-item{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;color:var(--text-secondary)}.margin-example-desc{color:var(--text-secondary)}.margin-example-retail{font-weight:600;color:var(--text-primary)}.margin-recommendation-computed{margin-top:12px}.margin-computed-hint{font-size:.8rem;color:var(--text-secondary);margin:0 0 8px}.margin-computed-list{display:flex;flex-direction:column;gap:6px}.margin-computed-item{display:flex;align-items:center;gap:12px;font-size:.9rem}.margin-computed-name{flex:1;color:var(--text-primary)}.margin-computed-cost{color:var(--text-secondary)}.margin-computed-retail{font-weight:600;color:var(--text-primary)}.info-card.market-research-card{grid-column:1 / -1;border-color:#457b9d40;background:linear-gradient(145deg,var(--bg-card),rgba(69,123,157,.04))}.market-research-meta{color:var(--text-secondary);font-size:.8rem;margin:0 0 12px}.market-research-viability{margin-bottom:16px}.viability-score-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.viability-label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.viability-score{font-size:1.25rem;font-weight:700;padding:2px 10px;border-radius:6px}.viability-score.viability-high{color:var(--status-success);background:#48bb781a}.viability-score.viability-medium{color:var(--status-warning, #E29578);background:#e295781a}.viability-score.viability-low{color:var(--status-error);background:#ad3d3d1a}.viability-bar{height:6px;border-radius:3px;background:var(--bg-tertiary, rgba(0, 0, 0, .08));overflow:hidden}.viability-bar-fill{height:100%;border-radius:3px;background:var(--color-sage);transition:width .4s ease}.market-research-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 900px){.market-research-grid{grid-template-columns:1fr}}.market-research-section{padding:12px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border-color)}.market-research-section strong{display:block;font-size:.85rem;color:var(--text-primary);margin-bottom:8px}.market-research-metrics{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.mr-metric{display:flex;flex-direction:column;gap:2px}.mr-metric-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.mr-metric-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.mr-trend-growing{color:var(--status-success)!important}.mr-trend-declining{color:var(--status-error)!important}.mr-trend-stable{color:var(--text-secondary)!important}.mr-quality-high{color:var(--status-success)!important;text-transform:capitalize}.mr-quality-medium{color:var(--status-warning, #E29578)!important;text-transform:capitalize}.mr-quality-low{color:var(--status-error)!important;text-transform:capitalize}.mr-summary{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin:4px 0 0}.mr-details-list{list-style:none;padding:0;margin:0 0 4px}.mr-details-list li{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin-bottom:4px}.mr-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:1px 8px;border-radius:10px;text-transform:capitalize}.mr-badge-high{color:var(--status-error);background:#ad3d3d1a}.mr-badge-medium{color:var(--status-warning, #E29578);background:#e295781a}.mr-badge-low{color:var(--status-success);background:#48bb781a}.mr-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.mr-tag{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:4px;background:#84a98c1f;color:var(--accent-primary, var(--color-sage));border:1px solid rgba(132,169,140,.2)}.mr-tag-platform{background:#457b9d1f;color:var(--status-info, #457B9D);border-color:#457b9d33}.mr-revenue-projections{display:flex;gap:12px;margin-bottom:8px}.mr-revenue-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border-color)}.mr-revenue-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.mr-revenue-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.mr-revenue-mid .mr-revenue-value{color:var(--color-sage)}.mr-conversion-rate{font-size:.85rem;color:var(--text-secondary);margin:4px 0 0}.market-research-benefits{margin-bottom:16px}.market-research-benefits>strong{display:block;font-size:.85rem;color:var(--text-primary);margin-bottom:8px}.mr-benefit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 700px){.mr-benefit-cards{grid-template-columns:1fr}}.mr-benefit-card{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border-color)}.mr-benefit-icon{font-size:1.2rem}.mr-benefit-title{font-size:.8rem;font-weight:600;color:var(--text-primary)}.mr-benefit-text{font-size:.8rem;line-height:1.4;color:var(--text-secondary)}.market-research-viability-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 900px){.market-research-viability-details{grid-template-columns:1fr}}.mr-viability-section{padding:12px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border-color)}.mr-viability-section strong{display:block;font-size:.8rem;color:var(--text-primary);margin-bottom:6px}.mr-viability-list{list-style:none;padding:0;margin:0}.mr-viability-list li{font-size:.8rem;line-height:1.4;color:var(--text-secondary);padding:3px 0 3px 16px;position:relative}.mr-viability-list li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%}.mr-strengths li:before{background:var(--status-success)}.mr-risks li:before{background:var(--status-error)}.mr-recommendations li:before{background:var(--status-info, #457B9D)}.info-card.assortment-plan-card{grid-column:1 / -1;border-color:#d4af3740;background:linear-gradient(145deg,var(--bg-card),rgba(212,175,55,.04))}.assortment-meta{color:var(--text-secondary);font-size:.8rem}.assortment-section{display:flex;flex-direction:column;gap:8px}.assortment-section>strong{font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary)}.assortment-strategy{display:flex;flex-direction:column;gap:8px}.strategy-item{display:flex;gap:8px;font-size:.85rem;line-height:1.5;color:var(--text-secondary)}.strategy-label{font-weight:600;color:var(--text-primary);white-space:nowrap;min-width:130px;flex-shrink:0}@media (max-width: 768px){.strategy-item{flex-direction:column;gap:2px}.strategy-label{min-width:unset}}.assortment-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 640px){.assortment-scores{grid-template-columns:1fr}}.score-item{display:flex;flex-direction:column;gap:4px}.score-header{display:flex;justify-content:space-between;font-size:.78rem}.score-label{color:var(--text-secondary);text-transform:capitalize}.score-value{font-weight:600;color:var(--text-primary);font-size:.75rem}.score-bar{height:6px;border-radius:3px;background:var(--bg-secondary, var(--bg-primary));overflow:hidden}.score-fill{height:100%;border-radius:3px;background:var(--accent-primary);transition:width .4s ease}.assortment-designs{display:flex;flex-wrap:wrap;gap:10px}.design-type-card{flex:1 1 180px;max-width:240px;padding:10px 12px;background:var(--bg-secondary, var(--bg-primary));border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:4px}.design-type-header{display:flex;justify-content:space-between;align-items:center}.design-type-id{font-weight:700;font-size:.8rem;color:var(--accent-primary)}.design-type-aspect-ratio{font-size:.7rem;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:1px 5px;text-transform:capitalize}.design-type-name{font-weight:600;font-size:.82rem;color:var(--text-primary)}.design-type-intent{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.assortment-products{display:grid;grid-template-columns:1fr 1fr;gap:8px}.assortment-product-item{display:grid;grid-template-columns:24px 50px 1fr;gap:0 12px;padding:10px;background:var(--bg-secondary, var(--bg-primary));border-radius:8px;border:1px solid var(--border-color);align-items:center}.lineup-position{font-size:.7rem;font-weight:700;color:var(--text-tertiary, var(--text-secondary));text-align:right}@media (max-width: 640px){.assortment-product-item{grid-template-columns:24px 50px 1fr}}.assortment-product-image{position:relative;width:50px;height:50px;border-radius:6px;overflow:hidden;background:var(--bg-tertiary, var(--bg-primary));flex-shrink:0}.assortment-product-image img{width:100%;height:100%;object-fit:cover}.assortment-product-no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.2rem;color:var(--text-tertiary, var(--text-secondary))}.assortment-product-info{display:flex;flex-direction:column;gap:3px;min-width:0}.assortment-product-name{font-weight:600;font-size:.83rem;color:var(--text-primary);line-height:1.3}.assortment-product-tags{display:flex;gap:6px;flex-wrap:wrap}.assortment-role-tag{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:4px;text-transform:capitalize;background:#84a98c26;color:var(--accent-primary)}.assortment-tier-tag{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:4px;text-transform:capitalize}.assortment-tier-tag.tier-low{background:#82c28526;color:var(--color-success)}.assortment-tier-tag.tier-mid{background:#e9b28e26;color:var(--color-warning)}.assortment-tier-tag.tier-high{background:#d4af3726;color:var(--color-gold)}.assortment-product-why{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.assortment-product-designs{display:flex;gap:4px;flex-wrap:wrap;align-self:center}.design-id-tag{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:4px;background:#84a98c1f;color:var(--accent-primary);border:1px solid rgba(132,169,140,.25);white-space:nowrap}.assortment-validation{display:flex;gap:16px;padding-top:8px;border-top:1px solid var(--border-color);font-size:.78rem;flex-wrap:wrap}.validation-pass{color:var(--color-success);font-weight:500}.validation-fail{color:var(--color-error);font-weight:500}.info-card.style-selections-card{grid-column:1 / -1;border-color:#84a98c40;background:linear-gradient(145deg,var(--bg-card),rgba(132,169,140,.04))}.style-selections-list{display:flex;flex-direction:column;gap:16px}.style-selections-product{display:flex;flex-direction:column;gap:6px}.style-selections-product-header{display:flex;align-items:baseline;gap:8px}.style-selections-product-name{font-weight:600;font-size:.85rem;color:var(--text-primary)}.style-selections-product-id{font-size:.7rem;color:var(--text-tertiary);font-family:var(--font-mono)}.style-selections-group{display:flex;flex-direction:column;gap:4px;padding-left:12px}.style-selections-orientation{font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);font-weight:600}.style-selection-item{display:flex;flex-direction:column;gap:2px;padding:4px 0}.style-selection-scene{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-primary)}.style-selection-primary{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-primary);background:#84a98c1f;padding:1px 6px;border-radius:3px}.style-selection-reasoning{font-size:.78rem;color:var(--text-secondary);line-height:1.4;padding-left:0}.models-page{width:100%}.models-stats-bar{display:flex;gap:1rem;margin-bottom:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.5rem}.models-stats-bar .stat-item{display:flex;flex-direction:column;align-items:center;padding:0 1.5rem;border-right:1px solid var(--border-color)}.models-stats-bar .stat-item:last-child{border-right:none}.models-stats-bar .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.models-stats-bar .stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.models-stats-bar .stat-item.allowed .stat-value{color:var(--color-success)}.models-stats-bar .stat-item.text .stat-value{color:var(--color-info)}.models-stats-bar .stat-item.image .stat-value{color:var(--color-warning)}.models-filters{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.models-filters .search-form{flex:1;min-width:200px}.models-filters .search-input-wrapper{position:relative}.models-filters .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-secondary)}.models-filters .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem}.models-filters .search-input:focus{outline:none;border-color:var(--accent-color)}.models-filters .filter-select{padding:.75rem 2rem .75rem 1rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:16px}.models-filters .filter-select:focus{outline:none;border-color:var(--accent-color)}.sync-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,opacity .2s}.sync-btn:hover:not(:disabled){background:var(--accent-hover)}.sync-btn:disabled{opacity:.6;cursor:not-allowed}.sync-btn svg{width:18px;height:18px}.sync-message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.sync-message.success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.sync-message.error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.models-table-wrapper{overflow-x:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.models-table{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.models-table th{padding:.875rem .75rem;background:var(--table-header-bg);color:var(--text-secondary);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.models-table th:hover{color:var(--text-primary)}.col-header{display:flex;align-items:center;gap:4px}.col-header .header-icon{font-size:.875rem}.sort-icon{width:12px;height:12px;opacity:.3;flex-shrink:0}.sort-icon.active{opacity:1;color:var(--accent-color)}.models-table td{padding:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.models-table tbody tr:last-child td{border-bottom:none}.models-table tbody tr:hover{background:var(--row-hover-bg)}.models-table tbody tr.allowed{background:var(--color-success-bg)}.models-table tbody tr.allowed:hover{background:var(--color-success-bg);filter:brightness(1.1)}.col-toggle{width:48px;min-width:48px;text-align:center}.col-toggle .col-header{justify-content:center}.col-type{width:68px;min-width:68px;text-align:center}.col-type .col-header{justify-content:center}.col-provider{width:95px;min-width:95px;text-align:left}.col-model{width:200px;min-width:150px;max-width:280px;text-align:left}.col-tier{width:75px;min-width:75px;text-align:center}.col-tier .col-header{justify-content:center}.col-price{width:95px;min-width:95px;text-align:left}.col-price .col-header{justify-content:flex-start}.col-price.col-image-price{width:110px;min-width:110px}.col-price.col-output-price,.col-price.col-input-price{width:95px;min-width:95px}.col-synced{width:80px;min-width:80px;text-align:left;color:var(--text-secondary)}.col-synced .col-header{justify-content:flex-start}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--toggle-bg);transition:.2s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--color-success)}input:checked+.toggle-slider:before{transform:translate(16px)}.model-name{display:flex;align-items:center;gap:.5rem}.info-icon{width:14px;height:14px;color:var(--text-secondary);opacity:.5;cursor:help;flex-shrink:0}.info-icon:hover{opacity:1}.type-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.type-badge.text{background:var(--color-info-bg);color:var(--color-info)}.type-badge.image{background:var(--color-warning-bg);color:var(--color-warning)}.tier-badge{display:inline-block;padding:.2rem .4rem;border-radius:4px;font-size:.7rem;font-weight:500;background:var(--badge-bg);color:var(--text-secondary)}.tier-badge.beta{background:var(--color-warning-bg);color:var(--color-warning)}.tier-badge.experimental{background:var(--color-error-bg);color:var(--color-error)}.col-price,.col-synced{font-size:.85rem}.price-with-tooltip{display:inline-flex;align-items:center;gap:.35rem}.price-with-tooltip .info-icon{width:14px;height:14px;opacity:.5;flex-shrink:0}.price-with-tooltip:hover .info-icon{opacity:1;color:var(--accent-color)}.model-tooltip{position:fixed;z-index:1000;background:var(--tooltip-bg, #1f2937);color:var(--tooltip-text, #f9fafb);padding:.75rem 1rem;border-radius:8px;font-size:.813rem;max-width:350px;box-shadow:0 4px 20px #0000004d;pointer-events:none}.model-tooltip p{margin:0;line-height:1.5}.model-tooltip .image-prices{display:flex;flex-direction:column;gap:.5rem}.model-tooltip .tooltip-title{font-weight:600;color:var(--accent-color, #eab308);margin-bottom:.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.model-tooltip .price-row{display:flex;justify-content:space-between;gap:1.5rem}.model-tooltip .price-row span:first-child{color:var(--text-secondary)}.model-tooltip .price-row span:last-child{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:500}.loading-skeleton{display:flex;flex-direction:column;gap:.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem}.skeleton-row{height:48px;background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-shine) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:6px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;text-align:center}.empty-state svg{width:64px;height:64px;color:var(--text-secondary);opacity:.5;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary)}.empty-state p{margin:0;color:var(--text-secondary);font-size:.875rem}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:8px;margin-bottom:1rem;color:var(--color-error)}.error-banner button{padding:.5rem 1rem;background:var(--color-error);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.error-banner button:hover{background:var(--color-error);filter:brightness(.9)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:background .2s,border-color .2s}.pagination-btn:hover:not(:disabled){background:var(--row-hover-bg);border-color:var(--accent-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn svg{width:16px;height:16px}.pagination-info{color:var(--text-secondary);font-size:.875rem}:root{--toggle-bg: #374151;--table-header-bg: rgba(0, 0, 0, .2);--row-hover-bg: rgba(255, 255, 255, .02);--skeleton-bg: rgba(255, 255, 255, .05);--skeleton-shine: rgba(255, 255, 255, .1);--badge-bg: rgba(255, 255, 255, .1);--tooltip-bg: #1f2937;--tooltip-text: #f9fafb}@media (max-width: 1200px){.col-synced{display:none}}@media (max-width: 900px){.col-tier{display:none}}.launch-countdown{position:relative;display:flex;align-items:center;justify-content:center;z-index:10;height:54px}.launch-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-sage-light, #EAF2EB);border:1px solid var(--color-sage, #84A98C);border-radius:20px;color:var(--color-sage-dark, #6B8B73);font-size:1rem;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #84a98c26}.launch-badge:hover{background:var(--color-sage, #84A98C);border-color:var(--color-sage-dark, #6B8B73);color:var(--text-inverse, #FFFFFF);transform:scale(1.05);box-shadow:0 4px 12px #84a98c40}:root.dark .launch-badge{background:linear-gradient(135deg,#8faa8f26,#78967826,#648c6426);border-color:#8faa8f4d;color:#a8c4a8;box-shadow:0 0 12px #8faa8f40,0 0 25px #7896781a,inset 0 0 20px #8faa8f0f}:root.dark .launch-badge:hover{background:linear-gradient(135deg,#8faa8f40,#78967840,#648c6440);border-color:#8faa8f80;color:#c8e4c8;box-shadow:0 0 20px #8faa8f4d,0 0 40px #78967833}.launch-badge-rocket{width:14px;height:14px;animation:rocket-float 2s ease-in-out infinite}.launch-badge-text{font-family:var(--font-mono)}@keyframes badge-glow{0%,to{box-shadow:0 0 10px #8faa8f33,inset 0 0 20px #8faa8f0d}50%{box-shadow:0 0 20px #8faa8f4d,0 0 30px #78967826,inset 0 0 20px #8faa8f14}}@keyframes rocket-launch{0%{transform:translateY(1px) rotate(-45deg);opacity:0}30%{transform:translateY(1px) rotate(-45deg);opacity:1}50%{transform:translateY(1px) rotate(-45deg);opacity:1}85%{transform:translateY(-27px) rotate(-30deg);opacity:0}to{transform:translateY(3px) rotate(-45deg);opacity:0}}.launch-badge.live{background:linear-gradient(135deg,#10b98133,#06b6d433);border-color:#10b98166;color:#6ee7b7;cursor:default}.launch-badge-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.launch-countdown-expanded{position:relative;display:flex;align-items:center;padding:8px 12px;background:var(--color-sage-light, #EAF2EB);border:1px solid var(--color-sage, #84A98C);border-radius:12px;overflow:hidden;animation:expand-in .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 12px #84a98c26}:root.dark .launch-countdown-expanded{background:linear-gradient(135deg,#0f0a1ee6,#1e0f2dd9,#0f0a1ee6);border-color:#8faa8f40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes expand-in{0%{opacity:0;transform:scale(.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.launch-cosmos{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;display:none}:root.dark .launch-cosmos{display:block}.launch-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:star-twinkle ease-in-out forwards}.launch-star.large{width:3px;height:3px;box-shadow:0 0 4px 1px #ffffff80}@keyframes star-twinkle{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.5)}}.launch-glow{display:none;pointer-events:none}:root.dark .launch-glow{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:60px;background:radial-gradient(ellipse at center,rgba(143,170,143,.3) 0%,rgba(120,150,120,.15) 40%,transparent 70%);filter:blur(20px);animation:glow-drift 8s ease-in-out infinite}@keyframes glow-drift{0%,to{transform:translate(-20%) scale(1);opacity:.6}33%{transform:translate(20%) scale(1.1);opacity:.8}66%{transform:translate(0) scale(.9);opacity:.5}}.launch-rocket-btn{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:0;margin-left:22px;background:var(--bg-card, #FFFFFF);border:1px solid var(--color-sage, #84A98C);border-radius:8px;cursor:pointer;transition:all .3s ease}:root.dark .launch-rocket-btn{background:linear-gradient(180deg,#8faa8f1f,#8faa8f0a);border-color:#8faa8f33}.launch-rocket-btn:hover{background:var(--color-sage-light, #EAF2EB);border-color:var(--color-sage-dark, #6B8B73);transform:scale(1.05)}:root.dark .launch-rocket-btn:hover{background:linear-gradient(135deg,#8faa8f40,#78967833);border-color:#8faa8f66}.launch-rocket-btn.can-hide:hover{background:#ef444426;border-color:#ef44444d}.launch-rocket-btn.can-hide:hover .launch-rocket-icon{color:#f87171}.launch-rocket-icon{width:18px;height:18px;color:var(--color-sage, #84A98C);animation:rocket-launch 4s ease-in-out infinite;transition:color .2s ease}.launch-rocket-icon path:first-child{stroke:#c2410c}.launch-time-units{position:relative;display:flex;align-items:center;gap:4px;z-index:2;margin-top:2px}.launch-value{position:relative;display:flex;align-items:center;justify-content:center;height:35px;padding:0 8px;background:var(--bg-card, #FFFFFF);border:1px solid var(--color-sage, #84A98C);border-radius:8px;min-width:42px;text-align:center}:root.dark .launch-value{background:linear-gradient(180deg,#8faa8f1f,#8faa8f0a);border-color:#8faa8f33}.launch-digit{font-family:var(--font-mono);font-size:1.125rem;font-weight:700;letter-spacing:-.5px;color:var(--color-sage-dark, #6B8B73)}:root.dark .launch-digit{background:linear-gradient(180deg,#b8d4b8,#8faa8f,#7a9a7a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(143,170,143,.5)}.launch-separator{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--color-sage, #84A98C);margin:0 2px}:root.dark .launch-separator{color:#8faa8fbf}.launch-countdown.collapsed{animation:collapse-out .3s ease-out forwards}@keyframes collapse-out{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@media (max-width: 900px){.launch-countdown-expanded{padding:6px 14px 8px}.launch-value{padding:3px 6px;min-width:36px}.launch-digit{font-size:1rem}.launch-separator{font-size:.875rem}}@media (max-width: 640px){.launch-countdown-expanded{display:none}.launch-countdown.expanded .launch-badge{display:flex}}.launch-countdown.urgent .launch-value{border-color:#7896784d;background:linear-gradient(180deg,#78967826,#7896780d)}.launch-countdown.urgent .launch-digit{background:linear-gradient(180deg,#fb7185,#f43f5e,#e11d48);-webkit-background-clip:text;background-clip:text;animation:urgent-glow 1s ease-in-out infinite}@keyframes urgent-glow{0%,to{filter:drop-shadow(0 0 8px rgba(244,63,94,.5))}50%{filter:drop-shadow(0 0 15px rgba(244,63,94,.8))}}.execution-detail-tabs{display:flex;gap:var(--space-sm);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-sm);margin-top:16px}.content-tab{padding:var(--space-sm) var(--space-lg);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.content-tab:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.content-tab:focus{outline:none}.content-tab.active{background:var(--bg-tertiary);color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary);outline:none}.content-tab.active:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary)}.execution-detail-tab-content{margin-top:12px}.scraping-header{grid-column:1 / -1}.scraping-stats-container{text-align:center;margin-bottom:var(--space-lg)}.scraping-stats-title{margin-bottom:12px}.scraping-stats-grid{display:flex;justify-content:center;gap:60px;font-size:.95rem;color:var(--text-secondary)}.scraping-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.scraping-stat-value{font-weight:600;color:var(--text-primary);font-size:1.1rem}.scraping-stat-label{font-size:.9rem}.execution-video-item{display:grid;grid-template-columns:1fr 600px;gap:var(--space-md);align-items:start}.execution-video-left{display:flex;flex-direction:column;gap:8px}.execution-video-main-grid{display:grid;grid-template-columns:240px 1fr;gap:var(--space-md);align-items:start}.execution-video-thumbnail-container{width:240px;height:135px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md)}.execution-video-thumbnail-img{width:100%;height:100%;object-fit:cover}.execution-video-details-screenshots{display:flex;flex-direction:column;gap:var(--space-md);min-height:135px}.execution-video-screenshots{display:flex;gap:12px;overflow:auto;padding-right:8px;scroll-behavior:smooth;margin-top:-20px;min-height:100px}.execution-video-screenshot-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px}.execution-video-screenshot-img{width:150px;height:84px;border-radius:var(--radius-md);object-fit:cover;cursor:pointer;opacity:.8;transition:opacity .2s}.execution-video-screenshot-img:hover{opacity:1}.execution-video-screenshot-timestamp{font-size:.7rem;color:var(--text-secondary);text-align:center}.execution-video-screenshots-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-tertiary)}.execution-video-summary{margin-top:-25px;margin-bottom:10px}.execution-video-comments-container{display:flex;flex-direction:column}.execution-video-comments-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px;margin-bottom:8px}.execution-video-comments-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;flex:1;overflow:auto}.execution-video-comment-item{font-size:.75rem;background-color:var(--bg-tertiary);padding:8px;border-radius:var(--radius-md);flex-shrink:0}.execution-video-comment-text{margin-bottom:4px;color:var(--text-secondary);line-height:1.4}.execution-video-comment-likes{color:var(--text-tertiary);font-size:.7rem}.execution-video-comments-none{margin:0;font-size:.75rem;color:var(--text-tertiary)}.execution-video-comments-more{margin-top:8px;font-size:.7rem;color:var(--text-tertiary)}.equity-slider{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.equity-slider--locked{opacity:.7}.equity-slider__name{font-size:1rem;font-weight:500;color:var(--text-primary);min-width:60px}.equity-slider__track{position:relative;flex:1;height:24px;cursor:pointer;display:flex;align-items:center}.equity-slider--locked .equity-slider__track{cursor:not-allowed}.equity-slider__track-bg{position:absolute;left:0;right:0;height:4px;background:var(--bg-tertiary);border-radius:2px}.equity-slider__track-fill{position:absolute;left:0;height:4px;background:var(--accent-primary);border-radius:2px}.equity-slider__knob{position:absolute;width:16px;height:16px;background:var(--accent-primary);border:2px solid var(--bg-primary);border-radius:50%;transform:translate(-50%);cursor:grab;transition:transform .1s ease,box-shadow .1s ease;z-index:2}.equity-slider__knob:hover{transform:translate(-50%) scale(1.15);box-shadow:var(--shadow-glow)}.equity-slider__knob--active{cursor:grabbing;transform:translate(-50%) scale(1.2);box-shadow:var(--shadow-glow)}.equity-slider--locked .equity-slider__knob{cursor:not-allowed;opacity:.6}.equity-slider--locked .equity-slider__knob:hover{transform:translate(-50%);box-shadow:none}.equity-slider__value{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);min-width:55px;text-align:right}.surprise-page{max-width:630px;margin:0 auto;padding:var(--space-md, 16px)}.surprise-page__header{text-align:center;margin-bottom:var(--space-md, 16px)}.surprise-page__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs, 4px) 0}.surprise-page__description{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.surprise-page__anonymous-link{color:var(--accent-primary, var(--color-sage));text-decoration:underline;text-decoration-style:dotted;cursor:help}.surprise-page__anonymous-link:hover{color:var(--text-primary)}.surprise-page__warning{color:var(--color-warning, #f59e0b);font-size:.875rem;font-weight:600;margin:var(--space-sm, 8px) 0 0 0}.surprise-page__warning-link{color:inherit;text-decoration:underline}.surprise-page__warning-link:hover{color:var(--text-primary)}.surprise-page__deadline{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm, 8px) var(--space-md, 16px);background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);margin-bottom:var(--space-sm, 8px)}.surprise-page__deadline-badge{display:flex;align-items:center;gap:var(--space-sm, 8px);font-weight:600;color:var(--text-primary)}.surprise-page__deadline-closed{color:var(--color-warning)}.surprise-page__voters-count{color:var(--text-secondary);font-size:.875rem}.surprise-page__error{display:flex;align-items:center;gap:var(--space-sm, 12px);padding:var(--space-md, 16px);background:var(--color-error-bg, rgba(239, 68, 68, .1));border:1px solid var(--color-error, #ef4444);border-radius:12px;color:var(--color-error, #ef4444);margin-bottom:var(--space-lg, 24px)}.surprise-page__success{display:flex;align-items:center;gap:var(--space-sm, 12px);padding:var(--space-md, 16px);background:var(--color-success-bg, rgba(34, 197, 94, .1));border:1px solid var(--color-success, #22c55e);border-radius:12px;color:var(--color-success, #22c55e);margin-bottom:var(--space-lg, 24px)}.surprise-page__sliders{display:flex;flex-direction:column;gap:var(--space-sm, 8px);margin-top:var(--space-lg, 24px);margin-bottom:var(--space-sm, 8px)}.surprise-page__total{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-sm, 8px);padding:var(--space-xs, 4px) var(--space-sm, 8px);background:var(--bg-elevated);border-radius:4px;margin-bottom:var(--space-sm, 8px);color:var(--text-secondary);font-size:.875rem}.surprise-page__total-value{font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.surprise-page__actions{display:flex;gap:var(--space-sm, 8px);margin-bottom:var(--space-sm, 8px)}.surprise-page__actions>*{flex:1}.surprise-page__submit-btn.ui-btn{background:var(--color-gold, #D4AF37);border-color:var(--color-gold, #D4AF37);color:var(--color-charcoal, #2C363F)}.surprise-page__submit-btn.ui-btn:hover:not(:disabled){background:#c9a432;border-color:#c9a432}.surprise-page__vote-info{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-secondary);font-size:.75rem;margin-bottom:var(--space-sm, 8px)}.surprise-page__results{margin-bottom:var(--space-xl, 32px)}.surprise-page__results-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-md, 20px) 0;text-align:center}.surprise-page__results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md, 16px)}.surprise-page__result{padding:var(--space-md, 20px);background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);text-align:center}.surprise-page__result-name{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs, 4px)}.surprise-page__result-value{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.surprise-page__footer{text-align:center;padding-top:var(--space-sm, 8px);border-top:1px solid var(--border-color)}.surprise-page__footer p{color:var(--text-secondary);font-size:.75rem;margin:0}.surprise-page__footer p:last-child{margin-bottom:0}.surprise-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-md, 16px);color:var(--text-secondary)}@media (max-width: 600px){.surprise-page{padding:var(--space-md, 16px)}.surprise-page__title{font-size:1.5rem}.surprise-page__deadline{flex-direction:column;gap:var(--space-sm, 8px);text-align:center}.surprise-page__results-grid{grid-template-columns:1fr}.surprise-page__actions{flex-direction:column}}.research-page{display:flex;flex-direction:column;gap:var(--space-xl);max-width:1100px;margin:0 auto;padding:var(--space-lg)}.research-header{display:flex;flex-direction:column;gap:var(--space-lg);background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.research-title-section{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.research-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.research-title svg{width:24px;height:24px;color:var(--accent-primary);flex-shrink:0}.research-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.research-count{font-size:.8125rem;font-weight:600;color:var(--text-tertiary);white-space:nowrap;padding:var(--space-xs) var(--space-sm);background:var(--bg-surface, var(--bg-primary));border-radius:var(--radius-sm)}.research-form{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md)}.research-channel-select{flex:1;min-width:0;max-width:400px}.research-channel-select label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.research-face-processing{display:flex;flex-direction:column;gap:var(--space-xs);min-width:200px}.research-face-processing label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.research-face-processing-controls{display:flex;align-items:center;gap:var(--space-sm)}.research-face-processing-controls input[type=number]{width:72px;text-align:center}.research-list-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden}.research-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xxl) 0}.research-concept-list{display:flex;flex-direction:column}.research-concept-row{display:grid;grid-template-columns:200px 1fr 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .12s}.research-concept-row:last-child{border-bottom:none}.research-concept-row:hover{background:color-mix(in srgb,var(--text-primary) 3%,var(--bg-card))}.research-concept-row.selected{background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-card));border-left:3px solid var(--accent-primary);padding-left:calc(var(--space-lg) - 3px)}.research-row-channel{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.research-row-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.research-row-channel-name{font-size:.8125rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.research-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.research-row-title{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.research-row-niche{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.research-row-face{min-width:0}.research-row-face-desc{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.research-row-face-desc svg{flex-shrink:0;color:var(--accent-primary);opacity:.7}.research-row-meta{display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap}.research-row-designs{font-size:.6875rem;color:var(--text-tertiary);background:var(--bg-surface, var(--bg-primary));padding:2px 6px;border-radius:var(--radius-sm)}.research-pagination{display:flex;justify-content:center;padding:var(--space-md);border-top:1px solid var(--border-subtle)}.research-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000;animation:fadeIn .2s ease-out}.research-modal-container{position:relative;background:var(--bg-card);border-radius:var(--radius-xl);max-width:640px;max-height:85vh;width:100%;overflow-y:auto;border:1px solid var(--border-default, var(--border-subtle));box-shadow:0 20px 60px #0000004d}.research-modal-close{position:absolute;top:var(--space-md);right:var(--space-md);z-index:10}.research-modal-body{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.research-detail-header{display:flex;flex-direction:column;gap:var(--space-sm)}.research-detail-title-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.research-channel-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.research-channel-name{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.research-detail-sep{color:var(--text-tertiary);font-size:.875rem}.research-detail-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;flex:1;min-width:0}.research-concept-niche{font-size:.75rem;font-weight:500;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,transparent);padding:2px 8px;border-radius:999px;width:fit-content}.research-concept-slot{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);background:var(--bg-surface, var(--bg-primary));padding:2px 8px;border-radius:var(--radius-sm);width:fit-content}.research-detail-grid{display:flex;flex-direction:column;gap:var(--space-md)}.research-concept-section{display:flex;flex-direction:column;gap:2px}.research-concept-section-label{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.research-concept-section p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin:0}.research-face-ref{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface, var(--bg-primary));border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.research-face-ref svg{width:20px;height:20px;flex-shrink:0;color:var(--accent-primary);margin-top:2px}.research-face-ref div{display:flex;flex-direction:column;gap:2px}.research-face-ref strong{font-size:.75rem;color:var(--text-primary)}.research-face-ref span{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.research-face-usage{font-size:.75rem!important;color:var(--text-tertiary)!important;font-style:italic}.research-dispatch{display:flex;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.research-execution{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.research-execution.compact{padding:var(--space-sm) var(--space-md);font-size:.8125rem}.research-execution.success{border-color:var(--status-success, #22c55e);background:color-mix(in srgb,var(--status-success, #22c55e) 5%,var(--bg-card))}.research-execution.failed{border-color:var(--status-error, #ef4444);background:color-mix(in srgb,var(--status-error, #ef4444) 5%,var(--bg-card))}.research-execution-label{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.research-execution-id{font-size:.75rem;color:var(--text-tertiary);font-family:var(--font-mono, monospace)}.research-info{display:flex;gap:var(--space-md);padding:var(--space-lg);background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-card));border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.research-info svg{width:20px;height:20px;flex-shrink:0;margin-top:1px;color:var(--accent-primary)}.research-info p{margin:0}.research-info strong{color:var(--text-primary)}.research-info code{font-size:.75rem;background:var(--bg-surface);padding:1px 4px;border-radius:var(--radius-sm)}.research-section{display:flex;flex-direction:column;gap:var(--space-md)}.research-section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.research-section-title svg{color:var(--accent-primary);flex-shrink:0}.research-section-count{font-size:.75rem;font-weight:600;color:var(--text-tertiary);background:var(--bg-surface, var(--bg-primary));padding:2px 8px;border-radius:var(--radius-sm);margin-left:var(--space-xs)}.research-matches-grid{display:flex;flex-direction:column;gap:var(--space-md)}.research-match-card{display:grid;grid-template-columns:240px 48px 1fr;align-items:start;gap:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color .15s}.research-match-card:hover{border-color:color-mix(in srgb,var(--accent-primary) 30%,var(--border-subtle))}.research-match-asset{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.research-match-img{width:100%;max-width:200px;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface, var(--bg-primary))}.research-match-img-placeholder{width:100%;max-width:200px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px dashed var(--border-subtle);background:var(--bg-surface, var(--bg-primary));color:var(--text-tertiary)}.research-match-img-placeholder svg{width:32px;height:32px}.research-match-asset-info{display:flex;flex-direction:column;gap:4px}.research-match-channel{display:flex;align-items:center;gap:var(--space-xs);font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.research-match-ch-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.research-match-desc{font-size:.75rem;color:var(--text-tertiary);line-height:1.4}.research-match-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.research-match-value,.research-match-quality,.research-match-tag,.research-match-status{font-size:.6875rem;font-weight:600;padding:1px 6px;border-radius:var(--radius-sm);background:var(--bg-surface, var(--bg-primary));color:var(--text-tertiary)}.research-match-tag{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.research-match-status.approved{color:var(--status-success, #22c55e);background:color-mix(in srgb,var(--status-success, #22c55e) 10%,transparent)}.research-match-arrow{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:var(--space-xl);color:var(--text-tertiary)}.research-match-arrow svg{opacity:.5}.research-match-count{font-size:.75rem;font-weight:700;color:var(--accent-primary)}.research-match-concepts{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-xs)}.research-match-no-concepts{font-size:.8125rem;color:var(--text-tertiary);font-style:italic;padding:var(--space-md) 0}.research-match-concept-chip{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-surface, var(--bg-primary));border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:background .12s,border-color .12s}.research-match-concept-chip:hover{background:color-mix(in srgb,var(--text-primary) 4%,var(--bg-card));border-color:color-mix(in srgb,var(--accent-primary) 25%,var(--border-subtle))}.research-match-concept-chip.active{background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-card));border-color:var(--accent-primary)}.research-match-concept-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.research-match-concept-usage{font-size:.6875rem;color:var(--text-tertiary);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.research-match-more{font-size:.75rem;color:var(--text-tertiary);padding:var(--space-xs) var(--space-md)}.research-empty-matches{font-size:.875rem;color:var(--text-tertiary);padding:var(--space-xl);text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.research-section-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.research-report{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-lg)}.research-channel-title{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}.research-report-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.research-report-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.research-report-text{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.research-confidence{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:var(--space-xs) var(--space-md);border-radius:999px;white-space:nowrap}.research-confidence-high{color:var(--color-success, #16a34a);background:color-mix(in srgb,var(--color-success, #16a34a) 12%,transparent)}.research-confidence-medium{color:var(--color-warning, #d97706);background:color-mix(in srgb,var(--color-warning, #d97706) 12%,transparent)}.research-confidence-low{color:var(--color-error, #dc2626);background:color-mix(in srgb,var(--color-error, #dc2626) 12%,transparent)}.research-match-columns{display:grid;grid-template-columns:240px 1fr;gap:var(--space-lg)}.research-am-card{display:flex;flex-direction:column;gap:var(--space-sm)}.research-am-card-label{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.research-asset-image-wrap{width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface, var(--bg-primary));border:1px solid var(--border-subtle)}.research-asset-image{width:100%;height:100%;object-fit:cover}.research-asset-placeholder{width:100%;aspect-ratio:1;border-radius:var(--radius-md);background:var(--bg-surface, var(--bg-primary));border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.research-asset-placeholder svg{width:48px;height:48px;color:var(--text-tertiary);opacity:.4}.research-asset-desc{font-size:.8125rem;font-weight:500;color:var(--text-primary);line-height:1.4}.research-id-mono{font-size:.6875rem;color:var(--text-tertiary);background:var(--bg-surface, var(--bg-primary));padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono, monospace);width:fit-content}.research-concept-card{background:var(--bg-surface, var(--bg-primary));border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.research-concept-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.research-concept-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);flex:1;min-width:0}.research-reasoning-card,.research-usage-card{background:var(--bg-surface, var(--bg-primary));border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.research-reasoning-header,.research-usage-header{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:.8125rem}.research-reasoning-header svg,.research-usage-header svg{width:18px;height:18px;color:var(--accent-primary);flex-shrink:0}.research-reasoning-text,.research-usage-text{font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin:0}.issues-page{display:flex;flex-direction:row;margin:calc(-1 * var(--space-lg)) calc(-1 * var(--space-md));height:calc(100vh - 70px);overflow:hidden;background:var(--bg-primary)}.issues-left{width:540px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-color);overflow:hidden}.issues-filters{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-xs);flex-shrink:0}.issues-chip-group{flex:1;display:flex;flex-direction:row;align-items:center;gap:4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:4px 6px}.issues-chip-group .stage-chip{flex:1;justify-content:center}.issues-stage-filter{display:flex;flex-direction:row;align-items:center;gap:4px;margin:0 var(--space-sm) var(--space-xs);padding:4px 6px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-shrink:0}.stage-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.6875rem;font-weight:500;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease;white-space:nowrap}.stage-chip:hover{border-color:var(--accent-primary);color:var(--text-primary)}.stage-chip--active{background:var(--bg-hover, rgba(132, 169, 140, .08));color:var(--text-primary);border-color:var(--stage-chip-color, var(--accent-primary))}.stage-chip-dot{width:7px;height:7px;border-radius:2px;flex-shrink:0}.issues-stage-filter .stage-chip{flex:1;justify-content:center}.issues-list-count{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);font-size:.75rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.issues-refresh-btn{display:flex;align-items:center;background:transparent;border:none;cursor:pointer;padding:2px;color:var(--text-secondary);border-radius:4px;transition:color .12s ease}.issues-refresh-btn:hover{color:var(--accent-primary)}.issues-refresh-btn svg{width:13px;height:13px}@keyframes issues-spin{to{transform:rotate(360deg)}}.issues-refresh-btn--spinning svg{animation:issues-spin .7s linear infinite}.issues-list-spinner{flex:1;display:flex;align-items:center;justify-content:center}.issues-error{margin:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#e573731a;color:var(--color-error);border-radius:6px;font-size:.8125rem}.issues-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.875rem;padding:var(--space-xl);text-align:center}.issues-list{flex:1;overflow-y:auto;display:flex;flex-direction:column}.issue-row{display:flex;flex-direction:row;align-items:center;gap:8px;padding:12px var(--space-md);background:transparent;border:none;border-bottom:1px solid var(--border-color);text-align:left;cursor:pointer;transition:background .12s ease;width:100%;min-width:0}.issue-row:last-child{border-bottom:none}.issue-row:hover{background:var(--bg-hover, rgba(132, 169, 140, .08))}.issue-row--selected{background:var(--bg-hover);border-left:3px solid var(--accent-primary);padding-left:calc(var(--space-md) - 3px)}.issue-row-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.issue-row-number{font-size:.75rem;color:var(--text-secondary);font-family:monospace;flex-shrink:0}.issue-row-title{flex:1;min-width:0;font-size:1rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.issue-row-age{font-size:.6875rem;color:var(--text-secondary);flex-shrink:0}.issue-battery{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.issue-battery-bar{width:5px;height:14px;border-radius:2px;background:var(--border-color)}.issue-battery-bar--filled:nth-child(1){background:#e57373}.issue-battery-bar--filled:nth-child(2){background:#e9b28e}.issue-battery-bar--filled:nth-child(3){background:#b8cc7a}.issue-battery-bar--filled:nth-child(4){background:#82c285}.issues-right{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.issues-right-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.875rem}.issues-right-empty svg{width:36px;height:36px;opacity:.35}.issue-detail-header{padding:var(--space-md) var(--space-lg) var(--space-sm);border-bottom:1px solid var(--border-color);flex-shrink:0}.issue-detail-title-row{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-xs)}.issue-detail-title{flex:1;font-size:1.375rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.35}.issue-detail-number{flex-shrink:0;font-size:.8125rem;color:var(--text-secondary);text-decoration:none;font-family:monospace;padding-top:3px}.issue-detail-number:hover{color:var(--accent-primary)}.issue-detail-meta{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.issue-meta-sep{color:var(--border-color);font-size:.75rem}.issue-meta-text{font-size:.75rem;color:var(--text-secondary)}.issues-tab-bar{flex-shrink:0}.issues-tab-bar .ui-tabs__tab{width:150px;justify-content:center}.issue-tab-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.issue-tab-empty{color:var(--text-secondary);font-size:.875rem;font-style:italic;padding:var(--space-lg) 0}.doc-chain-body{font-size:.875rem;line-height:1.65;color:var(--text-primary)}.doc-chain-body h1,.doc-chain-body h2,.doc-chain-body h3,.doc-chain-body h4{margin-top:var(--space-lg);margin-bottom:var(--space-xs);font-weight:600;color:var(--text-primary);line-height:1.3}.doc-chain-body h1:first-child,.doc-chain-body h2:first-child,.doc-chain-body h3:first-child{margin-top:0}.doc-chain-body h1{font-size:1.25rem}.doc-chain-body h2{font-size:1.0625rem}.doc-chain-body h3{font-size:.9375rem}.doc-chain-body p{margin:0 0 var(--space-sm) 0}.doc-chain-body ul,.doc-chain-body ol{margin:0 0 var(--space-sm) 0;padding-left:var(--space-lg)}.doc-chain-body li{margin-bottom:3px}.doc-chain-body code{background:var(--bg-secondary, var(--bg-primary));border:1px solid var(--border-color);border-radius:3px;padding:1px 5px;font-size:.8125rem;font-family:monospace}.doc-chain-body pre{background:var(--bg-secondary, var(--bg-primary));border:1px solid var(--border-color);border-radius:6px;padding:var(--space-sm) var(--space-md);overflow-x:auto;margin:0 0 var(--space-sm) 0}.doc-chain-body pre code{background:none;border:none;padding:0}.doc-chain-body a{color:var(--accent-primary);text-decoration:underline}.doc-chain-body blockquote{border-left:3px solid var(--border-color);padding-left:var(--space-md);margin:0 0 var(--space-sm) 0;color:var(--text-secondary)}.doc-chain-body table{width:100%;border-collapse:collapse;margin-bottom:var(--space-sm);font-size:.8125rem}.doc-chain-body th,.doc-chain-body td{border:1px solid var(--border-color);padding:var(--space-xs) var(--space-sm);text-align:left}.doc-chain-body th{background:var(--bg-primary);font-weight:600}.doc-chain-body hr{border:none;border-top:1px solid var(--border-color);margin:var(--space-md) 0}.pf-sync-page{display:flex;flex-direction:column;gap:var(--space-xl);max-width:1000px;margin:0 auto;padding:var(--space-lg)}.pf-sync-loading,.pf-sync-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xxl);color:var(--text-secondary)}.pf-sync-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.pf-sync-error svg{width:48px;height:48px;color:var(--accent-secondary)}.pf-sync-error button{padding:var(--space-sm) var(--space-lg);background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.pf-sync-error button:hover{filter:brightness(1.1)}.pf-sync-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.pf-sync-title-section{flex:1}.pf-sync-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.pf-sync-title svg{width:28px;height:28px;color:var(--accent-primary)}.pf-sync-description{color:var(--text-secondary);font-size:.875rem;margin:0}.pf-sync-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.pf-sync-trigger-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--accent-primary),var(--color-info));border:none;border-radius:var(--radius-md);color:#fff;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .3s ease;flex-shrink:0}.pf-sync-trigger-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.pf-sync-trigger-btn:disabled{cursor:not-allowed;opacity:.8}.pf-sync-trigger-btn svg{width:20px;height:20px}.pf-sync-trigger-btn.syncing svg{display:none}.pf-sync-btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.pf-sync-execution{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:4px solid var(--accent-primary)}.pf-sync-execution.running{border-left-color:var(--accent-warning);background:var(--color-warning-bg)}.pf-sync-execution.success{border-left-color:var(--accent-success);background:var(--color-success-bg)}.pf-sync-execution.failed{border-left-color:var(--accent-secondary);background:var(--color-error-bg)}.pf-sync-execution-header{display:flex;align-items:center;gap:var(--space-sm)}.pf-sync-execution-label{font-size:.75rem;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px;font-weight:600}.pf-sync-execution-state{padding:2px 10px;border-radius:20px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pf-sync-execution-state.running{background:var(--color-warning-bg);color:var(--color-warning)}.pf-sync-execution-state.success{background:var(--color-success-bg);color:var(--color-success)}.pf-sync-execution-state.failed{background:var(--color-error-bg);color:var(--color-error)}.pf-sync-execution-id{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-tertiary)}.pf-sync-execution-message{font-size:.8125rem;color:var(--text-secondary)}.pf-sync-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}@media (max-width: 900px){.pf-sync-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.pf-sync-stats-grid{grid-template-columns:1fr}}.pf-sync-stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);transition:all .3s ease}.pf-sync-stat-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.pf-sync-stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.pf-sync-stat-icon svg{width:24px;height:24px}.pf-sync-stat-icon.products{background:var(--color-info-bg);color:var(--color-info)}.pf-sync-stat-icon.variants{background:var(--color-warning-bg);color:var(--color-warning)}.pf-sync-stat-icon.colors{background:var(--color-error-bg);color:var(--accent-secondary)}.pf-sync-stat-icon.styles{background:var(--color-success-bg);color:var(--accent-success)}.pf-sync-stat-content{display:flex;flex-direction:column;align-items:center;gap:2px}.pf-sync-stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1}.pf-sync-stat-label{font-size:.75rem;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px;font-weight:600}.pf-sync-stat-footer{margin-top:auto}.pf-sync-stat-time{font-size:.6875rem;color:var(--text-tertiary);font-family:var(--font-mono)}.pf-sync-section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-lg) 0}.pf-sync-section-title svg{width:20px;height:20px;color:var(--accent-success)}.pf-annotation-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-md)}.pf-annotation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.pf-annotation-description{color:var(--text-tertiary);font-size:.8125rem;margin:0}.pf-annotation-controls{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.pf-annotation-stats{display:flex;align-items:baseline;gap:var(--space-xs);font-family:var(--font-mono)}.pf-annotation-stat-value{font-size:1.25rem;font-weight:700;color:var(--accent-primary)}.pf-annotation-stat-sep{color:var(--text-tertiary);font-size:.875rem}.pf-annotation-stat-total{font-size:.875rem;color:var(--text-secondary)}.pf-annotation-stat-label{font-size:.6875rem;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px;font-weight:600;font-family:var(--font-primary)}.pf-annotation-stat-time{font-size:.6875rem;color:var(--text-tertiary);margin-left:var(--space-xs)}.pf-annotation-progress{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.pf-annotation-progress-fill{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .5s ease}@media (max-width: 700px){.pf-annotation-header{flex-direction:column}.pf-annotation-controls{width:100%;flex-wrap:wrap}}.pf-annotate-modal{display:flex;flex-direction:column;gap:var(--space-md)}.pf-annotate-modal-desc{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.pf-annotate-modal-options{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.pf-annotate-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--text-tertiary);font-size:.8125rem}.pf-annotate-modal .product-selector{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.pf-annotate-modal .product-selector-list{overflow-y:auto;padding:var(--space-xs)}.pf-annotate-modal .product-selector-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.pf-annotate-modal .product-selector-item:hover{background:var(--bg-hover)}.pf-annotate-modal .product-selector-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);flex-shrink:0}.pf-annotate-modal .product-thumbnail-sm{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-secondary)}.pf-annotate-modal .product-thumbnail-sm.placeholder{display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.pf-annotate-modal .product-thumbnail-sm.placeholder svg{width:16px;height:16px;color:var(--text-tertiary)}.pf-annotate-modal .product-selector-item .product-name{font-size:.8125rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-annotate-modal .product-selector-empty{padding:var(--space-md);text-align:center;color:var(--text-tertiary);font-size:.8125rem}.pf-snap-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-md)}.pf-snap-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.pf-snap-description{color:var(--text-tertiary);font-size:.8125rem;margin:0}.pf-snap-dump-controls{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.pf-snap-dump-controls .input-wrapper{width:180px}.pf-snap-loading{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);color:var(--text-tertiary);font-size:.8125rem;justify-content:center}.pf-snap-empty{padding:var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:.8125rem}.pf-snap-list{display:flex;flex-direction:column;gap:1px;background:var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.pf-snap-card{background:var(--bg-primary)}.pf-snap-card:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.pf-snap-card:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.pf-snap-card-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background .15s ease}.pf-snap-card-main:hover{background:var(--bg-secondary)}.pf-snap-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.pf-snap-card-top{display:flex;align-items:center;gap:var(--space-sm)}.pf-snap-timestamp{font-size:.875rem;font-weight:600;color:var(--text-primary)}.pf-snap-label{font-size:.6875rem;padding:2px 8px;background:var(--color-info-bg);color:var(--color-info);border-radius:10px;font-weight:600}.pf-snap-card-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--text-tertiary);font-family:var(--font-mono)}.pf-snap-meta-sep{opacity:.4}.pf-snap-creator{color:var(--accent-primary)}.pf-snap-card-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.pf-snap-expand-icon{width:18px;height:18px;color:var(--text-tertiary);transition:transform .2s ease;flex-shrink:0}.pf-snap-expand-icon.expanded{transform:rotate(180deg)}.pf-snap-card-details{padding:0 var(--space-lg) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.pf-snap-detail-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);font-weight:600}.pf-snap-row-counts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px var(--space-lg)}.pf-snap-row-item{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.pf-snap-table-name{font-size:.75rem;color:var(--text-secondary)}.pf-snap-row-count{font-size:.75rem;color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.pf-snap-s3-key{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.pf-snap-s3-key code{background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.6875rem;color:var(--text-secondary)}.pf-snap-confirm-details{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary);margin-bottom:var(--space-md)}@media (max-width: 700px){.pf-snap-header{flex-direction:column}.pf-snap-dump-controls{width:100%}.pf-snap-dump-controls .input-wrapper{flex:1;width:auto}.pf-snap-card-meta{flex-wrap:wrap}}.pf-sync-info{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary)}.pf-sync-info svg{width:20px;height:20px;color:var(--accent-primary);flex-shrink:0;margin-top:2px}.pf-sync-info p{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.pf-sync-info code{background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--accent-primary)}.order-details-inline{padding:var(--space-md);background:var(--bg-tertiary);border-left:3px solid var(--accent);color:var(--text-primary)}.order-details-inline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.order-details-inline-title h3{margin:0;font-size:1.1rem;font-weight:700}.order-details-inline-meta{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center;margin-top:var(--space-xs)}.order-details-inline-meta-item{font-size:.8rem;color:var(--text-secondary)}.order-details-inline-timestamps{display:flex;gap:var(--space-md);font-size:.75rem;color:var(--text-secondary)}.order-details-inline-timestamps small{display:block;margin-bottom:2px}.order-details-inline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.order-details-inline .order-detail-card{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-xs)}.order-details-inline .order-detail-card h4{margin:0 0 var(--space-xs);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.order-details-inline .order-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;line-height:1.3}.order-details-inline .order-detail-row strong{font-weight:600}.order-details-inline .order-detail-link{color:var(--accent);text-decoration:none;font-weight:600}.order-details-inline-items{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:var(--space-md)}.order-details-inline-items-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.order-details-inline-items-header h4{margin:0;font-size:1rem}.order-details-inline-items-header p{margin:0;font-size:.8rem;color:var(--text-secondary)}.order-details-inline-items-total{text-align:right;font-size:.8rem;color:var(--text-secondary)}.order-details-inline-items-total strong{display:block;font-size:1rem;color:var(--text-primary)}.order-details-inline .order-items-table-wrapper{overflow-x:auto}.order-details-inline .order-items-table{width:100%;border-collapse:collapse;min-width:720px;font-size:.85rem}.order-details-inline .order-items-table th,.order-details-inline .order-items-table td{border-bottom:1px solid var(--border-subtle);padding:var(--space-xs) var(--space-sm);text-align:left;vertical-align:middle}.order-details-inline .order-items-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.order-details-inline .order-item-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.order-details-inline .order-item-thumbnail-placeholder{width:48px;height:48px;border-radius:var(--radius-sm);border:1px dashed var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.order-details-inline .order-item-name{display:flex;flex-direction:column;gap:2px}.order-details-inline .order-item-name small{font-size:.7rem;color:var(--text-secondary)}.order-details-inline .order-item-listing{display:flex;flex-direction:column;gap:2px}.order-details-inline .order-item-listing-id{font-size:.75rem;color:var(--text-secondary)}.order-details-inline .order-item-listing a{font-size:.7rem;color:var(--accent);text-decoration:none}.order-details-inline .text-muted{color:var(--text-secondary)}.order-details-inline-loading,.order-details-inline-error{padding:var(--space-lg);text-align:center;color:var(--text-secondary)}.order-details-inline-error{color:var(--error-text)}.channel-cell{display:flex;align-items:center;gap:8px;min-width:0}.channel-cell-avatar{width:26px;height:26px;min-width:26px;aspect-ratio:1;border-radius:50%;object-fit:cover;flex-shrink:0}.channel-cell-text{display:flex;flex-direction:column;min-width:0;gap:1px}.channel-cell-name{font-weight:500;font-size:.8125rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-cell-handle{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-id-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);color:var(--text-primary)}.order-id-cell{position:relative;display:inline-block;white-space:nowrap}.order-id-truncated{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.order-id-copy-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding-right:4px;background:linear-gradient(to right,transparent 30%,var(--bg-tertiary) 60%);border:none;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);opacity:0;transition:opacity .15s,color .15s}.order-id-cell:hover .order-id-copy-btn{opacity:1}.order-id-copy-btn:hover{color:var(--accent-primary)}.customer-info{display:flex;flex-direction:column}.customer-name{font-weight:500}.customer-email{font-size:.75rem;color:var(--text-secondary)}.order-date-cell{display:inline-block;min-width:110px}.order-channel-cell{display:block;max-width:130px;overflow:hidden}.order-channel-cell .channel-cell-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-history-container{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:1400px;margin:0 auto}.pf-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.pf-history-header h2{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.pf-history-controls{display:flex;gap:var(--space-md);align-items:center}.pf-history-search{width:240px}.pf-history-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:var(--space-md);border-radius:var(--radius-md)}.pf-history-table-wrapper{overflow-x:auto;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.pf-history-table{width:100%;border-collapse:collapse;font-size:.8125rem}.pf-history-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:1}.pf-history-table th{padding:var(--space-md);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-default);white-space:nowrap}.pf-history-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-primary)}.pf-history-table tbody tr:hover{background:var(--bg-hover)}.pf-history-table tbody tr:last-child td{border-bottom:none}.pf-history-loading-cell,.pf-history-empty-cell{text-align:center;padding:var(--space-xl)!important}.history-id-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);color:var(--text-primary)}.history-event-badge{font-size:.75rem;font-weight:500;background:var(--bg-tertiary);padding:3px 8px;border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap}.pf-history-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md);padding:0 var(--space-xs)}.payouts-page{padding:0;max-width:1200px;margin:0 auto}.payouts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-md);color:var(--text-secondary)}.payouts-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-md);color:var(--color-error)}.earnings-table-wrapper,.payouts-table-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card)}.earnings-table,.payouts-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.earnings-table th,.payouts-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);white-space:nowrap}.earnings-table td,.payouts-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.earnings-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.earnings-table tbody tr:hover{background:var(--bg-hover)}.earnings-table tbody tr:last-child td,.payouts-table tbody tr:last-child td{border-bottom:none}.col-right{text-align:right}.col-mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.col-mono-sub{font-size:.7rem;opacity:.7}.col-date-cell{white-space:nowrap;font-size:var(--text-xs);color:var(--text-secondary)}.creator-cell{display:flex;flex-direction:column;gap:2px}.creator-name{font-weight:500;color:var(--text-primary)}.creator-email{font-size:var(--text-xs);color:var(--text-secondary)}.money-cell{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.money-bold{font-weight:500}.money-positive{color:var(--color-success);font-weight:500}.money-zero{color:var(--text-secondary)}.earnings-detail-row td{padding:0;background:var(--bg-tertiary)}.earnings-detail-content{padding:var(--space-md) var(--space-lg)}.inline-payout-form{display:flex;flex-direction:column;gap:var(--space-sm)}.inline-payout-fields{display:flex;align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap}.inline-payout-field{display:flex;flex-direction:column;gap:var(--space-xs)}.inline-payout-error{padding:var(--space-xs) var(--space-sm);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-xs)}.inline-payout-disabled{font-size:var(--text-xs);color:var(--text-secondary);font-style:italic}.inline-payout-success{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-success);font-size:var(--text-sm);font-weight:500}.inline-payout-success svg{width:18px;height:18px}.stripe-dashboard-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--bg-card);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--accent-primary);font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.stripe-dashboard-link:hover{background:var(--bg-hover)}.stripe-dashboard-link svg{width:14px;height:14px}.payout-error-msg{margin-top:var(--space-xs);font-size:.7rem;color:var(--color-error);max-width:300px;cursor:help}.payouts-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);align-items:center}.payouts-pagination-row{display:flex;justify-content:center;margin-top:var(--space-lg)}@media (max-width: 768px){.inline-payout-fields{flex-direction:column;align-items:stretch}}.finance-page{padding:0;max-width:1400px;margin:0 auto}.finance-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-md);color:var(--text-secondary)}.finance-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-md);color:var(--color-error)}.finance-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.finance-kpi-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.finance-kpi-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.finance-kpi-value.positive{color:var(--color-success)}.finance-kpi-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.finance-filters{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.finance-channel-filter{min-width:220px}.finance-search{flex:1;min-width:200px;max-width:320px}.finance-table-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);margin-bottom:var(--space-lg)}.finance-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.finance-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);white-space:nowrap}.finance-table th.col-right{text-align:right}.finance-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.finance-table tbody tr.order-row{cursor:pointer;transition:background var(--transition-fast)}.finance-table tbody tr.order-row:hover{background:var(--bg-hover)}.finance-table tbody tr:last-child td{border-bottom:none}.currency-cell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.currency-positive{color:var(--color-success);font-weight:500}.currency-negative{color:var(--color-error);font-weight:500}.currency-zero{color:var(--text-secondary)}.finance-expand-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:2px 4px;display:flex;align-items:center;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.finance-expand-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.finance-expand-btn svg{transition:transform .2s ease}.finance-expand-btn.expanded svg{transform:rotate(180deg)}.finance-line-items-loading{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);color:var(--text-secondary);font-size:var(--text-sm)}.finance-item-subheader td{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-xs) var(--space-md);white-space:nowrap}.finance-item-row td{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle, var(--border-color));font-size:var(--text-xs);padding:var(--space-xs) var(--space-md);vertical-align:middle}.finance-item-indent{border-left:3px solid var(--color-primary, var(--border-color))!important}.finance-item-name{font-size:var(--text-xs);color:var(--text-primary)}.finance-item-currency-row td{background:var(--bg-secondary);padding:4px var(--space-md);border-bottom:none;font-size:var(--text-xs)}.finance-item-currency-note{margin-left:var(--space-sm);color:var(--text-secondary);font-size:var(--text-xs)}.finance-item-note-row td{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--space-xs) var(--space-md)}.finance-fee-badge{display:inline-block;padding:1px 6px;border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.7rem;font-variant-numeric:tabular-nums}.processing-fees-note{font-size:var(--text-xs);color:var(--text-secondary);font-style:italic;padding:var(--space-xs) 0}.finance-pagination-row{display:flex;justify-content:center;margin-top:var(--space-lg)}.col-date{white-space:nowrap;font-size:var(--text-xs);color:var(--text-secondary)}.col-secondary{font-size:var(--text-xs);color:var(--text-secondary)}.col-header-tip{position:relative;display:inline-flex;align-items:center;cursor:default}.col-tip-bubble{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(-4px);background:var(--bg-tooltip, #1a1a2e);color:var(--text-on-tooltip, #e8e8f0);font-size:.68rem;font-weight:400;letter-spacing:0;text-transform:none;white-space:nowrap;padding:5px 8px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000040;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:100}.col-header-tip:hover .col-tip-bubble{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.col-tip-bubble:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--bg-tooltip, #1a1a2e)}@media (max-width: 900px){.finance-summary-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.stripe-logs-container{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:1400px;margin:0 auto}.stripe-logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.stripe-logs-header h2{font-size:var(--text-2xl);font-weight:700;margin:0;color:var(--text-primary)}.stripe-logs-controls{display:flex;gap:var(--space-md);align-items:center}.stripe-logs-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-md);border-radius:var(--radius-md)}.stripe-logs-table-wrapper{overflow-x:auto;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.stripe-logs-table{width:100%;border-collapse:collapse;font-size:.8125rem}.stripe-logs-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:1}.stripe-logs-table th{padding:var(--space-md);text-align:left;font-weight:600;font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-default);white-space:nowrap}.stripe-logs-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.stripe-logs-table tbody tr.clickable{cursor:pointer;transition:background var(--transition-fast)}.stripe-logs-table tbody tr.clickable:hover{background:var(--bg-hover)}.stripe-logs-table tbody tr.clickable:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.stripe-logs-table tbody tr.clickable.expanded{background:var(--bg-hover)}.stripe-logs-table tbody tr:last-child td{border-bottom:none}.stripe-logs-loading-cell,.stripe-logs-empty-cell{text-align:center;padding:var(--space-xl)!important}.col-time{width:160px}.col-method{width:200px}.col-status{width:100px}.col-stripe-id,.col-request-id{width:180px}.col-duration{width:90px;text-align:right}.col-entity{width:120px}.stripe-logs-time{white-space:nowrap;font-size:var(--text-xs);color:var(--text-secondary)}.stripe-logs-mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.col-duration-cell{text-align:right;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs)}.stripe-method-badge{display:inline-block;padding:2px var(--space-sm);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;background:var(--color-info-bg);color:var(--color-info);white-space:nowrap}.stripe-logs-detail-row td{padding:0!important;background:var(--bg-primary)}.stripe-logs-detail-row:hover{background:transparent!important}.stripe-logs-detail{padding:var(--space-md) var(--space-lg);display:flex;flex-wrap:wrap;gap:var(--space-md)}.stripe-detail-section{flex:1 1 250px;min-width:200px}.stripe-detail-section h4{margin:0 0 var(--space-xs) 0;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.stripe-detail-section pre{margin:0;padding:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);overflow-x:auto;max-height:200px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.stripe-detail-section code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-xs)}.stripe-detail-error pre{border-color:var(--color-error);background:var(--color-error-bg);color:var(--color-error)}.stripe-logs-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md);padding:0 var(--space-xs)}.pagination-info{font-size:var(--text-sm);color:var(--text-secondary)}.stripe-logs-footer{padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.stripe-account-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--accent-primary);text-decoration:none;transition:opacity var(--transition-fast)}.stripe-account-link:hover{opacity:.85}.stripe-account-link .external-icon{width:14px;height:14px;opacity:.8}.harvest-no-runs{font-size:.875rem;color:var(--text-secondary)}.harvest-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:.9rem}.harvest-modal-body{display:flex;flex-direction:column;gap:1rem;padding-bottom:.5rem}.prompt-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-lg);animation-fill-mode:backwards;transition:all .2s ease;overflow:hidden}.prompt-card:hover{border-color:var(--accent-primary);box-shadow:0 0 20px #84a98c1a}.prompt-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-md)}.prompt-title-row{display:flex;align-items:center;gap:var(--space-sm)}.prompt-stage{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-on-accent);background:var(--accent-primary);padding:4px 10px;border-radius:var(--radius-sm)}.prompt-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.prompt-slug{font-size:.75rem;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-tertiary);padding:4px 12px;border-radius:var(--radius-md);flex-shrink:0}.prompt-sections{display:flex;flex-direction:column;gap:var(--space-md)}.prompt-section{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md)}.prompt-section-title{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.prompt-section p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.prompt-section .preserve-whitespace{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.prompt-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.prompt-list li{font-size:.8125rem;color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.schema-code{background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);font-size:.75rem;font-family:var(--font-mono);color:var(--accent-primary);overflow-x:auto;margin:0;border:1px solid var(--border-subtle);max-height:300px;overflow-y:auto;white-space:pre;word-break:normal}.cost-breakdown{display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-xl)}.cost-breakdown-stats{display:flex;flex-wrap:wrap;gap:var(--space-md)}.cost-stat-card{flex:1 1 160px;min-width:160px;max-width:250px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:row;align-items:center;gap:var(--space-md);transition:all .2s ease}.cost-stat-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cost-stat-card.highlight{background:linear-gradient(135deg,rgba(212,175,55,.1) 0%,transparent 100%);border-color:var(--accent-highlight)}.cost-stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cost-stat-icon svg{width:24px;height:24px}.cost-stat-icon.today,.cost-stat-icon.week{background:var(--color-info-bg);color:var(--color-info)}.cost-stat-icon.month{background:var(--color-success-bg);color:var(--accent-success)}.cost-stat-icon.artifact{background:var(--color-success-bg);color:var(--color-success)}.cost-stat-icon.calls{background:var(--color-warning-bg);color:var(--accent-tertiary)}.cost-stat-icon.artifacts{background:var(--color-error-bg);color:var(--accent-secondary)}.cost-stat-content{display:flex;flex-direction:column}.cost-stat-value{font-size:1.5rem;font-weight:700;line-height:1.2;font-family:var(--font-mono)}.cost-stat-card.highlight .cost-stat-value{color:var(--accent-highlight)}.cost-stat-label{font-size:.8125rem;color:var(--text-secondary)}.cost-breakdown-charts{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--space-lg)}@media (max-width: 1200px){.cost-breakdown-charts{grid-template-columns:1fr}}.cost-breakdown-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.cost-breakdown-section.chart-section{min-height:280px}.cost-breakdown-title{display:flex;align-items:center;gap:var(--space-sm);font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.cost-breakdown-title svg{width:18px;height:18px;color:var(--text-tertiary)}.cost-bar-list{display:flex;flex-direction:column;gap:var(--space-md)}.cost-bar-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-sm);transition:background .2s ease}.cost-bar-item:hover{background:var(--bg-tertiary)}.cost-bar-header{display:flex;justify-content:space-between;align-items:center}.cost-bar-name{font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-xs)}.cost-provider-dot{width:8px;height:8px;border-radius:50%}.cost-bar-value{font-size:.875rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.cost-bar-track{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.cost-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.daily-chart{display:flex;gap:var(--space-md);height:180px}.daily-chart-bars{flex:1;display:flex;align-items:flex-end;gap:4px;padding-bottom:var(--space-lg)}.daily-chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.daily-chart-bar{width:100%;max-width:24px;border-radius:3px 3px 0 0;transition:all .3s ease;cursor:pointer;position:absolute;bottom:20px}.daily-chart-bar:hover{opacity:1!important;filter:brightness(1.2)}.daily-chart-label{position:absolute;bottom:0;font-size:.625rem;color:var(--text-tertiary);white-space:nowrap;transform:rotate(-45deg);transform-origin:top left}.daily-chart-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.6875rem;color:var(--text-tertiary);padding-bottom:var(--space-lg);font-family:var(--font-mono);min-width:50px;text-align:right}.cost-breakdown-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-tertiary);font-size:.875rem;font-style:italic}.cost-breakdown-section.pie-section{min-height:280px}.pie-chart-container{display:flex;align-items:center;gap:var(--space-lg)}.pie-chart{width:160px;height:160px;flex-shrink:0}.pie-segment{transition:all .2s ease;cursor:pointer}.pie-segment:hover{filter:brightness(1.2);transform-origin:center}.pie-center-value{font-size:14px;font-weight:700;fill:var(--text-primary);font-family:var(--font-mono)}.pie-center-label{font-size:10px;fill:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.pie-legend{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;min-width:0}.pie-legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.8125rem}.pie-legend-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.pie-legend-name{flex:1;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pie-legend-value{font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}@media (min-width: 1200px){.cost-breakdown-charts{grid-template-columns:1.5fr 1fr 1fr 1fr}}.task-cost-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.task-cost-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.task-cost-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);gap:var(--space-md)}.task-cost-header-left{display:flex;flex-direction:column;gap:4px;min-width:0}.task-cost-name{font-size:1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-cost-flow{font-size:.75rem;color:var(--accent-primary);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-xs);width:fit-content}.task-cost-total{font-size:1.5rem;font-weight:700;color:var(--accent-success);white-space:nowrap}.task-cost-body{padding:var(--space-md);flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.task-cost-metrics{display:flex;gap:var(--space-sm);flex-wrap:wrap}.task-cost-metric{display:flex;flex-direction:column;align-items:center;min-width:70px;padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-md)}.task-cost-metric.highlight{background:var(--color-success-bg);border:1px solid var(--color-success)}.task-cost-metric-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.task-cost-metric.highlight .task-cost-metric-value{color:var(--accent-success)}.task-cost-metric-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.task-cost-breakdown{display:flex;gap:var(--space-md);flex-wrap:wrap}.task-cost-breakdown-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.8125rem}.task-cost-breakdown-label{color:var(--text-tertiary)}.task-cost-breakdown-value{font-weight:600;font-family:var(--font-mono)}.task-cost-breakdown-value.image{color:var(--accent-primary)}.task-cost-breakdown-value.input{color:var(--accent-tertiary)}.task-cost-breakdown-value.output{color:var(--accent-secondary)}.task-cost-model-breakdown{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.task-cost-model-breakdown-header{display:flex;align-items:center;gap:var(--space-xs);font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.task-cost-model-breakdown-header svg{color:var(--accent-tertiary)}.task-cost-model-list{display:flex;flex-direction:column;gap:4px}.task-cost-model-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;padding:4px 0;border-bottom:1px solid var(--border-subtle)}.task-cost-model-item:last-child{border-bottom:none}.task-cost-model-name{flex:1;color:var(--text-secondary);font-family:var(--font-mono);font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-cost-model-calls{color:var(--text-tertiary);font-size:.6875rem;min-width:28px;text-align:right}.task-cost-model-per-artifact{color:var(--accent-tertiary);font-family:var(--font-mono);font-size:.6875rem;min-width:55px;text-align:right;opacity:.85}.task-cost-model-cost{color:var(--accent-success);font-weight:600;font-family:var(--font-mono);font-size:.75rem;min-width:55px;text-align:right}.task-cost-tokens{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono)}.task-cost-tokens svg{width:14px;height:14px;color:var(--text-tertiary)}.token-divider{color:var(--text-tertiary)}.task-cost-footer{display:flex;justify-content:center;align-items:center;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.task-cost-range{font-size:.6875rem;color:var(--text-tertiary)}.listings-table-wrapper{overflow-x:auto;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.listings-table{width:100%;border-collapse:collapse;font-size:.8125rem}.listings-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:1}.listings-table th{padding:var(--space-sm) var(--space-sm);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-default);white-space:nowrap}.listings-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.listings-table tbody tr:hover{background:var(--bg-hover)}.listings-table tbody tr:last-child td{border-bottom:none}.listings-table .col-image{width:60px}.listings-table .col-title{min-width:200px}.listings-table .col-status{width:100px}.listings-table .col-cost,.listings-table .col-retail{width:80px}.listings-table .col-channel{min-width:200px;width:200px}.listings-table .col-published{width:120px}.listings-table .col-actions{width:60px}.listing-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-tertiary)}.listing-thumbnail-placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-tertiary)}.listing-thumbnail-placeholder svg{width:24px;height:24px}.listing-title{font-weight:500;color:var(--text-primary);display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listing-id{display:block;font-size:.6875rem;color:var(--text-tertiary);font-family:var(--font-mono);margin-top:2px}.status-badge{display:inline-block;padding:3px 8px;border-radius:var(--radius-xs);font-size:.6875rem;font-weight:500;text-transform:capitalize;background:var(--bg-tertiary);color:var(--text-secondary)}.status-badge.status-success{background:#82c28526;color:var(--color-success)}.status-badge.status-warning{background:#e9b28e26;color:var(--color-warning)}.status-badge.status-muted{background:var(--bg-tertiary);color:var(--text-tertiary)}.price-value{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);font-weight:500}.price-value.price-cost{color:var(--text-secondary)}.listings-table td.col-channel{overflow:visible;vertical-align:middle}.date-value{color:var(--text-secondary);font-size:.8125rem}.text-muted{color:var(--text-tertiary)}.listings-table .action-buttons{display:flex;gap:4px}.listings-table .action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-decoration:none}.listings-table .action-btn:hover{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.listings-table .action-btn svg{width:14px;height:14px;display:block;flex-shrink:0}.executions-table-wrapper{overflow-x:auto;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.executions-table{width:100%;border-collapse:collapse;font-size:.8125rem}.executions-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:1}.executions-table th{padding:var(--space-sm) var(--space-sm);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-default);white-space:nowrap}.executions-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.executions-table tbody tr:hover{background:var(--bg-hover)}.executions-table tbody tr.clickable{cursor:pointer}.executions-table tbody tr:last-child td{border-bottom:none}.executions-table .empty-state{text-align:center;padding:var(--space-xl)!important}.executions-table .empty-state .empty-icon{width:48px;height:48px;margin:0 auto var(--space-md);color:var(--text-tertiary)}.executions-table .empty-state p{color:var(--text-secondary);margin:0}.col-execution-id{width:180px}.col-status{width:120px}.col-channel{width:200px}.col-user{width:180px}.col-trigger{width:100px}.col-stages{width:80px}.col-current{width:120px}.col-cost{width:100px;text-align:left}.col-created{width:160px}.execution-id-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);color:var(--text-primary)}.status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:capitalize}.status-completed{background:var(--success-bg);color:var(--success-text)}.status-running{background:var(--info-bg);color:var(--info-text)}.status-failed{background:var(--error-bg);color:var(--error-text)}.status-queued{background:var(--bg-tertiary);color:var(--text-secondary)}.status-unknown{background:var(--bg-tertiary);color:var(--text-tertiary)}.error-tooltip{display:inline-block;margin-left:4px;color:var(--error-text);cursor:help;width:14px;height:14px}.error-tooltip svg{width:100%;height:100%}.user-info{font-size:.8125rem}.user-email{color:var(--text-primary)}.user-name{font-size:.75rem;color:var(--text-secondary)}.trigger-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:.75rem;background:var(--bg-tertiary);color:var(--text-secondary);text-transform:capitalize}.current-stage{color:var(--text-primary);font-weight:500;text-transform:capitalize}.no-channel,.no-user,.no-stage,.no-cost{color:var(--text-tertiary);font-style:italic}.cost-amount{font-weight:500;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem}.actions-group{display:flex;align-items:center;gap:4px}.action-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:none;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background .2s,color .2s}.action-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.action-icon-btn svg{width:15px;height:15px}.restart-btn:hover{color:var(--success-text)}.restart-btn:disabled{opacity:.4;cursor:not-allowed}.restart-btn.restarting svg{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.pf-style-renders-table-wrapper{overflow-x:auto;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.pf-style-renders-table{width:100%;border-collapse:collapse;font-size:.8125rem}.pf-style-renders-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:1}.pf-style-renders-table th{padding:var(--space-sm) var(--space-sm);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-default);white-space:nowrap}.pf-style-renders-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.pf-style-renders-table tbody tr:hover{background:var(--bg-hover)}.pf-style-renders-table tbody tr:last-child td{border-bottom:none}.pf-style-renders-table .col-image{width:64px;padding:var(--space-xs)}.render-thumbnail{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);display:block}.render-thumbnail-placeholder{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-muted)}.render-thumbnail-placeholder svg{width:24px;height:24px}.style-id{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.render-product-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;color:var(--text-secondary)}.technique-tags{display:flex;gap:3px;flex-wrap:wrap}.technique-tag{display:inline-block;padding:2px 6px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-xs);font-size:.6875rem;font-weight:500;white-space:nowrap}.render-color-cell{display:flex;align-items:center;gap:var(--space-xs)}.render-color-cell .color-swatch{width:18px;height:18px;border-radius:50%;flex-shrink:0;border:1px solid var(--border-default)}.render-color-name{font-weight:500;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-style-renders-table .variant-id{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.render-type-tag{display:inline-block;padding:2px 6px;border-radius:var(--radius-xs);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.render-type-full_print_area{background:var(--bg-success-subtle, rgba(130, 194, 133, .15));color:var(--accent-success)}.render-type-background_probe{background:var(--bg-info-subtle, rgba(122, 173, 204, .15));color:var(--accent-info, var(--color-info))}.render-type-mask{background:var(--bg-warning-subtle, rgba(233, 178, 142, .15));color:var(--accent-warning, var(--color-warning))}.default-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.default-dot.is-default{background:var(--accent-success)}.default-dot.not-default{background:var(--text-muted)}.pf-style-renders-table .action-buttons{display:flex;gap:4px}.pf-style-renders-table .action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.pf-style-renders-table .action-btn:hover{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.pf-style-renders-table .action-btn svg{width:14px;height:14px;display:block;flex-shrink:0}.modal-container.mockup-style-modal{max-width:950px}.product-info-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.product-name-label{font-size:.875rem;color:var(--text-secondary);flex:1}.product-type-badge{padding:4px 10px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary);color:var(--accent-primary)}.modal-technique-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--color-warning-bg);color:var(--color-warning)}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.status-indicator:before{content:"";width:6px;height:6px;border-radius:50%}.status-indicator.active{background:var(--color-success-bg);color:var(--accent-success)}.status-indicator.active:before{background:var(--accent-success)}.status-indicator.inactive{background:var(--color-error-bg);color:var(--color-error)}.status-indicator.inactive:before{background:var(--color-error)}.default-badge{margin-left:var(--space-xs);padding:2px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;background:var(--color-success-bg);color:var(--color-success)}.bool-indicator{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:500}.bool-indicator:before{content:"";width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.bool-indicator.yes{color:var(--accent-success)}.bool-indicator.yes:before{background:var(--color-success-bg);box-shadow:inset 0 0 0 2px var(--accent-success)}.bool-indicator.no{color:var(--text-muted)}.bool-indicator.no:before{background:var(--bg-tertiary);box-shadow:inset 0 0 0 2px var(--border-default)}.description-meta{display:block;margin-top:var(--space-sm);font-size:.75rem;color:var(--text-muted);font-style:italic}.detail-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.detail-section.full-width{grid-column:1 / -1}@media (max-width: 768px){.detail-sections{grid-template-columns:1fr}}.placement-tabs-container{margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-default)}.placement-tabs-container .ui-tabs{flex-wrap:wrap;gap:var(--space-xs)}.placement-tabs-container .ui-tabs__tab{font-size:.75rem;padding:6px 12px;text-transform:capitalize}.image-controls-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.variant-tabs-container{flex:1;min-width:0}.variant-tabs-container .ui-tabs{flex-wrap:wrap;gap:var(--space-xs)}.variant-tabs-container .ui-tabs__tab{font-size:.75rem;padding:6px 12px}.render-view-switcher{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:2px;flex-shrink:0}.render-view-btn{padding:4px 10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.render-view-btn:hover{color:var(--text-primary)}.render-view-btn.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:0 1px 2px #0000001a}.pf-products-table-wrapper{overflow-x:auto;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.pf-products-table{width:100%;border-collapse:collapse;font-size:.8125rem}.pf-products-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:1}.pf-products-table th{padding:var(--space-sm) var(--space-sm);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-default);white-space:nowrap}.pf-products-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.pf-products-table tbody tr:hover{background:var(--bg-hover)}.pf-products-table tbody tr:last-child td{border-bottom:none}.col-image{width:64px}.col-name{width:180px}.pf-products-table .col-type{width:140px;text-align:left}.col-id{width:60px}.col-techniques{width:140px}.col-variants,.col-colors,.col-styles{width:70px}.col-price{width:120px}.col-scale{width:90px}.col-active{width:60px}.col-actions{width:80px}.product-thumbnail{width:56px;height:56px;object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-tertiary)}.product-thumbnail-placeholder{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-tertiary)}.product-thumbnail-placeholder svg{width:20px;height:20px}.product-name{font-weight:500;color:var(--text-primary);display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.techniques-list{display:flex;flex-wrap:wrap;gap:4px;transition:opacity .2s ease}.techniques-list.updating{opacity:.5;pointer-events:none}.technique-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid transparent;border-radius:var(--radius-xs);font-size:.6875rem;font-weight:500;text-transform:uppercase;cursor:default;transition:all .15s ease}.technique-tag.clickable{cursor:pointer}.technique-tag.clickable:not(:disabled):hover{background:#84a98c33;border-color:var(--accent-primary);color:var(--accent-primary)}.technique-tag.primary{background:#84a98c33;color:var(--accent-primary);border-color:var(--accent-primary);font-weight:600}.technique-star{width:10px;height:10px;color:var(--color-gold, #D4AF37);flex-shrink:0}.price-range{font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary)}.active-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary)}.active-checkbox:disabled{cursor:wait;opacity:.5}.active-checkbox.no-technique{cursor:not-allowed;opacity:.3}.action-buttons{display:flex;gap:4px}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.action-btn svg{width:14px;height:14px;display:block;flex-shrink:0}.scale-info{display:flex;flex-direction:column;gap:2px}.scale-values{font-size:.8rem;font-family:var(--font-mono);color:var(--text-primary)}.scale-aspect{font-size:.7rem;color:var(--text-tertiary)}.pf-product-modal-body{display:flex;flex-direction:column;gap:1.5rem}.pf-product-header{display:flex;gap:1rem;align-items:flex-start}.pf-product-header-thumb{width:80px;height:80px;border-radius:8px;object-fit:contain;background:var(--bg-secondary, #f0f0f0);flex-shrink:0}.pf-product-header-placeholder{width:80px;height:80px;border-radius:8px;background:var(--bg-secondary, #f0f0f0);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0}.pf-product-header-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.pf-product-header-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.pf-product-header-meta{font-size:.8125rem;color:var(--text-secondary)}.pf-product-header-meta span+span:before{content:" ·"}.pf-product-mockup-section{border:1px solid var(--border-color);border-radius:8px;padding:.75rem;background:var(--bg-secondary, #f8f8f8)}.pf-product-mockup-section h4{margin:0 0 .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.pf-product-mockup-container{position:relative;display:inline-block}.pf-product-mockup-img{max-width:280px;max-height:280px;border-radius:6px;object-fit:contain}.pf-product-mockup-badge{position:absolute;bottom:6px;left:6px;background:#000000b3;color:#fff;font-size:.6875rem;font-weight:500;padding:2px 6px;border-radius:4px;line-height:1.3}.pf-product-mockup-placeholder{display:flex;align-items:center;gap:.5rem;color:var(--text-tertiary);font-size:.8125rem}.pf-product-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.pf-product-info-item{display:flex;flex-direction:column;gap:.125rem}.pf-product-info-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.pf-product-info-value{font-size:.875rem;color:var(--text-primary);word-break:break-word}.pf-product-placement-section{border:1px solid var(--border-color);border-radius:8px;padding:.75rem}.pf-product-placement-section h4{margin:0 0 .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.pf-placement-row{display:flex;gap:1rem;flex-wrap:wrap}.pf-placement-item{display:flex;flex-direction:column;gap:.125rem;min-width:80px}.pf-placement-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.pf-placement-value{font-size:.875rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.pf-overrides-section{border:1px solid var(--accent-primary);border-radius:8px;padding:.75rem}.pf-overrides-section h4{margin:0 0 .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary)}.pf-overrides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.pf-override-field label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.25rem}.pf-override-field input{width:100%;padding:.375rem .5rem;font-size:.8125rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-card);color:var(--text-primary);box-sizing:border-box}.pf-override-field input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #84a98c33}.pf-overrides-actions{display:flex;justify-content:flex-end;margin-top:.75rem}.pf-product-loading{display:flex;align-items:center;justify-content:center;padding:3rem}.pf-variants-table-wrapper{overflow-x:auto;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.pf-variants-table{width:100%;border-collapse:collapse;font-size:.8125rem}.pf-variants-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:1}.pf-variants-table th{padding:var(--space-sm) var(--space-sm);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-default);white-space:nowrap}.pf-variants-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.pf-variants-table tbody tr:hover{background:var(--bg-hover)}.pf-variants-table tbody tr:last-child td{border-bottom:none}.variant-color-cell{display:flex;align-items:center;gap:var(--space-xs)}.color-swatch{width:18px;height:18px;border-radius:50%;flex-shrink:0;border:1px solid var(--border-default)}.color-swatch-dual{width:18px;height:18px;border-radius:50%;flex-shrink:0;border:1px solid var(--border-default);overflow:hidden;position:relative}.color-swatch-dual:before,.color-swatch-dual:after{content:"";position:absolute;top:0;width:50%;height:100%}.color-swatch-dual:before{left:0}.color-swatch-dual:after{right:0}.variant-color-name{font-weight:500;color:var(--text-primary);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-type-tag{display:inline-block;padding:2px 6px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-xs);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.actual-color-cell{display:flex;align-items:center;gap:var(--space-xs)}.actual-color-cell .color-swatch{width:14px;height:14px}.variant-product-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.render-count{font-family:var(--font-mono);font-size:.75rem}.render-count.has-renders{color:var(--accent-primary);font-weight:600}.render-count.no-renders{color:var(--text-muted)}.variant-price{font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary)}.variant-active-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.variant-active-dot.active{background:var(--accent-success)}.variant-active-dot.inactive{background:var(--text-muted)}.variant-id{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.pf-variants-table .action-buttons{display:flex;gap:4px}.pf-variants-table .action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.pf-variants-table .action-btn:hover{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.pf-variants-table .action-btn svg{width:14px;height:14px;display:block;flex-shrink:0}.pf-color-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-subtle);display:flex;flex-direction:column;animation-fill-mode:backwards}.pf-color-card:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 8px 40px #84a98c1f}.pf-color-swatch-container{position:relative;width:100%}.pf-color-swatch{width:100%;aspect-ratio:2 / 1;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-subtle);position:relative}.pf-color-name-overlay{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.3);opacity:0;transition:opacity .2s ease}.pf-color-card:hover .pf-color-name-overlay{opacity:1}.pf-color-inactive-badge{position:absolute;top:var(--space-xs);right:var(--space-xs);padding:2px 8px;background:#000000b3;color:var(--accent-secondary);border-radius:var(--radius-sm);font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pf-color-content{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.pf-color-header{display:flex;flex-direction:column;gap:4px}.pf-color-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.pf-color-codes{display:flex;gap:var(--space-xs);flex-wrap:wrap}.pf-color-code{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm);letter-spacing:.5px}.pf-color-code.secondary{opacity:.7}.pf-color-product-info{display:flex;flex-direction:column;gap:2px}.pf-color-product-name{font-size:.8125rem;color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-color-product-type{font-size:.625rem;color:var(--color-sage-dark);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.pf-color-sizes{display:flex;flex-direction:column;gap:4px;background:var(--bg-tertiary);padding:var(--space-sm);border-radius:var(--radius-md)}.pf-sizes-label{font-size:.5625rem;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px;font-weight:600}.pf-sizes-list{display:flex;flex-wrap:wrap;gap:4px}.pf-size-tag{padding:2px 8px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.625rem;font-weight:600}.pf-color-meta{display:flex;justify-content:space-between;gap:var(--space-xs);margin-top:auto}.pf-color-variant-id,.pf-color-product-id{font-size:.5625rem;color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:.3px}.pf-color-footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-subtle)}.pf-color-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:6px 12px;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pf-color-action-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#84a98c14}.pf-color-action-btn svg{width:14px;height:14px}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{height:48px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-content{padding:0 var(--space-md);display:grid;grid-template-columns:auto 1fr auto;height:100%;align-items:center;gap:var(--space-md)}.header-content>.logo{justify-self:start}.header-content>.header-right{justify-self:end;display:flex;align-items:center;gap:var(--space-sm)}.header-content>.launch-countdown{flex:1;display:flex;justify-content:center}.logo{display:flex;align-items:center;gap:4px}.logo-icon{height:20px;width:auto;margin-bottom:3px}.logo-name{height:24px;width:auto}.logo-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;background:var(--bg-tertiary);border-radius:20px;color:var(--text-secondary)}.app-body{display:flex;flex:1;min-height:0;padding-left:175px}.sidebar{width:175px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;padding:var(--space-sm) 0;position:fixed;top:48px;left:0;bottom:0;z-index:10}.sidebar-nav{display:flex;flex-direction:column}.sidebar-section{padding:0 var(--space-sm);margin-bottom:var(--space-xs)}.sidebar-section:first-child{padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-sm)}.sidebar-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:5px var(--space-sm);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left}.sidebar-item svg{width:18px;height:18px;flex-shrink:0}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:#84a98c26;color:var(--accent-primary);font-weight:600}.sidebar-item.active svg{color:var(--accent-primary)}.sidebar-item.sidebar-item-link{text-decoration:none}.sidebar-item.sidebar-item-link:visited{color:var(--text-secondary)}.sidebar-item.sidebar-item-icon-only{margin-top:var(--space-md);border-top:1px solid var(--border-subtle);padding-top:var(--space-md)}@keyframes attention-bounce{0%,to{transform:translateY(0) rotate(0)}15%{transform:translateY(-4px) rotate(-5deg)}30%{transform:translateY(0) rotate(0)}45%{transform:translateY(-2px) rotate(3deg)}60%{transform:translateY(0) rotate(0)}}.sidebar-item-icon-only.attention svg{animation:attention-bounce 1.5s ease-in-out infinite;animation-delay:2s}.sidebar-section-header{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xs) var(--space-sm);background:transparent;border:none;color:var(--text-tertiary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-xs)}.sidebar-section-header:hover{color:var(--text-secondary)}.sidebar-section-header .section-chevron{width:14px;height:14px;transition:transform var(--transition-fast)}.sidebar-section-header.expanded .section-chevron{transform:rotate(90deg)}.sidebar-section-items{display:flex;flex-direction:column;gap:2px}.user-menu{display:flex;align-items:center;gap:var(--space-sm);margin-left:var(--space-sm);padding-left:var(--space-sm);border-left:1px solid var(--border-color)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);cursor:default}.user-email{font-size:.875rem;color:var(--text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signout-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.signout-btn svg{width:18px;height:18px}.signout-btn:hover{color:var(--status-error);background:#ef44441a}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-md)}.auth-loading .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.auth-loading p{color:var(--text-secondary);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.main{flex:1;min-width:0;min-height:0;max-width:1400px;margin:0 auto;padding:var(--space-sm) var(--space-md);width:100%;display:flex;flex-direction:column;overflow:hidden}.tab-content{flex:1;min-height:0;overflow-y:auto}.stats-section{display:flex;flex-wrap:nowrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:6px var(--space-sm);display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease;min-width:0;flex:1}.stat-card:hover{border-color:var(--border-default)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.stat-card.active{border-color:var(--accent-primary);box-shadow:0 0 20px #84a98c26}.stat-icon{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:14px;height:14px}.stat-icon.total{background:#84a98c26;color:var(--accent-primary)}.stat-icon.concepts{background:#ff6b6b26;color:var(--accent-secondary)}.stat-icon.designs{background:#84a98c26;color:var(--accent-primary)}.stat-icon.mockups,.stat-icon.today{background:#00c48c26;color:var(--accent-success)}.stat-icon.pending{background:#ffb34726;color:var(--accent-warning)}.stat-icon.passed{background:#00c48c26;color:var(--accent-success)}.stat-icon.costs{background:var(--color-warning-bg);color:var(--color-warning)}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-value{font-size:1.125rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);font-weight:600}.filters-section{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.filters-left{display:flex;align-items:center;gap:var(--space-lg)}.search-form,.channel-filter-combobox{width:320px;flex-shrink:0}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-left:44px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);transition:all .2s ease}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #84a98c1a}.filter-group{display:flex;gap:var(--space-sm)}.filter-select{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23636366' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.filter-select:focus{outline:none;border-color:var(--accent-primary)}.filter-select option{background:var(--bg-secondary);color:var(--text-primary)}.rating-filter{display:flex;align-items:center;gap:var(--space-xs)}.rating-filter label{font-size:.875rem;color:var(--text-secondary);margin-right:var(--space-xs)}.rating-input{width:60px;padding:var(--space-sm) var(--space-sm);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font-mono);text-align:center;transition:all .2s ease}.rating-input:focus{outline:none;border-color:var(--accent-primary)}.rating-input::placeholder{color:var(--text-tertiary)}.rating-separator{color:var(--text-tertiary);font-size:.875rem}.filter-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-toggle svg{width:16px;height:16px}.filter-toggle:hover{border-color:var(--accent-primary);color:var(--text-primary)}.filter-toggle.active{background:#84a98c1a;border-color:var(--accent-primary);color:var(--accent-primary)}.refresh-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn svg{width:18px;height:18px}.filter-actions{display:flex;align-items:center;gap:var(--space-md)}.sort-toggle{display:flex;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.sort-toggle-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.sort-toggle:not(.single) .sort-toggle-btn:first-child{border-right:1px solid var(--border-subtle)}.sort-toggle-btn:hover:not(.active){color:var(--text-secondary);background:var(--bg-hover)}.sort-toggle-btn.active{background:var(--accent-primary);color:var(--text-inverse)}.sort-toggle-btn svg{width:16px;height:16px}.error-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-md);color:var(--accent-secondary);margin-bottom:var(--space-xl)}.error-banner svg{width:20px;height:20px;flex-shrink:0}.error-banner span{flex:1}.error-banner button{padding:var(--space-xs) var(--space-md);background:var(--accent-secondary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.skeleton-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.skeleton-image{aspect-ratio:3 / 4;background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-content{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-line{height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.empty-icon{width:80px;height:80px;margin:0 auto var(--space-lg);color:var(--text-tertiary)}.empty-icon svg{width:100%;height:100%}.empty-state h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state p{font-size:.9375rem}.coming-soon-page{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary)}.coming-soon-page h2{font-size:1.5rem;font-weight:500;color:var(--text-tertiary)}.filter-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:#84a98c1a;border:1px solid rgba(132,169,140,.2);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.filter-banner-text{font-size:.875rem;color:var(--accent-primary);font-weight:500}.filter-banner-clear{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--accent-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-banner-clear:hover{background:var(--accent-primary);color:var(--text-inverse)}.filter-banner-clear svg{width:14px;height:14px}.entity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-lg)}.entity-grid.prompts-grid{grid-template-columns:1fr}.designs-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-md)}.mockups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.printful-colors-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm)}.styles-table-section{width:100%}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.pagination-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn svg{width:14px;height:14px}.pagination-info{font-size:.875rem;color:var(--text-secondary);padding:0 var(--space-md)}.cost-summary-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.cost-summary-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all .2s ease}.cost-summary-card:hover{background:var(--bg-hover)}.cost-summary-card.highlight{background:#d4af371a;border:1px solid rgba(212,175,55,.2)}.cost-summary-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:var(--space-xs)}.cost-summary-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.cost-summary-card.highlight .cost-summary-value{color:var(--accent-highlight)}.costs-executions-section{margin-top:var(--space-xl)}.costs-section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.costs-section-title svg{width:20px;height:20px;color:var(--text-tertiary)}.costs-count{margin-left:auto;font-size:.8125rem;font-weight:500;color:var(--text-tertiary);background:var(--bg-tertiary);padding:4px 10px;border-radius:var(--radius-sm)}.empty-state.compact{padding:var(--space-xl)}.empty-state.compact .empty-icon{width:48px;height:48px;margin-bottom:var(--space-md)}.empty-state.compact h3{font-size:1rem;margin-bottom:var(--space-xs)}.empty-state.compact p{font-size:.875rem}.global-toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);z-index:2000;pointer-events:none;animation:fadeIn .3s ease-out forwards,globalToastOut .3s ease-in forwards 3.7s}.global-toast-content{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.875rem;font-weight:500;max-width:480px}.global-toast.success .global-toast-content{border-color:var(--color-success)}.global-toast.success svg{color:var(--accent-success)}.global-toast.error .global-toast-content{border-color:var(--color-error)}.global-toast.error svg{color:var(--accent-secondary)}.global-toast-content svg{width:18px;height:18px;flex-shrink:0}@keyframes globalToastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.global-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:var(--space-md);animation:fadeIn .2s ease-out forwards}.global-confirm-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:var(--space-xl);box-shadow:0 20px 40px #0006;animation:scaleIn .2s cubic-bezier(.16,1,.3,1) forwards}.global-confirm-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.global-confirm-header svg{width:24px;height:24px;color:var(--accent-secondary);flex-shrink:0}.global-confirm-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.global-confirm-message{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl);white-space:pre-line}.global-confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-md)}.global-confirm-btn{padding:.5rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);transition:all .15s ease}.global-confirm-btn:hover{background:var(--bg-hover)}.global-confirm-btn.danger{background:var(--color-error);border-color:var(--color-error);color:#fff}.global-confirm-btn.danger:hover{filter:brightness(1.1)}.discovery-page{padding:1.5rem;height:100%;overflow:hidden;display:flex;flex-direction:column}.discovery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.discovery-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.discovery-total{font-size:.875rem;color:var(--text-secondary);margin-left:.75rem}.discovery-search{max-width:180px;flex-shrink:0}.discovery-toolbar{display:flex;flex-wrap:nowrap;gap:.5rem;margin-bottom:.5rem;align-items:center}.discovery-run-filter{display:flex;align-items:center;gap:.25rem}.discovery-run-edit-btn{background:none;border:none;cursor:pointer;font-size:.875rem;padding:.25rem;color:var(--text-secondary);border-radius:4px;line-height:1}.discovery-run-edit-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.discovery-run-label-popover{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:100;background:var(--bg-surface, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:.75rem;width:260px;display:flex;flex-direction:column;gap:.5rem}.discovery-run-label-popover__title{font-weight:600;font-size:.8125rem;color:var(--text-primary)}.discovery-run-label-popover__hint{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.discovery-run-label-popover__actions{display:flex;justify-content:flex-end;gap:.375rem}.discovery-run-label-popover .input{height:2rem;font-size:.8125rem}.discovery-toolbar-row2{position:relative;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;height:2.25rem}.discovery-bulk-bar{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;height:2.25rem;box-sizing:border-box;background:var(--bg-card);border:1px solid var(--accent-primary);border-radius:6px;font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.discovery-bulk-bar--hidden{display:none;background:transparent}.discovery-table-wrapper{overflow-x:auto;overflow-y:auto;flex:1;min-height:0}.discovery-table{width:100%;border-collapse:collapse;font-size:.8125rem}.discovery-table thead th{padding:.625rem .5rem;text-align:left;font-weight:600;font-size:.75rem;color:var(--text-secondary);border-bottom:2px solid var(--border-color);white-space:nowrap;background:var(--bg-primary);position:sticky;top:0;z-index:1}.discovery-table th.col-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.discovery-table th.col-sortable:hover{color:var(--accent-primary)}.discovery-table th.col-checkbox{width:40px}.discovery-table th.col-channel{min-width:200px}.discovery-table tbody td{padding:.5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.discovery-row{cursor:pointer;transition:background .1s}.discovery-row:hover{background:var(--bg-hover, var(--color-sage-light))}.niches-table{width:100%;border-collapse:collapse;font-size:.8125rem}.niches-table thead th{padding:.625rem .5rem;text-align:left;font-weight:600;font-size:.75rem;color:var(--text-secondary);border-bottom:2px solid var(--border-color);white-space:nowrap;background:var(--bg-primary);position:sticky;top:0;z-index:1}.niches-table tbody td{padding:.5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:top}.niches-table tbody tr:hover{background:var(--bg-hover, var(--color-sage-light))}.channel-cell{display:flex;align-items:center;gap:.5rem}.channel-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;object-fit:cover}.channel-avatar-fallback{width:24px;height:24px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.6875rem;flex-shrink:0}.channel-info{display:flex;flex-direction:column;min-width:0}.channel-name{font-weight:600;font-size:.8125rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-handle{font-size:.6875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.channel-yt-link{color:var(--text-secondary);text-decoration:none;transition:color .15s}.channel-yt-link:hover{color:red}.channel-internal-link{color:var(--text-secondary);text-decoration:none;font-size:.75rem;opacity:.6;transition:opacity .15s}.channel-internal-link:hover{opacity:1;color:var(--color-primary)}.fit-score-cell{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-weight:700;font-size:.75rem;color:#fff}.col-signals{white-space:nowrap}.signal-icon{display:inline-block;margin-right:4px;font-size:.875rem;cursor:default}.pipeline-link{text-decoration:none}.text-muted{color:var(--text-secondary)}.rejection-reason-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:.875rem}.rejection-reason-input:focus{outline:none;border-color:var(--accent-primary)}.candidate-detail-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.candidate-detail{display:flex;flex-direction:column;gap:1.25rem}.candidate-detail-header{display:flex;align-items:center;gap:1rem}.candidate-detail-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.candidate-detail-identity h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.candidate-detail-handle{font-size:.875rem;color:var(--text-secondary);margin-right:.75rem}.candidate-detail-subs{font-size:.875rem;color:var(--text-secondary)}.candidate-detail-score-section{display:flex;align-items:center;gap:.75rem}.candidate-detail-score-large{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff}.candidate-detail-revenue{font-size:.875rem;color:var(--text-secondary);font-weight:500}.candidate-detail-section h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.candidate-detail-section p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.candidate-detail-section ul{margin:0;padding-left:1.25rem}.candidate-detail-section li{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.candidate-detail-dimensions{display:flex;flex-direction:column;gap:.75rem}.dimension-row{padding:.75rem;background:var(--bg-primary);border-radius:8px}.dimension-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.dimension-name{font-weight:500;font-size:.875rem;color:var(--text-primary)}.dimension-score-group{display:flex;align-items:center;gap:.5rem}.dimension-score{font-weight:700;font-size:.875rem;color:var(--text-primary)}.dimension-reasoning{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;margin:0}.candidate-detail-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.candidate-detail-metrics-grid>div{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;color:var(--text-secondary)}.metric-value{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.candidate-detail-contact{display:flex;flex-direction:column;gap:.5rem}.contact-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.contact-label{color:var(--text-secondary);min-width:120px}.contact-value{color:var(--text-primary)}.discovery-run-form{display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.discovery-slider{width:100%;accent-color:var(--accent-primary)}.slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.discovery-row.expanded{background:var(--bg-hover)}.discovery-detail-row td{padding:0!important;border-bottom:1px solid var(--border-color);vertical-align:top}.discovery-detail-row:hover{background:transparent!important}.candidate-inline{background:var(--bg-tertiary);border-left:3px solid var(--accent-primary);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.candidate-inline-topbar{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.candidate-inline-identity{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.candidate-inline-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.candidate-inline-avatar-fallback{width:40px;height:40px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.candidate-inline-title{font-size:1rem;color:var(--text-primary)}.candidate-inline-handle{font-size:.75rem;color:var(--text-secondary)}.candidate-inline-score-area{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.candidate-inline-score{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff}.candidate-inline-actions{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto;flex-wrap:wrap}.candidate-inline-reject{max-width:400px}.candidate-inline-body{max-height:480px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md);padding-right:var(--space-xs)}.candidate-inline-section h4{margin:0 0 var(--space-xs);font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.candidate-inline-text{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin:0}.candidate-inline-designs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.candidate-inline-design-thumb{display:flex;flex-direction:column;gap:4px}.candidate-inline-design-thumb img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card)}.design-thumb-label{font-size:.6875rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate-inline-dimensions{display:flex;flex-direction:column;gap:.5rem}.candidate-inline-sr-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.candidate-inline-sr ul{margin:0;padding-left:1.25rem}.candidate-inline-sr li{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.candidate-inline-contact{display:flex;flex-wrap:wrap;gap:var(--space-md)}.contact-item{font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.contact-item strong{color:var(--text-primary);font-weight:600}.signin-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:2rem}.signin-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2.5rem;box-shadow:0 4px 24px #00000026}.signin-header{text-align:center;margin-bottom:2rem}.signin-header .logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.signin-header .logo-icon{height:48px;width:auto}.signin-header .logo-text{font-size:1.75rem;font-weight:700;color:var(--accent-primary)}.signin-header h1{font-size:1.5rem;color:var(--text-primary);margin:0 0 .5rem}.signin-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.signin-content{display:flex;flex-direction:column;gap:1.25rem}.signin-page .error-message{display:flex;align-items:flex-start;gap:.5rem;padding:.875rem;background:#ef44441a;border:1px solid var(--status-error);border-radius:.5rem;color:var(--status-error);font-size:.875rem}.signin-page .error-icon{flex-shrink:0}.google-signin-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.google-signin-button:hover:not(:disabled){background:var(--bg-card);border-color:var(--text-secondary);transform:translateY(-1px)}.google-signin-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-icon{flex-shrink:0}.signin-footer{margin-top:2rem;text-align:center;padding-top:1.25rem;border-top:1px solid var(--border-color)}.signin-footer p{color:var(--text-secondary);font-size:.875rem;margin:0}:root{--color-sage: #84A98C;--color-sage-light: #EAF2EB;--color-sage-dark: #6B8B73;--color-charcoal: #2C363F;--color-charcoal-light: #3d4a54;--color-gold: #D4AF37;--color-gold-light: #e5c75a;--bg-primary: #F7F8F9;--bg-secondary: #EAF2EB;--bg-tertiary: #FFFFFF;--bg-card: #FFFFFF;--bg-dropdown: rgba(255, 255, 255, .95);--bg-hover: #e8f0e9;--bg-hover-darker: #DDE7DE;--bg-overlay: rgba(44, 54, 63, .6);--bg-sidebar: #FFFFFF;--text-primary: #2C363F;--text-secondary: #566573;--text-tertiary: #8a939c;--text-inverse: #FFFFFF;--text-on-accent: #FFFFFF;--accent-primary: var(--color-sage);--accent-primary-hover: var(--color-sage-dark);--accent-highlight: var(--color-gold);--accent-highlight-hover: var(--color-gold-light);--color-success: #406343;--color-success-bg: rgba(64, 99, 67, .1);--color-warning: #E29578;--color-warning-bg: rgba(226, 149, 120, .1);--color-error: #AD3D3D;--color-error-bg: rgba(173, 61, 61, .1);--color-info: #457B9D;--color-info-bg: rgba(69, 123, 157, .1);--chart-1: var(--color-sage);--chart-1-bg: rgba(132, 169, 140, .1);--chart-2: var(--color-gold);--chart-2-bg: rgba(212, 175, 55, .1);--chart-3: #457B9D;--chart-3-bg: rgba(69, 123, 157, .1);--chart-4: #6D597A;--chart-4-bg: rgba(109, 89, 122, .1);--border-color: #D1D9D1;--border-color-strong: rgba(44, 54, 63, .2);--border-accent: var(--color-sage);--color-disabled: #A9B2A9;--shadow-xs: 0 1px 2px rgba(44, 54, 63, .05);--shadow-sm: 0 2px 4px rgba(44, 54, 63, .08);--shadow-md: 0 4px 12px rgba(44, 54, 63, .1);--shadow-lg: 0 8px 24px rgba(44, 54, 63, .12);--shadow-xl: 0 16px 48px rgba(44, 54, 63, .15);--shadow-glow: 0 0 20px rgba(132, 169, 140, .2);--accent-glow: rgba(132, 169, 140, .1);--focus-ring: 0 0 0 3px rgba(132, 169, 140, .3);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--breakpoint-mobile: 768px;--breakpoint-laptop: 1024px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-toast: 2000;--border-subtle: var(--border-color);--border-default: var(--border-color-strong);--border-muted: var(--border-color);--accent-secondary: var(--color-error);--accent-tertiary: var(--color-warning);--accent-success: var(--color-success);--accent-warning: var(--color-warning)}:root.dark{--bg-primary: #121414;--bg-secondary: #1A1D1D;--bg-tertiary: #282C2C;--bg-card: #222626;--bg-dropdown: rgba(34, 38, 38, .95);--bg-hover: #2D3232;--bg-hover-darker: #363B3B;--bg-overlay: rgba(0, 0, 0, .7);--bg-sidebar: #181b1b;--text-primary: #E4E7E4;--text-secondary: #949C94;--text-tertiary: #626B62;--text-inverse: #121414;--text-on-accent: #121414;--accent-primary: #94B69B;--accent-primary-hover: #A8C4AE;--accent-highlight: var(--color-gold);--accent-highlight-hover: #e5c75a;--color-success: #82C285;--color-success-bg: rgba(130, 194, 133, .15);--color-warning: #E9B28E;--color-warning-bg: rgba(233, 178, 142, .15);--color-error: #E57373;--color-error-bg: rgba(229, 115, 115, .15);--color-info: #7AADCC;--color-info-bg: rgba(122, 173, 204, .15);--chart-1: #94B69B;--chart-1-bg: rgba(148, 182, 155, .15);--chart-2: var(--color-gold);--chart-2-bg: rgba(212, 175, 55, .12);--chart-3: #7AADCC;--chart-3-bg: rgba(122, 173, 204, .15);--chart-4: #9080A0;--chart-4-bg: rgba(144, 128, 160, .15);--border-color: rgba(228, 231, 228, .08);--border-color-strong: rgba(228, 231, 228, .15);--border-accent: #94B69B;--color-disabled: #626B62;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(148, 182, 155, .25);--accent-glow: rgba(148, 182, 155, .15);--focus-ring: 0 0 0 3px rgba(148, 182, 155, .4);--border-subtle: var(--border-color);--border-default: var(--border-color-strong);--border-muted: var(--border-color);--accent-secondary: var(--color-error);--accent-tertiary: var(--color-warning);--accent-success: var(--color-success);--accent-warning: var(--color-warning)}@media (prefers-color-scheme: dark){:root:not(.light){--bg-primary: #121414;--bg-secondary: #1A1D1D;--bg-tertiary: #282C2C;--bg-card: #222626;--bg-dropdown: rgba(34, 38, 38, .95);--bg-hover: #2D3232;--bg-hover-darker: #363B3B;--bg-overlay: rgba(0, 0, 0, .7);--bg-sidebar: #181b1b;--text-primary: #E4E7E4;--text-secondary: #949C94;--text-tertiary: #626B62;--text-inverse: #121414;--text-on-accent: #121414;--accent-primary: #94B69B;--accent-primary-hover: #A8C4AE;--accent-highlight: var(--color-gold);--accent-highlight-hover: #e5c75a;--color-success: #82C285;--color-success-bg: rgba(130, 194, 133, .15);--color-warning: #E9B28E;--color-warning-bg: rgba(233, 178, 142, .15);--color-error: #E57373;--color-error-bg: rgba(229, 115, 115, .15);--color-info: #7AADCC;--color-info-bg: rgba(122, 173, 204, .15);--chart-1: #94B69B;--chart-1-bg: rgba(148, 182, 155, .15);--chart-2: var(--color-gold);--chart-2-bg: rgba(212, 175, 55, .12);--chart-3: #7AADCC;--chart-3-bg: rgba(122, 173, 204, .15);--chart-4: #9080A0;--chart-4-bg: rgba(144, 128, 160, .15);--color-disabled: #626B62;--border-color: rgba(228, 231, 228, .08);--border-color-strong: rgba(228, 231, 228, .15);--border-accent: #94B69B;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(148, 182, 155, .25);--accent-glow: rgba(148, 182, 155, .15);--focus-ring: 0 0 0 3px rgba(148, 182, 155, .4)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out forwards}.animate-fade-out{animation:fadeOut var(--transition-base) ease-out forwards}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out forwards}.animate-slide-down{animation:slideDown var(--transition-slow) ease-out forwards}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out forwards}.animate-scale-in{animation:scaleIn var(--transition-base) cubic-bezier(.16,1,.3,1) forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-spin{animation:spin .8s linear infinite}.animate-bounce{animation:bounce .6s ease-in-out}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:var(--leading-normal);min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-secondary)}::selection{background:var(--accent-primary);color:var(--text-on-accent)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}:focus:not(:focus-visible){outline:none;box-shadow:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover)}code,pre{font-family:var(--font-mono)}code{font-size:.875em;background:var(--bg-secondary);padding:.125em .375em;border-radius:var(--radius-xs)}pre{background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto}pre code{background:none;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button{cursor:pointer;background:none;border:none}button:disabled{cursor:not-allowed;opacity:.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}
