.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--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 currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.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}@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}.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}@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-md);margin-top:var(--space-lg)}.ui-pagination__btn{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-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:16px;height:16px}.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;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:none;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--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)}.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-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)}.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}.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)}.card-header-row{display:flex;align-items:center;justify-content:space-between;padding:6px var(--space-sm);gap:var(--space-xs)}.card-header-row.rating-pending{background:var(--bg-tertiary);color:var(--text-secondary)}.card-header-row.rating-excellent{background:#00c48c26;color:var(--accent-success)}.card-header-row.rating-good{background:#84a98c26;color:var(--accent-primary)}.card-header-row.rating-average{background:#ffc10726;color:#ffc107}.card-header-row.rating-poor{background:#ff6b6b26;color:var(--accent-secondary)}.card-rating{font-size:.8125rem;font-weight:700;flex-shrink:0}.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}.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}.card-image{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.design-card:hover .card-image{transform:scale(1.05)}.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)}.card-image-placeholder svg{width:48px;height:48px}.card-image-placeholder span{font-size:.875rem}.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}.card-concept-title:hover{opacity:.7}.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}.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}.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)}.card-hover-btn:hover:not(:disabled){background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.card-hover-btn:disabled{opacity:.5;cursor:not-allowed}.card-hover-btn svg{width:14px;height:14px}.card-footer{display:flex;flex-direction:column;align-items:center;gap:0;padding:0;border-top:1px solid var(--border-subtle)}.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)}.card-channel-avatar{width:18px;height:18px;border-radius:50%;flex-shrink:0}.card-channel-title{font-size:.75rem;color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-fill-mode:backwards}.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)!important;background-image:none!important;overflow:hidden;padding:0!important;display:block!important}.mockup-set-card .card-image{width:100%;height:100%;object-fit:cover!important;transition:transform .4s ease}.mockup-set-card:hover .card-image{transform:scale(1.05)}.mockup-set-card .card-hover-actions{position:absolute;top:var(--space-xs);right:var(--space-xs);display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.mockup-set-card:hover .card-hover-actions{opacity:1}.mockup-set-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)}.mockup-set-card .card-hover-btn:hover{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.mockup-set-card .card-hover-btn svg{width:14px;height:14px}.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-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}.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{font-size:.625rem;color:var(--text-tertiary);font-family:var(--font-mono);padding:4px var(--space-sm)}.mockup-style-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;display:flex;flex-direction:column}.mockup-style-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.mockup-style-image-container{position:relative;aspect-ratio:1 / 1;background:var(--bg-tertiary);overflow:hidden}.mockup-style-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.mockup-style-card:hover .mockup-style-image{transform:scale(1.05)}.mockup-style-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-style-image-placeholder svg{width:48px;height:48px;opacity:.5}.mockup-style-image-placeholder span{font-size:.75rem}.mockup-style-feature-badges{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;gap:4px}.feature-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.feature-badge:hover{transform:scale(1.1)}.feature-badge svg{width:14px;height:14px}.feature-badge.has-mask{background:var(--color-success);color:#fff}.mockup-style-info-badges{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;flex-direction:column;gap:4px;align-items:flex-end}.info-badge{background:#000000b3;color:#fff;padding:2px 8px;border-radius:var(--radius-sm);font-size:.625rem;font-weight:600}.info-badge.variant-count{background:var(--color-info)}.info-badge.color-name{background:#000000b3;font-style:italic}.mockup-style-content{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.mockup-style-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.mockup-style-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0}.mockup-style-view{padding:2px 8px;border-radius:20px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;background:var(--color-success-bg);color:var(--color-success)}.mockup-style-product{display:flex;flex-direction:column;gap:2px;padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);transition:all .2s ease}.mockup-style-product[role=button]{cursor:pointer}.mockup-style-product[role=button]:hover{background:var(--bg-hover)}.mockup-style-product .product-name{font-size:.75rem;color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-style-product .product-type{font-size:.625rem;color:var(--color-sage-dark);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.mockup-style-meta{display:flex;flex-wrap:wrap;gap:4px}.mockup-style-meta .meta-tag{padding:2px 8px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.625rem;font-weight:500}.mockup-style-meta .meta-tag.style-id{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--accent-primary)}.mockup-style-meta .meta-tag.product-id{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--text-tertiary)}.mockup-style-meta .meta-tag.placement{background:var(--color-success-bg);color:var(--accent-success)}.mockup-style-meta .meta-tag.technique{background:var(--color-warning-bg);color:var(--accent-tertiary)}.default-checkbox-label{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.625rem;font-weight:500;cursor:pointer;transition:background .15s ease,opacity .15s ease}.default-checkbox-label:hover{background:var(--bg-hover)}.default-checkbox-label.toggling{opacity:.5;cursor:wait}.default-checkbox{width:12px;height:12px;margin:0;cursor:pointer;accent-color:var(--accent-primary)}.default-checkbox:disabled{cursor:wait}.default-checkbox-label.no-front{opacity:.4;cursor:not-allowed}.default-checkbox-label.no-front:hover{background:var(--bg-tertiary)}.default-checkbox.no-front{cursor:not-allowed}.mockup-style-description{font-size:.75rem;color:var(--text-secondary);line-height:1.5;margin:0;flex:1}.mockup-style-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)}.mockup-style-design-id{font-size:.625rem;color:var(--text-tertiary);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mockup-style-date{display:flex;align-items:center;gap:4px;font-size:.6875rem;color:var(--text-tertiary);font-family:var(--font-mono);flex-shrink:0}.mockup-style-date svg{width:12px;height:12px}.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{width:180px}.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{height:1px}.channel-cell-wrapper{height:100%;display:flex;align-items:center}.channel-info{display:flex;align-items:center;gap:8px}.channel-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.channel-name{color:var(--text-primary);font-size:.8125rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.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:50px}.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-active{width:60px}.col-actions{width:80px}.product-thumbnail{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-tertiary)}.product-thumbnail-placeholder{width:40px;height:40px;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}.technique-tag{display:inline-block;padding:2px 6px;background:#84a98c26;color:var(--accent-primary);border-radius:var(--radius-xs);font-size:.6875rem;font-weight:500;text-transform:uppercase}.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-dtg{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}.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}.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-coverage-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-subtle)}.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-sync-coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}@media (max-width: 600px){.pf-sync-coverage-grid{grid-template-columns:1fr}}.pf-sync-coverage-item{display:flex;flex-direction:column;gap:var(--space-xs)}.pf-sync-coverage-header{display:flex;justify-content:space-between;align-items:center}.pf-sync-coverage-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.pf-sync-coverage-value{font-size:.75rem;color:var(--text-tertiary);font-family:var(--font-mono)}.pf-sync-coverage-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.pf-sync-coverage-fill{height:100%;border-radius:4px;transition:width .5s ease}.pf-sync-coverage-fill.examples{background:linear-gradient(90deg,var(--accent-primary),var(--color-info))}.pf-sync-coverage-fill.masks{background:linear-gradient(90deg,var(--accent-success),var(--color-success))}.pf-sync-coverage-percent{font-size:.75rem;color:var(--accent-primary);font-weight:700;font-family:var(--font-mono)}.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)}.pf-orders-page{display:flex;align-items:center;justify-content:center;min-height:500px;padding:var(--space-xl)}.pf-orders-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;padding:var(--space-xxl);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.pf-orders-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-info-bg),var(--color-success-bg));display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg)}.pf-orders-icon svg{width:40px;height:40px;color:var(--accent-primary)}.pf-orders-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.pf-orders-description{font-size:.9375rem;color:var(--text-secondary);margin:0 0 var(--space-xl) 0;line-height:1.6}.pf-orders-features{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;margin-bottom:var(--space-xl)}.pf-orders-feature{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)}.pf-orders-feature svg{width:18px;height:18px;color:var(--accent-success);flex-shrink:0}.pf-orders-feature span{font-size:.875rem;color:var(--text-secondary)}.pf-orders-coming-soon{margin-top:auto}.pf-orders-badge{display:inline-block;padding:var(--space-xs) var(--space-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-highlight));color:var(--color-charcoal);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:20px}.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)}.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}}.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-fill-mode:backwards}.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-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.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-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}.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}.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%}}.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}.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}.modal-container.mask-modal{max-width:900px}.image-stack{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-stack .modal-image-full{width:100%;height:100%;object-fit:contain}.mask-overlay-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;mix-blend-mode:multiply;filter:invert(1) hue-rotate(180deg)}.mask-overlay-controls{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.opacity-control{display:flex;align-items:center;gap:var(--space-sm)}.mask-icon{width:18px;height:18px;color:#ffffffb3;flex-shrink:0}.opacity-label{font-size:.75rem;color:#ffffffb3}.opacity-slider{width:120px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:2px;cursor:pointer}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:transform .1s ease}.opacity-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.opacity-slider::-moz-range-thumb{width:14px;height:14px;background:var(--accent-primary);border-radius:50%;border:none;cursor:pointer}.opacity-value{font-size:.75rem;font-weight:600;color:var(--accent-primary);min-width:36px;text-align:right}.modal-view-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--color-success-bg);color:var(--color-success)}.modal-placement-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;background:var(--color-success-bg);color:var(--accent-success)}.variant-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.variant-chip{padding:4px 10px;background:var(--bg-tertiary);color:var(--accent-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.description-text{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.detail-row .mono.small{font-size:.6875rem;word-break:break-all}.modal-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.action-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.action-btn.secondary:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.modal-image-full.mask{image-rendering:crisp-edges}.image-lightbox-img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:var(--radius-md)}.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}}.variant-tabs-container{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-default)}.variant-tabs-container .ui-tabs{flex-wrap:wrap;gap:var(--space-xs)}.variant-tabs-container .ui-tabs__tab{font-size:.75rem;padding:6px 12px}.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}.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}.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(140px,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:560px;max-height:90vh;overflow-y:auto;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-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}.youtube-channel-card{background:var(--bg-card);border-radius:var(--radius-lg);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;min-height:280px;overflow:hidden}.channel-banner{height:80px;width:100%;overflow:hidden;background:var(--bg-tertiary)}.channel-banner img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity .3s ease}.youtube-channel-card:hover .channel-banner img{opacity:.8}.channel-card-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);flex:1}.youtube-channel-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.channel-header{display:flex;flex-direction:column;gap:4px}.channel-avatar-title{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.channel-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--bg-card);margin-top:-20px;background:var(--bg-card)}.channel-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.channel-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.youtube-badge{color:var(--color-error);width:24px;height:24px;flex-shrink:0}.channel-url{font-size:.75rem;font-family:var(--font-mono);color:var(--text-tertiary);word-break:break-all;opacity:.7}.channel-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.channel-summary{font-size:.8125rem;padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-tertiary)}.channel-summary strong{display:block;font-size:.625rem;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;letter-spacing:.5px}.channel-summary p{margin:0;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.channel-stats{display:flex;gap:var(--space-md);margin-top:auto;background:#0000001a;padding:var(--space-sm);border-radius:var(--radius-md)}.stat-item{flex:1;display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.625rem;text-transform:uppercase;color:var(--text-tertiary);font-weight:500;letter-spacing:.5px}.stat-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.channel-footer{display:flex;justify-content:flex-end;padding-top:var(--space-xs)}.channel-date{font-size:.6875rem;color:var(--text-tertiary);font-family:var(--font-mono)}.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{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}.content-tab:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.content-tab.active{background:var(--bg-tertiary);color:var(--accent-primary);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)}.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{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))}.freedom-metrics{display:flex;gap:var(--space-lg);flex-wrap:wrap;padding-top:var(--space-sm);margin-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.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)}.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-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}.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)}.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}.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}.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-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}}.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}.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-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))}}.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}.col-actions{width:140px}.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-provisioning{background:var(--warning-bg);color:var(--warning-text)}.status-published{background:var(--success-bg);color:var(--success-text)}.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%}.channel-info{display:flex;align-items:center;gap:var(--space-xs)}.channel-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.channel-title{font-weight:500;color:var(--text-primary);font-size:.8125rem}.channel-handle{font-size:.75rem;color:var(--text-secondary)}.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}.kestra-link{display:inline-flex;align-items:center;gap:4px;color:var(--primary);text-decoration:none;font-size:.75rem;padding:4px 8px;border-radius:var(--radius-sm);transition:background .2s}.kestra-link:hover{background:var(--bg-hover)}.kestra-link svg{width:14px;height:14px}.app{min-height:100vh;display:flex;flex-direction:column}.header{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:var(--space-sm) var(--space-md);display:grid;grid-template-columns:auto 1fr auto;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:26px;width:auto;margin-bottom:4px}.logo-name{height:32px;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:190px}.sidebar{width:190px;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:67px;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:var(--space-sm) var(--space-md);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-icon-only{margin-top:var(--space-md);border-top:1px solid var(--border-subtle);padding-top:var(--space-md)}.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;max-width:1400px;margin:0 auto;padding:var(--space-lg) var(--space-md);width:100%;overflow-y:auto}.stats-section{display:flex;flex-wrap:nowrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.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-xl)}.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(4,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-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-subtle)}.pagination-btn{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-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;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:16px;height:16px}.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}.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);--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);--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;--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);--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);--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);--focus-ring: 0 0 0 3px rgba(148, 182, 155, .4);--border-subtle: var(--border-color);--border-default: var(--border-color-strong);--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);--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);--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)}