:root{--primitive-blue-500: #1B6EF3;--primitive-blue-600: #1558CC;--primitive-blue-50: #EEF4FF;--primitive-blue-100: #BFDBFE;--primitive-gray-50: #F5F6F9;--primitive-gray-100: #F3F4F6;--primitive-gray-200: #E5E7EB;--primitive-gray-300: #D1D5DB;--primitive-gray-400: #9CA3AF;--primitive-gray-500: #6B7280;--primitive-gray-600: #374151;--primitive-gray-700: #111827;--primitive-white: #FFFFFF;--primitive-red-600: #DC2626;--primitive-red-50: #FEE2E2;--primitive-slate-800: #1e293b;--primitive-slate-700: #334155;--primitive-slate-600: #475569;--primitive-slate-500: #64748b;--primitive-slate-400: #94a3b8;--primitive-slate-200: #e2e8f0;--primitive-navy: #1a1a2e;--color-primary: var(--primitive-blue-500);--color-primary-hover: var(--primitive-blue-600);--color-primary-soft: var(--primitive-blue-50);--color-primary-border: var(--primitive-blue-100);--color-surface: var(--primitive-white);--color-bg: var(--primitive-gray-50);--color-nav-bg: #34383A;--color-canvas-bg: #ECF0F8;--color-danger: var(--primitive-red-600);--color-danger-soft: var(--primitive-red-50);--danger: #EF4444;--text-1: var(--primitive-gray-700);--text-2: var(--primitive-gray-600);--text-3: var(--primitive-gray-500);--text-4: var(--primitive-gray-400);--border: var(--primitive-gray-200);--border-light: var(--primitive-gray-100);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--nav-width: 54px;--topbar-height: 52px;--text-sm: 12px;--text-md: 14px;--text-lg: 16px;--text-xl: 21px;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-pill: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.12);--shadow-xl: 0 20px 60px rgba(0,0,0,.18), 0 4px 16px rgba(0,0,0,.1);--shadow-focus: 0 0 0 3px rgba(27,110,243,.18);--shadow-focus-danger: 0 0 0 3px rgba(220,38,38,.2);--transition-fast: .12s;--transition-base: .2s;--canvas-dot: #C8D3E8;--button-primary-bg: var(--color-primary);--button-primary-bg-hover: var(--color-primary-hover);--button-primary-text: var(--primitive-white);--button-primary-radius: var(--radius-pill);--button-primary-padding-x: var(--space-4);--button-primary-padding-y: var(--space-2);--button-secondary-bg: var(--color-surface);--button-secondary-bg-hover: var(--color-bg);--button-secondary-text: var(--text-2);--button-secondary-border: var(--border);--button-icon-size: 32px;--button-icon-radius: var(--radius-md);--button-icon-color: var(--text-3);--button-icon-hover-bg: var(--color-bg);--input-bg: var(--color-surface);--input-border: var(--border);--input-border-hover: var(--primitive-gray-300);--input-focus-ring: var(--shadow-focus);--input-text: var(--text-1);--input-placeholder: var(--text-4);--input-radius: var(--radius-md);--input-padding-x: var(--space-2);--input-padding-y: var(--space-1);--select-bg: var(--color-surface);--select-border: var(--border);--select-option-hover-bg: var(--color-bg);--select-option-active-bg: var(--color-primary-soft);--select-option-active-text: var(--color-primary);--panel-bg: var(--color-surface);--panel-border: var(--border);--panel-shadow: var(--shadow-lg);--panel-radius: var(--radius-xl);--panel-padding: var(--space-4);--prop-section-header-text: var(--text-3);--prop-label-text: var(--text-2);--prop-row-gap: var(--space-3);--prop-row-padding-y: var(--space-2);--toolbar-bg: var(--primitive-slate-800);--toolbar-surface: var(--primitive-slate-700);--toolbar-border: var(--primitive-slate-600);--toolbar-icon-color: var(--primitive-slate-400);--toolbar-icon-muted: var(--primitive-slate-500);--toolbar-text: var(--primitive-slate-200);--toolbar-icon-hover-bg: rgba(255,255,255,.12);--toolbar-active-overlay: rgba(37,99,235,.35);--toolbar-action-active: #93c5fd;--toolbar-shadow: var(--shadow-lg);--nav-bg: var(--color-nav-bg);--nav-item-text: rgba(255,255,255,.5);--nav-item-text-hover: rgba(255,255,255,.85);--nav-item-text-active: #FFFFFF;--nav-item-active-bg: rgba(27,110,243,.18);--nav-item-hover-bg: rgba(255,255,255,.07);--nav-item-radius: var(--radius-md);--canvas-bg: var(--color-canvas-bg);--canvas-border: var(--border);--list-topbar-bg: var(--color-surface);--list-topbar-border: var(--border);--list-stat-card-bg: var(--color-surface);--list-stat-active-bg: var(--color-primary-soft);--list-row-hover-bg: var(--color-bg);--chip-bg: var(--color-surface);--chip-border: var(--border);--chip-border-hover: var(--primitive-gray-300);--chip-active-bg: var(--color-primary-soft);--chip-active-border: var(--color-primary-border);--chip-text: var(--text-2);--selection-outline: var(--color-primary);--selection-handle-bg: var(--color-primary);--selection-handle-border: var(--primitive-white);--brand-primary: #1B6EF3;--brand-secondary: #6D5FCC;--brand-background: #FFFFFF;--brand-text: #111827;--brand-border: #E5E7EB;--brand-button-bg: #1B6EF3;--brand-button-text: #FFFFFF;--brand-button-radius: 6px;--brand-button-bg-hover: #1558CC}:root{--text-xs: 12px;--toggle-bg: var(--primitive-gray-200);--toggle-bg-active: var(--color-primary);--toggle-text: var(--text-3);--toggle-text-active: var(--primitive-white);--color-border: var(--border);--color-text-muted: var(--text-3);--color-text-secondary: var(--text-2);--color-surface-muted: var(--color-bg);--color-warning: #f59e0b;--color-warning-surface: #fffbeb;--color-warning-text: #92400e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--text-1);font-family:Noto Sans,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:Noto Sans,sans-serif;cursor:pointer;border:none;background:none;font-size:14px;font-weight:600}input,textarea{font-family:Noto Sans,sans-serif}.app-root{display:flex;height:100vh;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.left-nav{width:54px;min-width:54px;height:100vh;background:var(--color-nav-bg);display:flex;flex-direction:column;align-items:center;padding-top:0;flex-shrink:0;z-index:10}.left-nav__logo{width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:600;color:#fcc642;background:var(--color-nav-bg);letter-spacing:.02em;flex-shrink:0}.left-nav__items{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px;overflow-y:auto}.nav-item{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--nav-item-text);transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.nav-item:hover{color:var(--nav-item-text-hover);background:var(--nav-item-hover-bg)}.nav-item--active{color:var(--nav-item-text-active);background:var(--nav-item-active-bg)}.list-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--color-surface)}.list-topbar{height:52px;min-height:52px;background:var(--color-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:20px;flex-shrink:0}.list-topbar__title{font-size:var(--text-lg);font-weight:600;color:var(--text-1);white-space:nowrap}.list-topbar__center{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-3);flex:1;justify-content:center}.pec-selector{display:flex;align-items:center;gap:8px;background:var(--border-light);border:1px solid var(--border);border-radius:6px;padding:4px 12px;font-size:var(--text-sm)}.topbar-context{color:var(--text-2);font-size:var(--text-sm)}.topbar-sep{color:var(--border)}.list-topbar__right{display:flex;align-items:center;gap:10px;margin-left:auto}.icon-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-3);transition:background var(--transition-fast),color var(--transition-fast)}.icon-btn:hover{background:var(--color-bg);color:var(--text-1)}.avatar{width:30px;height:30px;border-radius:50%;background:transparent;border:1px solid var(--text-3);color:var(--text-2);font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;justify-content:center}.list-content{padding:24px;gap:24px;display:flex;flex-direction:column;flex:1;overflow-y:auto}.stats-strip{display:flex;flex-shrink:0;overflow-x:auto;background:var(--color-surface);border-radius:10px;box-shadow:0 1px 4px #00000014,0 0 0 1px #0000000a}.stat-card{flex:1;min-width:140px;padding:16px 20px;border-right:1px solid var(--border);text-align:left;cursor:pointer;transition:background var(--transition-fast);border-radius:0;display:flex;flex-direction:column;gap:3px}.stat-card:first-child{border-radius:10px 0 0 10px}.stat-card:last-child{border-right:none;border-radius:0 10px 10px 0}.stat-card:hover{background:var(--color-bg)}.stat-card--active{background:var(--color-primary-soft)}.stat-card__count{font-size:var(--text-xl);font-weight:600;color:var(--text-1);line-height:1.1}.stat-card__label{font-size:var(--text-sm);color:var(--color-primary);font-weight:400}.table-section{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border-radius:10px;box-shadow:0 1px 4px #00000014,0 0 0 1px #0000000a;min-height:0}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);gap:12px;flex-shrink:0}.filter-row{display:flex;align-items:center;gap:8px;padding:8px 20px;background:transparent;border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0}.toolbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.search-box{display:flex;align-items:center;flex-direction:row;gap:7px;padding:0 12px;height:32px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--color-surface);width:220px}.search-input{border:none;outline:none;font-size:var(--text-sm);color:var(--text-2);flex:1;background:transparent}.search-input::-moz-placeholder{color:var(--text-4)}.search-input::placeholder{color:var(--text-4)}.table-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.icon-btn-sm{width:30px;height:30px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-3);background:transparent;transition:background var(--transition-fast),color var(--transition-fast)}.icon-btn-sm:hover{background:var(--color-bg);color:var(--text-1)}.icon-btn-sm--active{background:var(--color-primary-soft)!important;color:var(--color-primary)}.icon-btn-sm--active svg path{stroke:var(--color-primary)!important}.filter-chips{display:flex;align-items:center;gap:8px;padding:8px 20px;border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.filter-chip-wrap{position:relative}.filter-chip{display:flex;align-items:center;gap:5px;padding:2px 8px 2px 3px;border:1px solid var(--border);border-radius:4px;font-size:var(--text-sm);color:var(--text-2);background:var(--color-surface);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-chip:hover{border-color:var(--color-primary-border)}.filter-chip--open{border-color:var(--color-primary);background:var(--color-primary-soft)}.chip-letter{width:20px;height:20px;border-radius:4px;background:#7c6fcd;color:#fff;font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.filter-chip-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:140px;z-index:200;overflow:hidden;padding:4px}.filter-chip-option{display:block;width:100%;text-align:left;padding:7px 12px;font-size:var(--text-sm);color:var(--text-2);border-radius:var(--radius-md);transition:background var(--transition-fast)}.filter-chip-option:hover{background:var(--color-bg)}.filter-chip-option--active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.create-dropdown-wrap{position:relative}.create-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 18px;background:var(--color-primary);color:#fff;border-radius:20px;transition:background var(--transition-fast);white-space:nowrap}.create-btn:hover{background:var(--color-primary-hover)}.create-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:300px;z-index:200;overflow:hidden}.create-menu__item{display:flex;flex-direction:column;gap:2px;padding:12px 16px;cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-light)}.create-menu__item:last-child{border-bottom:none}.create-menu__item:hover{background:var(--color-bg)}.create-menu__item--muted{opacity:.6;cursor:default}.create-menu__item--muted:hover{background:transparent}.create-menu__item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.create-menu__item--disabled:hover{background:transparent}.create-menu__icon{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.create-menu__icon--purple{background:#f0eeff}.create-menu__icon--blue{background:var(--color-primary-soft)}.create-menu__icon--gray{background:var(--border-light)}.create-menu__label{font-size:var(--text-sm);font-weight:600;color:var(--text-1);margin-bottom:2px}.create-menu__desc{font-size:var(--text-sm);color:var(--text-3);line-height:1.4}.eng-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);flex:1}.eng-table thead tr{background:var(--color-surface);border-bottom:1px solid var(--border)}.eng-table th{padding:8px 14px;text-align:left;font-size:var(--text-sm);font-weight:600;color:var(--text-3);white-space:nowrap;border-bottom:1px solid var(--border)}.eng-table td{padding:10px 14px;color:var(--text-2);border-bottom:1px solid var(--border-light);white-space:nowrap}.eng-row:hover{background:var(--color-bg)}.eng-row--clickable{cursor:pointer}.channel-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--border-light);border-radius:6px}.col-check{width:36px}.col-star{width:28px;padding-left:8px}.col-name{font-weight:600;color:var(--text-1);min-width:180px}.col-muted{color:var(--text-4)}.type-icon{display:flex;align-items:center}.type-label{font-size:var(--text-sm);color:var(--text-3)}.label-badges{display:flex;gap:4px;flex-wrap:wrap}.label-badge{padding:2px 7px;background:var(--border-light);border:1px solid var(--border);border-radius:10px;font-size:var(--text-sm);color:var(--text-3);white-space:nowrap}.filter-chip-group-header{padding:6px 12px 3px;font-size:var(--text-sm);font-weight:600;color:var(--text-4);text-transform:uppercase;letter-spacing:.05em;pointer-events:none;border-top:1px solid var(--border);margin-top:2px}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:var(--text-sm);font-weight:400;border:1px solid transparent;white-space:nowrap}.status-badge-wrap{position:relative}.status-badge--clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.status-badge--clickable:hover{opacity:.85}.status-dropdown{position:absolute;left:0;top:calc(100% + 4px);background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:130px;z-index:200;overflow:hidden}.status-dropdown-option{display:block;width:100%;padding:6px 12px;font-size:var(--text-sm);color:var(--text-2);text-align:left;cursor:pointer;transition:background var(--transition-fast);border:none;background:transparent}.status-dropdown-option:hover{background:var(--color-bg)}.status-dropdown-option--active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.env-badges{display:flex;gap:3px}.env-badge{width:18px;height:18px;border-radius:50%;background:var(--border);color:var(--text-3);font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;justify-content:center}.env-badge--blue{background:var(--color-primary);color:#fff}.row-action-btn{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-4)}.row-action-btn:hover{background:var(--color-bg);color:var(--text-2)}.table-scroll-wrap{flex:1;overflow:auto;min-height:0}.col-sticky-right{position:sticky;background:var(--color-surface);z-index:2}.col-sticky-views{right:44px}.col-sticky-more{right:0;width:44px;min-width:44px}.eng-row:hover .col-sticky-right{background:var(--color-bg)}.eng-table thead .col-sticky-right{background:var(--color-surface);z-index:3}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-3);flex-shrink:0;background:var(--color-surface);border-radius:0 0 10px 10px}.footer-count{color:var(--text-3);font-size:var(--text-sm)}.pagination{display:flex;align-items:center;gap:8px;font-size:var(--text-sm)}.page-size-select{display:flex;align-items:center;gap:4px;color:var(--text-2);cursor:pointer}.footer-label{color:var(--text-3)}.page-btn{width:28px;height:28px;border-radius:4px;border:1px solid var(--border);font-size:var(--text-sm);color:var(--text-2);background:var(--color-surface);display:flex;align-items:center;justify-content:center}.page-btn:hover{background:var(--color-bg)}.page-btn--current{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10122b73;display:flex;align-items:center;justify-content:center;z-index:400;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:860px;max-width:calc(100vw - 48px);height:640px;display:flex;flex-direction:column;overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.modal__title{font-size:var(--text-lg);font-weight:600;color:var(--text-1)}.modal__close{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-3);transition:background var(--transition-fast)}.modal__close:hover{background:var(--color-bg);color:var(--text-1)}.modal__body{display:flex;flex:1;overflow:hidden}.modal__cats{width:160px;min-width:160px;border-right:1px solid var(--border);padding:12px 0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex-shrink:0}.cat-item{padding:8px 12px;border-radius:0;border-left:3px solid transparent;font-size:var(--text-sm);color:var(--text-2);text-align:left;transition:background var(--transition-fast),color var(--transition-fast)}.cat-item:hover{background:var(--color-bg);color:var(--text-1)}.cat-item--active{background:none;color:var(--color-primary);font-weight:600;border-left-color:var(--color-primary)}.modal__list{width:240px;min-width:240px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.modal-search{display:flex;align-items:center;gap:8px;padding:12px 14px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-search__input{border:none;outline:none;font-size:var(--text-sm);color:var(--text-2);flex:1;background:transparent}.modal-search__input::-moz-placeholder{color:var(--text-4)}.modal-search__input::placeholder{color:var(--text-4)}.template-cards{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.template-card{text-align:left;padding:10px 12px;border-radius:var(--radius-md);border:1.5px solid transparent;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);display:flex;flex-direction:column;gap:5px}.template-card:hover{background:var(--color-bg)}.template-card--selected{background:var(--color-primary-soft);border-color:var(--color-primary)}.template-card__name{font-size:var(--text-sm);font-weight:400;color:var(--text-1)}.template-card__tag{display:inline-flex;align-items:center;padding:1px 7px;border-radius:10px;font-size:var(--text-sm);font-weight:400;align-self:flex-start}.modal-empty{padding:24px 12px;font-size:var(--text-sm);color:var(--text-4);text-align:center}.modal__preview{flex:1;padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.preview-desc{font-size:var(--text-sm);color:var(--text-2);line-height:1.55}.preview-desc--muted{color:var(--text-4)}.mini-flow{display:flex;flex-direction:column;align-items:center;gap:0}.mini-flow__item{display:flex;flex-direction:column;align-items:center;min-height:auto}.mini-node{width:60px;height:60px;border-radius:10px;border:1.5px solid transparent;display:flex;align-items:center;justify-content:center}.mini-node__label{font-size:var(--text-sm);color:var(--text-3);margin-top:8px;text-align:center;white-space:nowrap}.mini-connector{width:2px;height:16px;background:var(--border);margin-left:0;margin-top:8px;margin-bottom:8px}.modal__footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0}.modal__footer-actions{display:flex;gap:8px}.link-btn{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:0;transition:color var(--transition-fast)}.link-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.filter-clear-btn{font-size:12px;color:var(--text-3);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;margin-left:auto}.filter-clear-btn:hover{color:var(--text-1);background:var(--color-bg)}.create-menu__item-icon{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.btn-ghost{height:32px;padding:0 18px;border:1px solid var(--border);border-radius:20px;font-size:14px;font-weight:600;color:var(--text-2);background:var(--color-surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn-ghost:hover{background:var(--color-bg);border-color:var(--text-4)}.btn-primary{height:32px;padding:0 18px;background:var(--color-primary);color:#fff;border-radius:20px;display:inline-flex;align-items:center;cursor:pointer;border:none;transition:background var(--transition-fast),opacity var(--transition-fast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:7px 20px;background:var(--color-danger);color:#fff;border-radius:20px;font-size:var(--text-sm);font-weight:600;cursor:pointer;border:none;transition:background var(--transition-fast),opacity var(--transition-fast)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.editor-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--color-surface)}.editor-topbar{height:48px;min-height:48px;background:var(--color-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0;position:relative;z-index:100}.editor-topbar__left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.editor-back-btn{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-3);flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.editor-back-btn:hover{background:var(--color-bg);color:var(--text-1)}.editor-title-wrap{display:flex;align-items:center;gap:6px;min-width:0}.editor-title{font-size:var(--text-md);font-weight:600;color:var(--text-1);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-title:hover{color:var(--color-primary)}.editor-title-input{font-size:var(--text-md);font-weight:600;color:var(--text-1);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:2px 8px;outline:none;background:var(--color-primary-soft)}.edit-title-btn{color:var(--text-4);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--transition-fast)}.edit-title-btn:hover{color:var(--text-2)}.editor-tab-toggle{display:flex;align-items:center;gap:2px;flex-shrink:0;position:absolute;left:50%;transform:translate(-50%)}.toggle-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;font-size:14px;font-weight:400;color:var(--text-3);transition:color var(--transition-fast)}.toggle-btn:hover{color:var(--text-1)}.toggle-btn--active{color:var(--text-1);font-weight:600}.editor-topbar__right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.editor-more-btn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-3);transition:background var(--transition-fast)}.editor-more-btn:hover{background:var(--color-bg)}.editor-kebab-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:200;overflow:hidden;font-family:inherit}.editor-kebab-item{display:flex;align-items:center;width:100%;height:32px;padding:0 16px;font-size:12px;font-weight:500;color:var(--text-1);cursor:pointer;background:transparent;border:none;text-align:left;font-family:inherit;transition:background var(--transition-fast)}.editor-kebab-item:hover{background:var(--color-bg)}.editor-kebab-divider{height:1px;background:var(--border-light);margin:4px 0}.draft-saved-label{position:relative;font-size:var(--text-sm);font-weight:400;color:var(--text-3);cursor:default;white-space:nowrap}.draft-saved-label__tooltip{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--text-1);color:var(--color-surface);font-size:var(--text-sm);white-space:nowrap;padding:4px 8px;border-radius:4px;z-index:100}.draft-saved-label:hover .draft-saved-label__tooltip{display:block}.btn-launch{height:32px;padding:0 18px;background:var(--color-primary);border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;align-items:center}.btn-launch:hover{background:var(--color-primary-hover)}.editor-body{flex:1;display:flex;overflow:hidden;position:relative}.canvas-area{flex:1;background-color:var(--canvas-bg);background-image:radial-gradient(circle,var(--canvas-dot) 1.2px,transparent 1.2px);background-size:22px 22px;overflow:auto;position:relative;display:flex;flex-direction:column;min-width:0}.zoom-controls{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:2px;gap:0}.zoom-btn{width:32px;height:32px;border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-3);background:transparent;cursor:pointer;transition:background var(--transition-fast)}.zoom-btn:hover{background:var(--color-bg)}.zoom-controls__sep{width:1px;height:20px;background:var(--border);margin:0 2px}.target-panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--color-surface);padding:32px 40px;display:flex;flex-direction:column;gap:24px}.target-panel__header{display:flex;flex-direction:column;gap:4px}.target-panel__title{font-size:var(--text-xl);font-weight:600;color:var(--text-1)}.target-panel__subtitle{font-size:var(--text-sm);color:var(--text-4)}.target-section{display:flex;flex-direction:column;gap:8px;max-width:560px}.target-section__label{font-size:var(--text-sm);font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.target-audience-select{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--color-surface);cursor:default}.target-audience-select__text{font-size:var(--text-sm);color:var(--text-2)}.target-condition-row{display:flex;align-items:center;gap:6px}.target-cond-field,.target-cond-op,.target-cond-value{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);color:var(--text-2);cursor:default;white-space:nowrap}.target-cond-field{min-width:100px}.target-cond-op{min-width:80px}.target-cond-value{flex:1;min-width:80px}.target-cond-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-4);transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.target-cond-remove:hover{background:var(--color-danger-soft);color:var(--color-danger)}.target-add-condition{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:600;color:var(--color-primary);padding:6px 0;transition:opacity var(--transition-fast)}.target-add-condition:hover{opacity:.8}.tv2-root{display:flex;flex-direction:column;align-items:center;height:100%;overflow-y:auto;padding:24px 0 40px;gap:12px;background:var(--color-bg)}.tv2-section{width:880px;max-width:calc(100% - 48px);background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.tv2-section__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:none;border:none;cursor:pointer;text-align:left;border-radius:var(--radius-lg)}.tv2-section__toggle:hover{background:var(--color-bg)}.tv2-section__header-text{display:flex;flex-direction:column}.tv2-section__heading{font-size:15px;font-weight:600;color:var(--text-1);line-height:1.3}.tv2-section__micro{font-size:12px;font-weight:400;color:var(--text-3);margin-top:2px;line-height:1.4}.tv2-section__chevron{color:var(--text-4);flex-shrink:0;transition:transform .15s}.tv2-section__chevron--open{transform:rotate(180deg)}.tv2-section__body{padding:0 20px 20px}.tv2-preview-item{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px;color:var(--text-1)}.tv2-preview-item__label{font-weight:500}.tv2-preview-item__conditions{color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv2-preview-add{margin-top:12px}.tv2-preview-empty{font-size:13px;color:var(--text-4);padding:8px 0 4px}.tv2-flyout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;z-index:300}.tv2-flyout{position:fixed;top:0;right:0;width:960px;height:100vh;background:#fff;z-index:310;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001f}.tv2-flyout__header{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border)}.tv2-flyout__title{font-size:15px;font-weight:600;color:var(--text-1)}.tv2-flyout__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-3);font-size:20px;border-radius:6px;transition:background .12s,color .12s}.tv2-flyout__close:hover{background:var(--color-bg);color:var(--text-1)}.tv2-flyout__body{flex:1;overflow:hidden}.tv2-audience{flex:1;display:flex;flex-direction:column;overflow-y:auto}.tv2-audience__heading{font-size:16px;font-weight:600;color:var(--text-1);margin-bottom:12px}.tv2-audience__empty{font-size:13px;color:var(--text-4);font-style:italic;padding:8px 0}.tv2-audience__list{display:flex;flex-direction:column}.tv2-and-or-toggle{display:inline-flex;height:28px;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--border);overflow:hidden}.tv2-and-or-toggle__seg{padding:0 10px;font-size:12px;font-weight:600;color:var(--text-3);background:transparent;border:none;cursor:pointer;transition:background .1s,color .1s}.tv2-and-or-toggle__seg--active{background:var(--color-primary);color:#fff}.tv2-condition-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.tv2-cond-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-4);background:transparent;border:none;cursor:pointer;flex-shrink:0;transition:background .1s,color .1s}.tv2-cond-remove:hover{background:#fee2e2;color:#dc2626}.tv2-add-condition{font-size:12px;font-weight:500;color:var(--color-primary);background:transparent;border:none;cursor:pointer;padding:6px 0;margin-top:4px;transition:opacity .1s}.tv2-add-condition:hover{opacity:.8}.tv2-input{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:14px;color:var(--text-2);font-family:Noto Sans,sans-serif;width:100%;transition:border-color .15s}.tv2-input::-moz-placeholder{color:var(--text-4)}.tv2-input::placeholder{color:var(--text-4)}.tv2-input:hover{border-color:var(--text-4)}.tv2-input:focus{border-color:var(--color-primary);outline:2px solid rgba(27,110,243,.2);outline-offset:0}.tv2-input:disabled{background:var(--color-bg);color:var(--text-4);border-color:var(--border-light);cursor:default}.tv2-number-input{height:32px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:14px;color:var(--text-2);font-family:Noto Sans,sans-serif;text-align:right;transition:border-color .15s}.tv2-number-input:focus{border-color:var(--color-primary);outline:2px solid rgba(27,110,243,.2);outline-offset:0}.tv2-number-input:disabled{background:var(--color-bg);color:var(--text-4);border-color:var(--border-light);cursor:default}.tv2-field-label{display:block;font-size:12px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.tv2-form-row{margin-bottom:16px}.tv2-form-row:last-child{margin-bottom:0}.tv2-date-wrap{display:flex;flex-direction:column}.tv2-date-field{position:relative;display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:200px;transition:border-color .15s}.tv2-date-field:hover{border-color:var(--text-4)}.tv2-date-field__display{font-size:14px;color:var(--text-2);white-space:nowrap}.tv2-date-field__icon{color:var(--text-3);display:inline-flex;align-items:center}.tv2-date-time-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:12px}.tv2-time-col{display:flex;flex-direction:column;gap:4px}.tv2-time-input{height:34px;padding:0 8px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--text-1);outline:none;transition:border-color .15s;width:auto;font-family:inherit;accent-color:var(--color-primary)}.tv2-time-input:focus{border-color:var(--color-primary)}.tv2-checkbox-row{display:flex;gap:20px;align-items:center;margin-top:12px;margin-bottom:4px}.tv2-checkbox-label{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--text-2);cursor:pointer}.tv2-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.tv2-day-pills{display:flex;gap:6px;margin:12px 0 8px}.tv2-day-pill{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--color-bg);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;padding:0}.tv2-day-pill--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tv2-day-pill:hover:not(.tv2-day-pill--active){background:var(--color-bg-hover, #F3F4F6);border-color:var(--color-primary)}.tv2-interval-strip{display:flex;gap:6px;margin-top:6px}.tv2-interval-btn{padding:4px 10px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--text-2);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.tv2-interval-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tv2-interval-btn:hover:not(.tv2-interval-btn--active){border-color:var(--color-primary);color:var(--color-primary)}.tv2-info-icon-wrap{position:relative;display:inline-flex;align-items:center}.tv2-info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--text-4);cursor:pointer;border-radius:50%;transition:color .15s}.tv2-info-icon:hover{color:var(--text-2)}.tv2-tooltip-popup{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:220px;background:var(--color-surface);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:12px;color:var(--text-2);box-shadow:0 4px 12px #0000001f;z-index:310;pointer-events:none;line-height:1.5}.tv2-throttle-row{display:flex;align-items:center;gap:8px}.tv2-qualification-footer{margin-top:12px;font-size:12px;color:var(--text-4)}.tv2-sampling-mode-row{margin-bottom:12px}.tv2-sampling-group-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.tv2-section-divider{height:1px;background:var(--border-light);margin:12px 0}.tv2-sampling-row{display:flex;align-items:center;gap:8px}.tv2-pct-suffix{font-size:14px;color:var(--text-3)}.tv2-pct-label{font-size:14px;color:var(--text-2)}.tv2-field-error{font-size:12px;color:#dc2626;margin-top:4px}.tv2-helper-text{font-size:12px;color:var(--text-4);margin-top:8px}.flow-canvas{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:72px 24px 80px}.flow-canvas.ftc-canvas{position:relative;overflow:hidden;padding:0}.ftc-scroll-area{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.flow-column,.flow-row{display:flex;flex-direction:column;align-items:center}.flow-node-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.flow-node-wrap:hover .flow-node-move-btns{opacity:1}.flow-node{width:64px;height:64px;border-radius:10px;border:1.5px solid transparent;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast);box-shadow:0 2px 6px #00000014;position:relative}.flow-node--clickable{cursor:pointer}.flow-node--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.flow-node--audience,.flow-node--start{cursor:default}.flow-node--end{background:transparent;border:1.5px dashed var(--border);box-shadow:none;cursor:default}.flow-node__label--muted{color:var(--text-3);opacity:.6}.flow-node--selected{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #1b6ef333!important}.flow-node__label{font-size:var(--text-sm);font-weight:400;color:var(--text-3);white-space:nowrap}.flow-node-move-btns{position:absolute;top:-10px;right:-28px;display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity var(--transition-base)}.flow-node-move-btn{width:20px;height:20px;border-radius:4px;background:var(--color-surface);border:1px solid var(--border);color:var(--text-3);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition-fast),color var(--transition-fast)}.flow-node-move-btn:hover{background:var(--color-bg);color:var(--text-1)}.flow-node-delete-btn:hover{background:transparent!important;color:var(--text-3)!important}.flow-connector{width:2px;height:28px;background:var(--canvas-dot);display:flex;flex-direction:column;align-items:center}.flow-connector--tail{height:20px;justify-content:flex-end}.flow-connector--tail:after{content:"";display:block;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--canvas-dot);background:var(--canvas-bg);flex-shrink:0}.canvas-empty-state{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px}.canvas-empty-state{flex-direction:column;gap:0}.empty-card{width:340px;background:#fff;border:1.5px dashed var(--canvas-dot);border-radius:10px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.empty-card__icon{display:flex;align-items:center;justify-content:center;opacity:.7}.empty-card__heading{font-size:15px;font-weight:600;color:var(--text-1);margin:0;line-height:1.3}.empty-card__text{font-size:var(--text-sm);color:var(--text-3);max-width:240px;line-height:1.5;margin:0}.empty-card__btn{margin-top:4px;padding:6px 16px;background:var(--color-surface);color:var(--text-2);border:1px solid var(--border);border-radius:20px;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.empty-card__btn:hover{background:var(--color-bg);border-color:var(--text-4)}.empty-or-band{width:340px;display:flex;align-items:center;justify-content:center;padding:12px 0;font-size:var(--text-sm);font-weight:600;color:var(--text-4);letter-spacing:.06em;background:var(--canvas-bg);background-image:radial-gradient(circle,var(--canvas-dot) 1.2px,transparent 1.2px);background-size:22px 22px}.branch-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:260px;z-index:200;padding:12px;display:flex;flex-direction:column;gap:4px}.branch-menu__title{font-size:var(--text-sm);font-weight:600;color:var(--text-1);margin-bottom:2px}.branch-menu__desc{font-size:var(--text-sm);color:var(--text-3);line-height:1.4;margin-bottom:8px}.branch-option{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-2);transition:background var(--transition-fast);border:1px solid var(--border);background:var(--color-surface);margin-bottom:4px}.branch-option:hover{background:var(--color-bg);color:var(--text-1)}.branch-add-plain{display:block;width:100%;text-align:center;padding:7px 10px;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-primary);transition:background var(--transition-fast);margin-top:4px}.branch-add-plain:hover{background:var(--color-primary-soft)}.editor-right-panel-wrap{width:320px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--border);box-shadow:-4px 0 20px #00000012;z-index:75;overflow:hidden}.right-panel{width:100%;height:100%;background:var(--color-surface);overflow:hidden;display:flex;flex-direction:column}.right-panel__scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.right-panel__theme-footer{flex-shrink:0;border-top:1px solid var(--border);padding:10px 12px}.right-panel__theme-footer--with-settings{display:flex;align-items:center;gap:8px}.right-panel__settings-btn{flex-shrink:0;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);padding:0}.right-panel__settings-btn:hover{background:var(--color-hover);color:var(--text-1)}.right-panel__theme-select{flex:1;min-width:0;font-size:var(--text-sm);font-family:inherit;color:var(--text-2);background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 28px 4px 8px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 4l3 3 3-3' stroke='%236B7280' stroke-width='1.3' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;outline:none}.right-panel__header{padding:14px 14px 8px;font-size:var(--text-sm);font-weight:600;color:var(--text-1);border-bottom:1px solid var(--border);flex-shrink:0}.element-group{padding:10px 10px 4px}.element-group__label{font-size:var(--text-sm);font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;padding:0 2px}.element-group__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.element-tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:var(--radius-md);border:1.5px solid transparent;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);text-align:center}.element-tile:hover{border-color:var(--border);background:var(--color-bg);transform:translateY(-1px)}.element-tile:active{transform:translateY(0) scale(.96)}.element-tile__icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:filter var(--transition-fast)}.element-tile:hover .element-tile__icon{filter:brightness(.96)}.element-tile__label{font-size:var(--text-sm);font-weight:400;color:var(--text-2);line-height:1.2}.step-edit-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.back-to-flow{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:5px;font-size:var(--text-sm);font-weight:600;color:var(--text-3);background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 10px;z-index:25;box-shadow:var(--shadow-sm);transition:color var(--transition-base),box-shadow var(--transition-base);cursor:pointer;white-space:nowrap}.back-to-flow:hover{color:var(--color-primary);box-shadow:0 2px 8px #0000001f}.panel-nav{width:44px;flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;border-right:1px solid var(--border);padding:6px 0}.panel-nav__item{display:flex;align-items:center;justify-content:center;padding:11px 0;border:none;background:transparent;color:var(--text-4);cursor:pointer;border-left:2px solid transparent;transition:color var(--transition-base),background var(--transition-base),border-color var(--transition-base)}.panel-nav__item:hover{color:var(--text-1);background:var(--color-bg)}.panel-nav__item--active{color:var(--color-primary);border-left-color:var(--color-primary);background:#0066cc0a}.panel-nav__label{display:none}.panel-nav__divider{height:1px;background:var(--border);margin:4px 8px;flex-shrink:0}.panel-content{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.panel-tab-bar{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.sec-tab-bar{display:flex;align-items:center;gap:2px;margin:8px 10px 6px;background:transparent;flex-shrink:0}.sec-tab{flex:1;height:40px;padding:0;border:none;background:transparent;font-size:14px;font-weight:500;color:var(--text-3);cursor:pointer;border-radius:7px;transition:background .15s,color .15s}.sec-tab:hover{color:var(--text-1)}.sec-tab--active{background:var(--color-bg);color:var(--text-1);font-weight:600;box-shadow:0 1px 3px #00000014,0 0 0 .5px #0000000d}.panel-footer{flex-shrink:0}.panel-footer__cta{padding:8px 40px}.panel-tab{flex:1;padding:10px 4px;border:none;background:transparent;font-size:12px;font-weight:500;color:var(--text-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-base),border-color var(--transition-base)}.panel-tab:hover{color:var(--text-1)}.panel-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.panel-auto-cta-bar{padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-auto-cta-bar--back{display:flex;align-items:center}.panel-auto-cta-btn{display:flex;align-items:center;gap:6px;width:100%;padding:7px 12px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(110deg,#4f46e5,#7c3aed 55%,#9333ea);border:none;border-radius:20px;cursor:pointer;transition:box-shadow .15s,transform .12s;overflow:hidden}.panel-auto-cta-btn:hover{box-shadow:0 4px 18px #7c3aed61;transform:translateY(-1px)}.panel-back-btn{font-size:12px;font-weight:500;color:var(--text-3);background:none;border:none;cursor:pointer;padding:4px 0}.panel-back-btn:hover{color:var(--text-1)}.loc-card{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden;transition:border-color .15s}.loc-card:hover{border-color:#cbd5e1}.loc-card--active{border-color:var(--px-blue, #0066cc);box-shadow:0 0 0 2px color-mix(in srgb,var(--px-blue, #0066cc) 18%,white)}.loc-card__section{padding:10px 14px}.loc-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.loc-switch input{position:absolute;opacity:0;width:0;height:0}.loc-switch__track{position:relative;width:28px;height:16px;background:var(--border, #E5E7EB);border-radius:8px;transition:background .2s}.loc-switch__track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000026;transition:transform .2s}.loc-switch input:checked+.loc-switch__track{background:var(--px-blue, #0066cc)}.loc-switch input:checked+.loc-switch__track:after{transform:translate(12px)}.step-editor-back-row{display:flex;align-items:center;padding:0 12px;height:40px;flex-shrink:0}.step-editor-back-btn{display:flex;align-items:center;gap:5px;background:transparent;border:none;font-size:14px;font-weight:600;color:var(--text-3);cursor:pointer;padding:4px 6px 4px 0;transition:color var(--transition-base)}.step-editor-back-btn:hover{color:var(--text-1)}.step-editor-nav-row{display:flex;align-items:center;gap:6px;padding:0 10px;height:48px;flex-shrink:0}.step-history-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:color var(--transition-base),background var(--transition-base)}.step-history-btn:hover:not(:disabled){color:var(--text-1);background:var(--color-bg)}.step-history-btn:disabled{opacity:.35;cursor:not-allowed}.step-sub-tab-bar{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.step-sub-tab{flex:1;padding:8px 4px;border:none;background:transparent;font-size:14px;font-weight:400;color:var(--text-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-base),border-color var(--transition-base)}.step-sub-tab:hover{color:var(--text-1)}.step-sub-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.locale-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-light, #f1f3f6)}.locale-row--default .locale-row__flag{background:#e8f0fe;color:#1a73e8}.locale-row__flag{width:28px;height:20px;border-radius:3px;background:var(--color-bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.04em;color:var(--text-3);flex-shrink:0}.locale-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.locale-row__name{font-size:12px;font-weight:500;color:var(--text-1)}.locale-row__badge{font-size:10px;padding:1px 5px;border-radius:3px;display:inline-block;width:-moz-fit-content;width:fit-content}.locale-row__badge--default{background:#e8f0fe;color:#1a73e8}.locale-row__progress-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.locale-row__progress-fill{height:100%;background:var(--color-primary);border-radius:2px}.locale-row__status{display:flex;align-items:center;gap:3px;flex-shrink:0;font-size:11px}.locale-row__pct{font-size:11px;color:var(--text-3);flex-shrink:0;width:28px;text-align:right}.locale-add-btn{margin-top:14px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-primary);background:none;border:1px dashed var(--color-primary);border-radius:var(--radius-md);padding:7px 12px;cursor:pointer;width:100%;justify-content:center;transition:background var(--transition-base);opacity:.85}.locale-add-btn:hover{background:#0066cc0d;opacity:1}.ai-prompt-input{width:100%;font-size:12px;font-family:inherit;color:var(--text-1);background:var(--color-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 10px;resize:none;outline:none;line-height:1.6;box-sizing:border-box;transition:border-color var(--transition-base)}.ai-prompt-input:focus{border-color:var(--color-primary)}.ai-prompt-input::-moz-placeholder{color:var(--text-4)}.ai-prompt-input::placeholder{color:var(--text-4)}.ai-suggestion-chip{text-align:left;font-size:11px;color:var(--text-2);background:var(--color-bg);border:1px solid var(--border);border-radius:20px;padding:4px 10px;cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.ai-suggestion-chip:hover{color:var(--color-primary);border-color:var(--color-primary);background:#0066cc0a}.ai-generate-btn{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);padding:8px 14px;cursor:pointer;width:100%;transition:opacity var(--transition-base)}.ai-generate-btn:hover{opacity:.88}.ai-generate-btn:disabled{opacity:.45;cursor:not-allowed}.canvas-view-toggle{position:absolute;top:24px;left:24px;z-index:25;display:flex;align-items:center;gap:2px;background:var(--color-bg);border:1px solid var(--border);border-radius:20px;padding:3px;box-shadow:var(--shadow-sm)}.canvas-view-toggle__btn{padding:4px 14px;font-size:var(--text-sm);font-weight:400;color:var(--text-3);background:transparent;border:none;border-radius:16px;cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.canvas-view-toggle__btn:hover{color:var(--text-1)}.canvas-view-toggle__btn--active{background:var(--color-surface);color:var(--text-1);box-shadow:0 1px 3px #0000001a}.thumbnail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:72px 320px 24px 24px;width:100%;box-sizing:border-box;overflow-y:auto;align-content:start}.thumbnail-card{height:280px;background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow var(--transition-base),transform var(--transition-base)}.thumbnail-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.thumbnail-card__label-bar{height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:var(--color-bg);border-bottom:1px solid var(--border)}.thumbnail-card__step-label{display:flex;align-items:center;gap:3px;overflow:hidden}.thumbnail-card__step-num,.thumbnail-card__step-sep{font-size:var(--text-sm);font-weight:400;color:var(--text-3)}.thumbnail-card__step-name{font-size:var(--text-sm);font-weight:600;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbnail-card__actions{display:flex;gap:4px;flex-shrink:0}.thumbnail-card__action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-4);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.thumbnail-card__action-btn:hover{color:var(--text-2);background:var(--color-surface)}.thumbnail-card__preview{flex:1;overflow:hidden;position:relative;cursor:pointer}.step-edit-canvas-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:64px 308px 40px 48px;overflow-y:auto}.step-edit-container{width:520px;display:flex;flex-direction:column}.step-edit-label-bar{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;padding:6px 10px;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:background var(--transition-base),color var(--transition-base)}.step-edit-label-bar--selected{background:var(--color-primary);color:#fff}.step-edit-label-bar--selected .step-label-bar__actions button{color:#fff}.step-edit-label-bar--selected .step-label-bar__actions button svg path{stroke:#fff}.step-edit-label-bar--neutral{background:var(--border-light);color:var(--text-3);cursor:pointer}.step-label-bar__actions{display:flex;gap:8px}.step-label-bar__actions button{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity var(--transition-fast),background var(--transition-fast)}.step-edit-label-bar--selected .step-label-bar__actions button:hover{opacity:1;background:#fff3}.step-edit-label-bar--neutral .step-label-bar__actions button:hover{opacity:1;background:#00000014}.step-edit-shell{background:var(--brand-background, var(--color-surface));border:1px solid var(--text-4);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);position:relative;box-shadow:0 4px 16px #00000014}.step-shell-close{position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:50%;background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);z-index:2}.step-shell-close:hover{background:var(--border);color:var(--text-1)}.step-shell-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:280px;color:var(--text-4);font-size:var(--text-sm);text-align:center;padding:24px}.step-shell-blocks{padding:40px 16px 16px;display:flex;flex-direction:column;gap:8px;overflow:visible}.block-row{display:flex;gap:8px;overflow:visible}.block-item{flex:1;min-width:0;border:1.5px dashed var(--text-4);border-radius:8px;position:relative;cursor:pointer;padding:12px 14px;background:var(--color-surface);animation:blockSlideIn var(--transition-base) ease-out;transition:border-color var(--transition-fast)}.block-item:hover{border-color:var(--text-4);border-style:dashed}.block-item--selected{border:1.5px solid var(--color-primary)}.block-item--placeholder{border-style:dashed;border-color:var(--text-4)}.block-item--placeholder.block-item--selected{border-color:var(--color-primary-border)}@keyframes blockSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes px-ai-dot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.block-toolbar{position:absolute;top:6px;right:6px;display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast);z-index:4}.block-item:hover .block-toolbar,.block-item--selected .block-toolbar{opacity:1}.block-toolbar button{width:20px;height:20px;border-radius:4px;background:var(--color-surface);border:1px solid var(--border);color:var(--text-3);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);line-height:1;box-shadow:var(--shadow-sm)}.block-toolbar button:hover{background:var(--color-bg);color:var(--text-1)}.block-toolbar button:last-child:hover{background:var(--color-danger-soft);color:var(--color-danger);border-color:#fecaca}.block-item--half{flex:1;min-width:0}.block-placeholder-hint{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;color:var(--text-4);font-size:var(--text-sm)}.block-edge-btn{position:absolute;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--color-primary);background:var(--color-surface);color:var(--color-primary);font-size:var(--text-lg);font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding:0;transition:background var(--transition-fast),color var(--transition-fast);box-shadow:0 1px 4px #1b6ef32e}.block-edge-btn:hover{background:var(--color-primary);color:var(--color-surface)}.block-edge-btn--top{top:-10px;left:50%;transform:translate(-50%)}.block-edge-btn--bottom{bottom:-10px;left:50%;transform:translate(-50%)}.block-edge-btn--left{left:-10px;top:50%;transform:translateY(-50%)}.block-edge-btn--right{right:-10px;top:50%;transform:translateY(-50%)}.block-drag-handle{position:absolute;top:4px;left:4px;width:14px;height:16px;color:var(--text-4, var(--text-4));cursor:grab;opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:2;display:flex;align-items:center;justify-content:center}.block-item:hover .block-drag-handle,.block-item--selected .block-drag-handle{opacity:1;pointer-events:auto}.block-drag-handle:active{cursor:grabbing}.block-drop-slot{flex:0 0 10px;align-self:stretch;border-radius:4px;transition:background-color .12s ease}.block-drop-slot--valid{background:var(--color-primary-border);border:1.5px solid var(--color-primary)}.block-row[data-drag-over=invalid]{outline:1.5px solid #FCA5A5;outline-offset:-1.5px;border-radius:var(--radius-lg, 8px)}.block-resize-handle{position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:6px;height:28px;background:var(--blue, var(--color-primary));border-radius:3px;cursor:ew-resize;z-index:4}.block-resize-handle:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;cursor:ew-resize}.bc-text__title{font-size:var(--text-lg);font-weight:600;color:var(--brand-text, var(--text-1));margin-bottom:6px;min-height:1.2em}.bc-text__body{font-size:var(--text-sm);color:var(--brand-text, var(--text-2));line-height:1.55;min-height:1em}.bc-text__title:empty:before{content:attr(data-placeholder);color:var(--text-4)}.bc-text__body:empty:before{content:attr(data-placeholder);color:var(--text-4)}[contenteditable]:focus{outline:none}.bc-button{display:flex;justify-content:flex-end}.bc-cta{padding:8px 18px;background:var(--brand-button-bg, var(--color-primary));color:var(--brand-button-text, var(--color-surface));border-radius:var(--brand-button-radius, var(--radius-md));font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.bc-cta:hover{background:var(--brand-button-bg-hover, var(--color-primary-hover))}.bc-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100px;background:var(--color-bg);border-radius:var(--radius-md);border:1.5px dashed var(--border);color:var(--text-4);font-size:var(--text-sm)}.bc-video{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100px;background:#1f2937;border-radius:var(--radius-md);color:#fff9;font-size:var(--text-sm)}.bc-video__play{width:36px;height:36px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center}.bc-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.bc-table th{padding:5px 8px;background:var(--color-bg);color:var(--text-3);font-weight:600;border:1px solid var(--border);text-align:left}.bc-table td{padding:5px 8px;color:var(--text-3);border:1px solid var(--border)}.bc-nps__q,.bc-ces__q,.bc-rating__q,.bc-boolean__q,.bc-opentext__q,.bc-datapicker__q{font-size:var(--text-sm);font-weight:400;color:var(--text-1);margin-bottom:10px}.bc-nps__scale{display:flex;gap:3px;flex-wrap:wrap}.nps-btn{width:30px;height:30px;border-radius:4px;font-size:var(--text-sm);font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--color-surface);color:var(--text-2);transition:background var(--transition-fast)}.nps-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.nps-btn--red{background:#fef2f2;border-color:#fecaca;color:#991b1b}.nps-btn--yellow{background:#fffbeb;border-color:#fde68a;color:#92400e}.nps-btn--green{background:#f0fdf4;border-color:#86efac;color:#14532d}.bc-nps__labels{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-4);margin-top:6px}.bc-ces__scale{display:flex;gap:4px}.ces-btn{flex:1;padding:6px 4px;border:1px solid var(--border);border-radius:4px;font-size:var(--text-sm);color:var(--text-2);background:var(--color-surface);cursor:pointer;text-align:center;transition:background var(--transition-fast)}.ces-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary-border);color:var(--color-primary)}.bc-rating__stars{display:flex;gap:4px}.star{font-size:var(--text-xl);color:var(--text-4);cursor:pointer;line-height:1;transition:color var(--transition-fast)}.star:hover{color:#f59e0b}.bc-boolean__opts{display:flex;gap:8px}.bool-btn{flex:1;padding:7px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:400;cursor:pointer;border:1.5px solid var(--border);background:var(--color-surface);transition:background var(--transition-fast),border-color var(--transition-fast)}.bool-btn--yes:hover{background:#f0fdf4;border-color:#86efac}.bool-btn--no:hover{background:#fef2f2;border-color:#fecaca}.bc-opentext__area{min-height:64px;border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 10px;font-size:var(--text-sm);color:var(--text-4);background:var(--color-bg)}.bc-datapicker__select{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-4);background:var(--color-surface)}.bc-default{font-size:var(--text-sm);color:var(--text-4);padding:4px 0;text-transform:capitalize}.property-panel{margin-top:16px;min-width:280px;max-width:900px;width:100%;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0000001a;overflow:hidden;display:flex;flex-direction:column;gap:0}.property-panel__row{display:flex;flex-direction:row;align-items:center}.property-panel__size{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-3);flex-shrink:0;padding:10px 16px;border-right:1px solid var(--border)}.prop-input{width:40px;border:1px solid var(--border);border-radius:4px;padding:2px 4px;font-size:var(--text-sm);color:var(--text-1);text-align:center;outline:none;background:var(--color-surface)}.prop-input:focus{border-color:var(--color-primary-border)}.property-panel__tabs{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:6px 10px}.prop-tab{padding:4px 10px;font-size:var(--text-sm);font-weight:600;color:var(--text-3);border-radius:4px;white-space:nowrap;border:1px solid transparent;transition:background var(--transition-fast),color var(--transition-fast)}.prop-tab:hover{background:var(--color-bg);color:var(--text-1)}.prop-tab--active{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary-border)}.property-panel__panel{display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 16px;border-top:1px solid var(--border);flex-wrap:wrap}.prop-label{font-size:var(--text-sm);font-weight:600;color:var(--text-3);white-space:nowrap;flex-shrink:0}.prop-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.prop-swatch{width:18px;height:18px;border-radius:4px;border:1px solid var(--border);flex-shrink:0}.prop-color-field{display:flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-2);background:var(--color-surface);white-space:nowrap}.prop-opacity-input{width:36px;border:1px solid var(--border);border-radius:4px;padding:2px 4px;font-size:var(--text-sm);color:var(--text-1);text-align:center;background:var(--color-surface)}.prop-radio{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--text-2);cursor:pointer}.prop-toggle{width:28px;height:16px;background:var(--border);border-radius:8px;padding:2px;display:flex;align-items:center}.prop-toggle__knob{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003}.prop-text-input{flex:1;height:28px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-2);padding:0 8px;background:var(--color-surface);min-width:120px}.prop-select{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-2);background:var(--color-surface);cursor:default;white-space:nowrap}.prop-btn-group{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.prop-align-btn{width:28px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--text-4);transition:background var(--transition-fast),color var(--transition-fast);border-right:1px solid var(--border)}.prop-align-btn:last-child{border-right:none}.prop-align-btn:hover{background:var(--color-bg);color:var(--text-2)}.prop-align-btn--active{background:var(--color-primary-soft);color:var(--color-primary)}.prop-sub-tabs{display:flex;gap:4px;padding:8px 8px 0;border-bottom:1px solid var(--border)}.prop-sub-tab{padding:4px 12px;font-size:var(--text-sm);font-weight:600;border-radius:12px;color:var(--text-3);border:1px solid transparent;cursor:pointer;background:none}.prop-sub-tab--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.prop-strength-label{font-size:var(--text-sm);font-weight:600;padding:4px 8px;border-radius:4px;display:inline-block}.prop-strength-label--medium{background:#fef3c7;color:#92400e}.prop-strength-label--strong{background:var(--color-primary-soft);color:var(--color-primary)}.prop-strength-label--weak{background:var(--color-danger-soft);color:#991b1b}.prop-section-label{font-size:var(--text-sm);font-weight:600;color:var(--text-2);width:100%;padding-top:4px}.prop-textarea{width:100%;min-height:52px;border:1px solid var(--border);border-radius:6px;font-size:var(--text-sm);font-family:monospace;padding:4px 8px;resize:vertical;color:var(--text-2);background:var(--color-surface)}.prop-anchor-grid{display:grid;grid-template-columns:repeat(3,20px);gap:4px}.prop-anchor-cell{width:20px;height:20px;border:1px solid var(--border);border-radius:3px;cursor:pointer;background:none;padding:0}.prop-anchor-cell--active{background:var(--color-primary);border-color:var(--color-primary)}.block-active-bar{display:flex;align-items:center;justify-content:space-between;background:var(--color-primary);color:#fff;font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;padding:4px 10px;border-radius:4px 4px 0 0;margin:-12px -14px 10px}.block-active-bar__label{text-transform:uppercase}.step-edit-container--banner{width:min(100%,900px)}.step-edit-shell--banner{border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);min-height:80px;display:flex;flex-direction:column;position:relative}.step-edit-shell--banner-bottom{border-radius:var(--radius-md) var(--radius-md) 0 0}.banner-position-toggle{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:2px;background:var(--color-bg);border:1px solid var(--border);border-radius:6px;padding:2px;z-index:3}.banner-pos-btn{padding:3px 10px;border-radius:4px;font-size:var(--text-sm);font-weight:600;color:var(--text-3);transition:background var(--transition-fast),color var(--transition-fast)}.banner-pos-btn--active{background:var(--color-surface);color:var(--color-primary);font-weight:600;box-shadow:0 1px 3px #00000014}.step-edit-container--banner .step-edit-label-bar{border-radius:var(--radius-md) var(--radius-md) 0 0}.step-edit-container--tooltip{width:300px}.step-edit-shell--tooltip{border-radius:var(--radius-lg);min-height:120px;padding-bottom:28px;position:relative}.tooltip-arrow{position:absolute;bottom:-16px;left:28px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:16px solid var(--text-4)}.tooltip-arrow:after{content:"";position:absolute;top:-17px;left:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:15px solid var(--color-surface)}.step-edit-container--badge{width:200px}.step-edit-shell--badge{min-height:140px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.step-shell-icon-center{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px}.step-shell-icon-badge{width:64px;height:64px;border-radius:50%;background:#eae8ff;border:2px solid #C4B5FD;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #7c6fcd40}.step-shell-icon-label{font-size:var(--text-sm);color:var(--text-3)}.step-edit-shell--slider{border-radius:0 0 var(--radius-md) var(--radius-md);min-height:240px;display:flex;flex-direction:column;position:relative;padding-bottom:0}.step-shell-slider-body{flex:1;min-height:180px}.slider-nav{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--border);background:var(--color-bg);border-radius:0 0 var(--radius-md) var(--radius-md);flex-shrink:0}.slider-nav__btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--color-surface);color:var(--text-3);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.slider-nav__btn:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary-border)}.slider-nav__btn:disabled{opacity:.4;cursor:not-allowed}.slider-nav__count{font-size:var(--text-sm);color:var(--text-3);min-width:36px;text-align:center}.slider-nav__add{margin-left:auto;font-size:var(--text-sm);font-weight:600;color:var(--color-primary);padding:4px 10px;border-radius:4px;transition:background var(--transition-fast)}.slider-nav__add:hover{background:var(--color-primary-soft)}.html-code-editor{display:flex;flex-direction:column;flex:1;overflow:hidden}.html-code-editor__header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.html-code-editor__back{display:flex;align-items:center;gap:5px;font-size:var(--text-sm);color:var(--text-3);border-radius:4px;padding:3px 6px;transition:background var(--transition-fast),color var(--transition-fast)}.html-code-editor__back:hover{background:var(--color-bg);color:var(--text-1)}.html-code-editor__title{font-size:var(--text-sm);font-weight:600;color:var(--text-3);margin-left:auto}.html-code-editor__textarea{width:100%;min-height:240px;resize:vertical;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--text-sm);line-height:1.6;color:#1f2937;background:var(--color-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;box-sizing:border-box}.html-code-editor__textarea:focus{outline:none;border-color:var(--color-primary)}.brand-settings-page{display:flex;flex-direction:column;flex:1;background:var(--color-bg);overflow-y:auto}.brand-settings-header{display:flex;align-items:center;gap:8px;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--color-surface)}.brand-settings-title{font-size:var(--text-lg);font-weight:600;color:var(--text-1)}.brand-settings-tabs{display:flex;align-items:center;gap:2px;padding:8px 24px;background:var(--color-surface);border-bottom:1px solid var(--border)}.brand-settings-body{flex:1;overflow-y:auto}.brand-themes-layout{display:flex;flex:1;min-height:0}.brand-theme-list{width:240px;min-width:240px;border-right:1px solid var(--border);background:var(--color-surface);padding:16px 0}.brand-theme-list__label{font-size:var(--text-sm);font-weight:600;color:var(--text-4);text-transform:uppercase;letter-spacing:.05em;padding:0 16px 8px}.brand-theme-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;border-left:3px solid transparent;transition:background var(--transition-fast);min-height:44px}.brand-theme-item:hover{background:var(--color-bg)}.brand-theme-item--active{background:var(--color-primary-soft);border-left-color:var(--color-primary)}.brand-theme-item__swatch{width:24px;height:24px;border-radius:var(--radius-md);border:1px solid var(--border);flex-shrink:0}.brand-theme-item__name{font-size:var(--text-sm);font-weight:400;color:var(--text-1)}.brand-theme-editor{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.brand-section{display:flex;flex-direction:column;gap:8px}.brand-section__heading{font-size:var(--text-sm);font-weight:600;color:var(--text-1);padding-bottom:4px;border-bottom:1px solid var(--border-light);margin-bottom:4px}.brand-section__subheading-row{display:grid;grid-template-columns:100px 60px 80px 60px;gap:8px;padding-bottom:4px}.brand-section__subheading-label{font-size:var(--text-sm);font-weight:600;color:var(--text-4)}.brand-color-row{display:flex;align-items:center;gap:8px;height:32px}.brand-color-swatch{width:24px;height:24px;border-radius:var(--radius-md);border:1px solid var(--border);flex-shrink:0}.brand-color-label{font-size:var(--text-sm);color:var(--text-2);width:80px;flex-shrink:0}.brand-hex-input{width:90px;padding:4px 8px;font-size:var(--text-sm);font-family:inherit;color:var(--text-1);border:1px solid var(--border);border-radius:4px;background:var(--color-surface)}.brand-hex-input:focus{outline:none;border-color:var(--color-primary)}.brand-textstyle-row{display:grid;grid-template-columns:100px 60px 80px 60px;gap:8px;align-items:center;height:32px}.brand-textstyle-row__name{font-size:var(--text-sm);color:var(--text-2)}.brand-number-input{width:100%;padding:4px 6px;font-size:var(--text-sm);font-family:inherit;color:var(--text-1);border:1px solid var(--border);border-radius:4px;background:var(--color-surface);text-align:center}.brand-number-input:focus{outline:none;border-color:var(--color-primary)}.brand-number-input::-webkit-inner-spin-button{opacity:0}.brand-font-row{display:flex;align-items:center;gap:8px;height:32px;margin-top:8px}.brand-font-row__label{font-size:var(--text-sm);color:var(--text-2);width:100px;flex-shrink:0}.brand-font-input{flex:1;max-width:200px;padding:4px 8px;font-size:var(--text-sm);font-family:inherit;color:var(--text-3);border:1px solid var(--border);border-radius:4px;background:var(--color-bg);cursor:default}.brand-button-variant{display:flex;flex-direction:column;gap:4px;padding:8px 0}.brand-button-variant__name{font-size:var(--text-sm);font-weight:600;color:var(--text-2)}.brand-button-state{padding-left:12px;margin-top:4px}.brand-button-state__label{font-size:var(--text-sm);font-weight:600;color:var(--text-4);margin-bottom:4px}.brand-button-state__inputs{display:flex;flex-direction:column;gap:4px}.brand-button-general{padding:8px 0;border-top:1px solid var(--border-light)}.brand-button-general__label{font-size:var(--text-sm);font-weight:600;color:var(--text-2);margin-bottom:8px}.brand-button-general__inputs{display:flex;flex-direction:column;gap:4px}.brand-number-row{display:flex;align-items:center;gap:8px;height:32px}.brand-number-row__label{font-size:var(--text-sm);color:var(--text-2);width:100px;flex-shrink:0}.brand-number-row .brand-number-input{width:70px;text-align:center}.brand-layouts-body{padding:24px;display:flex;flex-direction:column;gap:32px;overflow-y:auto}.brand-layouts-section__heading{font-size:var(--text-sm);font-weight:600;color:var(--text-1);margin-bottom:12px}.brand-layouts-grid{display:flex;flex-wrap:wrap;gap:16px}.brand-layout-card{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:default;position:relative}.brand-layout-card__thumb{width:100px;height:80px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--color-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-layout-card__empty{color:var(--text-4);display:flex;align-items:center;justify-content:center}.brand-layout-card__blocks{width:100%;height:100%;padding:8px;display:flex;flex-direction:column;gap:4px}.brand-layout-card__block{border-radius:2px}.brand-layout-card__block--header{height:12px;width:60%;background:var(--border)}.brand-layout-card__block--body{flex:1;background:var(--border-light)}.brand-layout-card__block--cta{height:10px;width:40%;background:var(--color-primary);border-radius:2px;align-self:flex-end}.brand-layout-card__block--image{height:20px;width:100%;background:var(--canvas-dot);border-radius:2px}.brand-layout-card__label{font-size:var(--text-sm);font-weight:400;color:var(--text-3);text-align:center;max-width:100px}.brand-layout-card__badge{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);background:var(--color-primary-soft);padding:1px 6px;border-radius:3px}.brand-layout-card__badge--custom{color:var(--text-3);background:var(--border-light)}.brand-libraries-body{flex:1;display:flex;align-items:center;justify-content:center;min-height:400px}.brand-libraries-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:320px}.brand-libraries-empty__icon{color:var(--text-4);margin-bottom:4px}.brand-libraries-empty__heading{font-size:var(--text-lg);font-weight:600;color:var(--text-1)}.brand-libraries-empty__body{font-size:var(--text-sm);color:var(--text-3);line-height:1.5}.layout-picker__header{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:var(--text-sm);font-weight:600;color:var(--text-1);border-bottom:1px solid var(--border);flex-shrink:0}.layout-picker__back{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-3);cursor:pointer}.layout-picker__back:hover{color:var(--color-primary);background:var(--color-bg)}.layout-picker__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;align-content:start}.layout-card{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.layout-card__thumb{width:100px;height:80px;border-radius:var(--radius-md);background:var(--color-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:box-shadow var(--transition-base),transform var(--transition-base)}.layout-card:hover .layout-card__thumb{box-shadow:0 2px 10px #0000001f}.layout-card:active .layout-card__thumb{transform:scale(.96)}.layout-card__label{font-size:var(--text-sm);font-weight:400;color:var(--text-3);text-align:center;max-width:100px}.unified-layout-card{display:block;width:100%;padding:0;border:1.5px solid var(--border);border-radius:8px;background:var(--color-surface);cursor:pointer;overflow:hidden;text-align:left;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .12s}.unified-layout-card:hover{border-color:var(--color-primary);box-shadow:0 2px 12px #0000001a}.unified-layout-card:active{transform:scale(.985)}.unified-layout-card__name{padding:7px 10px 8px;font-size:12px;font-weight:500;color:var(--text-2);border-top:1px solid var(--border);background:var(--color-bg);text-align:left}.swap-layout-footer{flex-shrink:0;padding:12px;border-top:1px solid var(--border);margin-top:auto;display:flex;justify-content:center}.swap-layout-btn{padding:6px 16px;background:var(--color-surface);color:var(--text-2);border:1px solid var(--border);border-radius:20px;font-size:var(--text-sm);font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.swap-layout-btn:hover{background:var(--color-bg);border-color:var(--text-4)}.change-grid-btn{display:flex;align-items:center;gap:5px;margin-top:8px;padding:4px 10px;background:transparent;color:var(--text-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:400;font-family:inherit;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.change-grid-btn:hover{color:var(--text-2);background:var(--color-bg);border-color:var(--text-4)}.inapp-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;pointer-events:none;z-index:0}.inapp-floating-canvas{position:absolute;left:0;top:0;height:100%;width:60%;background:var(--color-surface);background-image:radial-gradient(circle,var(--canvas-dot) 1.2px,transparent 1.2px);background-size:22px 22px;z-index:1;overflow:auto;box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f}.inapp-step-overlay{position:absolute;z-index:10}.inapp-step-overlay--dialog,.inapp-step-overlay--slider{top:50%;left:30%;transform:translate(-50%,-50%)}.inapp-step-overlay--badge{bottom:24px;right:280px}.inapp-step-overlay--banner{top:0;left:0;right:0}.inapp-step-overlay--tooltip,.inapp-step-overlay--hotspot{top:38%;left:42%}.right-panel__inapp-btn{padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.inapp-toolbar{display:flex;align-items:center;gap:6px}.btn-inapp-icon{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--color-surface);color:var(--text-2);cursor:pointer;font-family:inherit;transition:background var(--transition-fast),color var(--transition-fast)}.btn-inapp-icon:hover{background:var(--color-bg);color:var(--text-1)}.btn-inapp{flex:1;height:32px;padding:0 18px;display:flex;align-items:center;justify-content:center;border-radius:20px;cursor:pointer;font-family:inherit;transition:background var(--transition-fast)}.btn-edit-inapp-float{position:absolute;right:24px;top:24px;z-index:20;height:32px;padding:0 18px;display:flex;align-items:center;border:1px solid var(--border);border-radius:20px;color:var(--text-2);background:var(--color-surface);cursor:pointer;font-family:inherit;box-shadow:0 1px 4px #00000014;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.btn-edit-inapp-float:hover{background:var(--color-bg);box-shadow:0 2px 8px #0000001f}.btn-inapp--enter{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-inapp--enter:hover{background:var(--color-primary-soft)}.btn-inapp--exit{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.btn-inapp--exit:hover{background:var(--color-primary-hover)}body.inapp-mode-active .left-nav,body.inapp-mode-active .editor-topbar,body.inapp-mode-active .list-topbar,body.inapp-mode-active .editor-right-panel-wrap{display:none}body.inapp-mode-active .canvas-area{background:none;overflow:visible}.inapp-canvas-body .thumbnail-grid,.inapp-canvas-body .flow-canvas{padding:56px 24px 24px}body.preview-mode-active .right-panel,body.preview-mode-active .canvas-view-toggle,body.preview-mode-active .inapp-floating-canvas,body.preview-mode-active .btn-edit-inapp-float,body.preview-mode-active .step-edit-label-bar,body.preview-mode-active .back-to-flow,body.preview-mode-active .property-panel{display:none}.btn-exit-preview{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:1400;padding:9px 24px;background:#000000b3;color:#fff;border:none;border-radius:24px;font-size:var(--text-sm);font-weight:600;font-family:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background var(--transition-base)}.btn-exit-preview:hover{background:#000000d9}.block-untranslated{font-style:italic;opacity:.6}.rp-locale-switcher{border-top:1px solid var(--border);padding:8px;display:flex;align-items:center;gap:8px;flex-shrink:0}.rp-locale-switcher__label{font-size:var(--text-sm);font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.rp-locale-switcher__select{flex:1;font-size:var(--text-sm);font-weight:400;color:var(--text-1);border:1px solid var(--border);border-radius:var(--radius-md, 4px);padding:4px 8px;background:var(--color-surface);font-family:inherit}.rp-locale-switcher__select--theme{padding-right:24px}.grid-builder-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:32px;gap:16px}.grid-builder-header{font-size:var(--text-lg);font-weight:600;color:var(--text-1);line-height:1.2}.grid-builder-canvas{background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;flex-shrink:0;margin:auto}.grid-builder-grid{display:grid;width:100%;height:100%;box-sizing:border-box}.grid-cell{border:1px solid transparent;border-radius:var(--radius-md);transition:border-color var(--transition-base) ease}.grid-builder-canvas--hover .grid-cell{border:1px dashed var(--border)}.grid-cell--drag-over{border:1px solid var(--color-primary-border);background:var(--color-primary-soft)}.grid-cell--occupied{background:var(--color-primary-soft);border:1px solid var(--border)}.grid-cell--reject{border:1px solid #FCA5A5;background:transparent}.grid-settings-panel{padding:16px}.grid-settings-panel__header{font-size:var(--text-sm);font-weight:600;color:var(--text-1);padding:8px 12px;line-height:1.4}.grid-settings__row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}.grid-settings__label{font-size:var(--text-sm);font-weight:400;color:var(--text-1);line-height:1.4}.grid-stepper{display:flex;align-items:center;gap:4px}.grid-stepper__btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--text-1);font-size:var(--text-lg);cursor:pointer;transition:border-color var(--transition-base) ease;padding:0;line-height:1}.grid-stepper__btn:hover:not(:disabled){border-color:var(--color-primary)}.grid-stepper__btn:disabled{opacity:.4;cursor:default;pointer-events:none}.grid-stepper__value{width:28px;text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--text-1);line-height:1.4}.grid-warning-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:400}.grid-warning-modal__card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:24px;max-width:400px;width:90%}.grid-warning-modal__title{font-size:var(--text-lg);font-weight:600;color:var(--text-1);margin-bottom:8px;line-height:1.2}.grid-warning-modal__body{font-size:var(--text-sm);font-weight:400;color:var(--text-3);margin-bottom:16px;line-height:1.4}.grid-warning-modal__actions{display:flex;gap:8px;justify-content:flex-end}.grid-warning-modal__keep{padding:6px 14px;font-size:var(--text-sm);font-weight:400;color:var(--text-2);background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer}.grid-warning-modal__keep:hover{background:var(--color-bg)}.grid-warning-modal__reset{padding:6px 14px;font-size:var(--text-sm);font-weight:600;color:var(--color-surface);background:var(--color-danger);border:none;border-radius:var(--radius-md);cursor:pointer}.grid-warning-modal__reset:hover{background:var(--color-danger)}.grid-builder-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 24px}.grid-builder-footer__exit{padding:6px 14px;font-size:var(--text-sm);font-weight:400;color:var(--text-2);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer}.grid-builder-footer__exit:hover{background:var(--color-bg)}.grid-builder-footer__save{padding:6px 14px;font-size:var(--text-sm);font-weight:600;color:var(--color-surface);background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer}.grid-builder-footer__save:hover{background:var(--color-primary-hover)}.block-palette{padding:16px}.block-palette__header{font-size:var(--text-sm);font-weight:600;color:var(--text-1);padding:8px 12px;line-height:1.4}.block-palette__group-label{font-size:var(--text-sm);font-weight:600;color:var(--text-2);padding:4px 12px;margin-top:8px}.block-palette__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px}.palette-tile{display:flex;align-items:center;justify-content:center;padding:8px;background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:grab;transition:background var(--transition-base) ease,border-color var(--transition-base) ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-tile:hover{background:var(--color-bg);border-color:var(--color-primary)}.palette-tile__label{font-size:var(--text-sm);font-weight:400;color:var(--text-2);line-height:1.4}.placed-block-tile{width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;background:var(--color-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;position:relative;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;overflow:visible}.placed-block-tile--active{border-color:var(--color-primary)}.placed-block-tile--dragging{opacity:.25;cursor:grabbing}.placed-block-tile__row{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}.placed-block-tile__label{font-size:var(--text-sm);font-weight:400;color:var(--text-2);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.placed-block-tile__remove{width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-3);font-size:var(--text-md);cursor:pointer;padding:0;border-radius:var(--radius-md);flex-shrink:0;line-height:1}.placed-block-tile__remove:hover{color:var(--text-1)}.span-handle{position:absolute;background:var(--color-primary);border-radius:2px;cursor:grab;display:none;z-index:2}.placed-block-tile:hover .span-handle,.placed-block-tile--active .span-handle{display:block}.span-handle--right{right:-6px;top:20%;bottom:20%;width:4px;cursor:ew-resize}.span-handle--bottom{bottom:-6px;left:20%;right:20%;height:4px;cursor:ns-resize}.span-handle--left{left:-6px;top:20%;bottom:20%;width:4px;cursor:ew-resize}.span-handle--top{top:-6px;left:20%;right:20%;height:4px;cursor:ns-resize}.grid-cell--dragging-source{border:1px dashed var(--border);background:transparent}.drag-ghost{background:#646464b3;border-radius:var(--radius-md)}@keyframes grid-cell-shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.grid-cell--shake{animation:grid-cell-shake .3s ease}.guide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:10}.guide-line{stroke:var(--color-primary);stroke-width:1}.layout-name-input{height:32px;padding:0 12px;font-size:var(--text-sm);font-weight:400;color:var(--text-1);background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;min-width:160px;line-height:1.4}.layout-name-input::-moz-placeholder{color:var(--text-4)}.layout-name-input::placeholder{color:var(--text-4)}.layout-name-input:focus{border-color:var(--color-primary)}.custom-layout-thumb{display:grid;width:100%;height:100%;gap:2px;box-sizing:border-box}.custom-layout-thumb__cell--occupied{background:var(--color-bg);border-radius:2px}.brand-settings-page--builder{padding:0;overflow:hidden;min-height:0}.layout-builder-shell{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--color-bg)}.layout-builder-header{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--color-surface);flex-shrink:0}.layout-builder-back{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-2);cursor:pointer;border-radius:var(--radius-md)}.layout-builder-back:hover{background:var(--color-bg)}.layout-builder-title{font-size:var(--text-sm);font-weight:600;color:var(--text-1)}.layout-builder-body{display:flex;flex:1;min-height:0;overflow:hidden}.layout-builder-canvas-area{flex:1;min-height:0;display:flex;align-items:flex-start;background:var(--color-bg);overflow:auto;padding:20px}.layout-builder-panel{width:220px;flex-shrink:0;border-left:1px solid var(--border);background:var(--color-surface);overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.layout-builder-panel__section{font-size:var(--text-sm);font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:4px 0 8px}.layout-builder-panel__divider{height:1px;background:var(--border);margin:8px 0}.layout-builder-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border);background:var(--color-surface);flex-shrink:0}.grid-config-canvas{width:100%;background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 2px 12px #00000014;box-sizing:border-box}.grid-config-grid{display:grid;width:100%;height:100%;box-sizing:border-box}.grid-config-cell{background:var(--color-bg);border:1px dashed var(--border);border-radius:2px;min-height:20px}.grid-builder-layout{display:flex;flex:1;min-height:0;width:100%}.grid-builder-main{flex:1;min-width:0;display:flex;flex-direction:column}.grid-builder-canvas-area{flex:1;min-height:0;display:flex;align-items:center;background:var(--color-bg);overflow:auto;padding:20px}.grid-builder-name-bar{padding:10px 20px;border-top:1px solid var(--border);background:var(--color-surface)}.grid-builder-panel{width:220px;flex-shrink:0;border-left:1px solid var(--border);background:var(--color-surface);overflow-y:auto}.spacing-control{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.spacing-control__label{font-size:var(--text-sm);color:var(--text-2)}.spacing-control__options{display:flex;gap:4px;flex-wrap:wrap}.spacing-control__btn{min-width:28px;height:24px;padding:0 6px;font-size:var(--text-sm);font-family:inherit;color:var(--text-2);background:var(--color-bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer}.spacing-control__btn--active{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.spacing-control__btn:hover:not(.spacing-control__btn--active){background:var(--color-surface)}.prop-panel-section{padding:8px 0}.prop-panel-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.prop-panel-row--centered{align-items:center;gap:6px}.prop-panel-label{font-size:var(--text-sm);color:var(--text-2)}.prop-panel-link-btn{width:24px;height:24px;border:1px solid var(--border);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-3);flex-shrink:0}.prop-panel-link-btn--active{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft)}.step-padding-stepper-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0}.step-padding-stepper{display:flex;flex-direction:column;gap:4px}.step-padding-stepper-label{font-size:var(--text-sm);font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.4px}.step-padding-stepper-controls{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.step-padding-stepper-controls>button{width:28px;height:28px;border:none;background:transparent;cursor:pointer;font-size:var(--text-md);line-height:1;color:var(--text-2);flex-shrink:0}.step-padding-stepper-controls>button:hover{background:var(--color-bg)}.step-padding-stepper-value{flex:1;text-align:center;font-size:var(--text-sm);color:var(--text-1);min-width:24px}.step-spacing-stepper{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.step-spacing-stepper>button{width:28px;height:28px;border:none;background:transparent;cursor:pointer;font-size:var(--text-md);color:var(--text-2);flex-shrink:0}.step-spacing-stepper>button:hover{background:var(--color-bg)}.step-spacing-stepper-value{min-width:36px;text-align:center;font-size:var(--text-sm);color:var(--text-1)}.grid-builder-density-controls{display:flex;align-items:center;gap:12px}.grid-density-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:400}.grid-density-modal{background:var(--color-surface);border-radius:var(--radius-xl, 8px);padding:20px 24px;max-width:360px;width:calc(100% - 32px);box-shadow:0 20px 50px #0f172a40}.grid-density-modal-title{font-size:var(--text-lg);font-weight:600;color:var(--text-1);margin:0 0 8px}.grid-density-modal-body{font-size:var(--text-sm);color:var(--text-2);margin:0 0 16px;line-height:1.4}.grid-density-modal-actions{display:flex;justify-content:flex-end;gap:8px}.grid-density-modal-btn{padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--border);font-size:var(--text-sm);cursor:pointer;font-family:inherit}.grid-density-modal-btn--secondary{background:var(--color-surface);color:var(--text-1)}.grid-density-modal-btn--secondary:hover{background:var(--color-bg)}.grid-density-modal-btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.grid-density-modal-btn--primary:hover{filter:brightness(.95)}.block-item--empty-row{background:var(--color-bg);border-radius:var(--radius-lg);min-height:56px;padding:8px 12px;border:1.5px dashed var(--text-4);display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.empty-row-ratio-picker{display:flex;align-items:center;gap:4px}.empty-row-ratio-btn{width:36px;height:28px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--color-surface);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:background-color .12s ease,border-color .12s ease}.empty-row-ratio-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.empty-row-delete-btn{width:24px;height:24px;border:none;background:transparent;color:var(--text-3);cursor:pointer;font-size:var(--text-xl);line-height:1;border-radius:var(--radius-md);transition:color .12s ease}.empty-row-delete-btn:hover{color:var(--color-danger)}.block-item--placeholder{border:1.5px dashed var(--text-4);background:var(--color-surface);min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--text-4)}.block-item--placeholder:hover{border-color:var(--text-4)}.block-item--placeholder .placeholder-plus{font-size:var(--text-lg);line-height:1}.block-item--placeholder .placeholder-label{font-size:var(--text-sm);font-weight:400}.step-add-row-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;margin-top:8px;background:transparent;border:1.5px dashed var(--text-4);border-radius:var(--radius-lg);color:var(--text-3);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.step-add-row-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.step-add-row-plus{font-size:var(--text-md);line-height:1}:root{--saas-nav-bg: #34383A;--saas-action: #6D5FCC;--anchor-highlight-bg: rgba(27,110,243,.1);--danger: #EF4444;--danger-light: rgba(239,68,68,.08)}body.mapping-active,body.mapping-active [data-anchorable]{cursor:crosshair!important}body.mapping-active [data-anchorable]:hover{outline:2px solid var(--blue);outline-offset:2px;background-color:var(--anchor-highlight-bg);position:relative}body.preview-mode-active .inapp-floating-canvas-panel,body.preview-mode-active .inapp-right-panel,body.preview-mode-active .step-container-toolbar,body.preview-mode-active .anchor-banner,body.preview-mode-active .mapping-mode-hint{display:none}.fp-name-pill{height:32px;background:#fff;border:1px solid var(--border, #E5E7EB);border-radius:16px;display:flex;align-items:center;gap:6px;padding:0 10px 0 12px;box-shadow:0 1px 4px #00000014;cursor:pointer;max-width:220px}.fp-name-pill:hover{border-color:var(--color-primary, #0066cc)}.fp-name-text{font-size:13px;font-weight:600;color:var(--text-1, #0F172A);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-name-input{font-size:13px;font-weight:600;border:none;outline:none;background:transparent;color:var(--text-1, #0F172A);min-width:60px;max-width:180px;font-family:inherit}.flow-node-wrap{position:relative}.flow-node-actions{position:absolute;left:calc(100% + 8px);top:0;height:64px;display:flex;flex-direction:row;align-items:center;gap:4px;z-index:11;opacity:0;pointer-events:none;transition:opacity .15s}.flow-node-wrap:hover .flow-node-actions{opacity:1;pointer-events:auto}.flow-node-actions__btn{width:22px;height:22px;border-radius:6px;border:1px solid var(--border);background:var(--color-surface);color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px #00000014;transition:color var(--transition-base),background var(--transition-base)}.flow-node-actions__btn:hover{color:var(--text-1);background:var(--color-bg)}.flow-node-actions__btn--danger:hover{color:#dc2626}.flow-node__completeness{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--color-surface)}.flow-node__completeness--complete{background:#16a34a}.flow-node__completeness--partial{background:#f59e0b}.flow-plus-node{width:28px;height:28px;border-radius:50%;border:1.5px dashed var(--border);background:transparent;color:var(--text-4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s,color .15s;flex-shrink:0}.flow-plus-node:hover{border-color:var(--color-primary);color:var(--color-primary)}.flow-plus-node--pulsing{border-color:var(--color-primary);background:#0066cc14;color:var(--color-primary);animation:flow-plus-pulse 1.2s ease infinite}@keyframes flow-plus-pulse{0%,to{box-shadow:0 0 #0066cc4d}50%{box-shadow:0 0 0 5px #06c0}}.flow-terminal-node{position:relative}.flow-terminal-node:hover{border-color:var(--border)!important;color:var(--text-2)!important}.flow-terminal-node[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#111827e0;color:#fff;font-size:10px;line-height:1.4;padding:5px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:200}.flow-terminal-node:hover[data-tooltip]:after{opacity:1}.flow-branch-label{font-size:9px;color:var(--text-4);background:var(--color-bg, #F9FAFB);border:1px solid var(--border-light, #F3F4F6);border-radius:10px;padding:2px 7px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;flex-shrink:0}.branch-inspector__back-row{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.branch-inspector__back-btn{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-3);padding:4px 6px 4px 0;transition:color var(--transition-base)}.branch-inspector__back-btn:hover{color:var(--text-1)}.branch-inspector__step-meta{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-shrink:0}.branch-inspector__step-type-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--color-bg);color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.branch-inspector__step-name{font-size:12px;font-weight:500;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-inspector__section-label{font-size:11px;font-weight:600;color:var(--text-4);text-transform:uppercase;letter-spacing:.06em;padding:12px 12px 6px}.branch-inspector__branch-row{padding:12px 12px 16px;border-bottom:1px solid var(--border-light, #f3f4f6);display:flex;flex-direction:column;gap:4px}.branch-inspector__branch-label{font-size:12px;font-weight:500;color:var(--text-1)}.branch-inspector__action-summary{font-size:11px;color:var(--text-3)}.branch-inspector__branch-actions{display:flex;gap:6px;margin-top:2px}.branch-inspector__action-btn{font-size:11px;padding:3px 8px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-3);cursor:pointer;transition:color var(--transition-base),background var(--transition-base)}.branch-inspector__action-btn:hover{color:var(--text-1);background:var(--color-bg)}:root{--flow-connector: #B8C0D0}.flow-unconnected-tag{font-size:10px;font-weight:600;color:var(--text-3);background:var(--color-surface, white);border:1px solid var(--border);border-radius:10px;padding:1px 8px;margin-top:2px;display:inline-block}.flow-start-tile{display:inline-flex;align-items:center;gap:8px;background:#22c55e;color:#fff;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s;margin-bottom:8px}.flow-start-tile:hover{background:#16a34a}.flow-start-tile--selected{background:#16a34a;box-shadow:0 0 0 3px #22c55e4d}.flow-start-tile__dot{width:8px;height:8px;border-radius:50%;background:#fffc;flex-shrink:0}.flow-terminal-circle{width:30px;height:30px;border-radius:50%;background:var(--color-surface, white);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-3);transition:border-color .15s,color .15s;position:relative;outline:none}.flow-terminal-circle:hover{border-color:var(--color-primary);color:var(--color-primary)}.flow-terminal-circle[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#111827e0;color:#fff;font-size:10px;line-height:1.4;padding:5px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:200}.flow-terminal-circle:hover[data-tooltip]:after{opacity:1}.block-card__action-btn{opacity:0;transition:opacity .15s}.block-card__header:hover .block-card__action-btn{opacity:1}.branch-inspector__add-condition{margin:8px 12px 12px;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:0;transition:opacity .15s}.branch-inspector__add-condition:hover{opacity:.7}.branch-inspector__else-label{font-size:11px;font-weight:600;color:var(--text-3);padding:0 0 6px;display:block}.branch-inspector__subtitle{font-size:11px;color:var(--text-4);line-height:1.5;padding:8px 12px 4px;flex-shrink:0}.tv2-audience-root{display:flex;flex-direction:row;height:100%;overflow:hidden}.tv2-audience-main{flex:1;min-width:0;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:0}.tv2-audience-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px;flex-shrink:0}.tv2-audience__heading{font-size:15px;font-weight:600;color:var(--text-1);line-height:1.3}.tv2-audience__subtitle{font-size:12px;color:var(--text-3);margin-top:3px;line-height:1.4}.tv2-audience__empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--text-4);line-height:1.6;border:1.5px dashed var(--border);border-radius:10px;margin-top:4px}.tv2-audience__groups{display:flex;flex-direction:column;gap:0}.tv2-group-connector{display:flex;align-items:center;justify-content:center;height:28px;position:relative;flex-shrink:0}.tv2-group-connector:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100%;background:var(--border)}.tv2-group-connector__badge{position:relative;z-index:1;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--color-primary);background:#fff;border:1px solid var(--color-primary);border-radius:10px;padding:1px 8px}.tv2-rule-block{background:#fff;border-radius:12px;box-shadow:0 0 .5px #34383a3d,0 2px 2px #34383a0f;overflow:hidden;border:1px solid var(--border-light, #edf0f3)}.tv2-rule-block__header{background:#f5f9fe;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #e8edf5}.tv2-rule-block__title{display:flex;align-items:center;gap:8px}.tv2-rule-block__index{font-size:12px;color:var(--text-3);min-width:14px;font-weight:500}.tv2-rule-block__name{font-size:13px;font-weight:500;color:var(--text-1)}.tv2-rule-block__controls{display:flex;align-items:center;gap:6px}.tv2-rule-block__delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-4);border-radius:4px;transition:color var(--transition-base),background var(--transition-base);flex-shrink:0}.tv2-rule-block__delete:hover{color:#dc2626;background:#fef2f2}.tv2-rule-block__conditions{display:flex;flex-direction:column;gap:0}.tv2-rule-block__footer{padding:6px 14px 10px;border-top:1px solid var(--border-light, #edf0f3)}.tv2-condition-row{display:flex;align-items:center;gap:6px;padding:8px 14px;flex-wrap:nowrap;overflow:hidden}.tv2-condition-row .tv2-input{flex:1;min-width:0;height:32px;padding:0 10px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text-1);outline:none}.tv2-condition-row .tv2-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1b6ef31f}.tv2-condition-row .tv2-number-input{height:32px;padding:0 8px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text-1);outline:none;text-align:right}.tv2-condition-row .tv2-number-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1b6ef31f}.tv2-cond-connector{display:flex;align-items:center;padding:0 14px 0 30px;height:18px}.tv2-cond-connector__badge{font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--text-3);background:#fff;border:1px solid var(--border);border-radius:8px;padding:1px 6px}.tv2-add-condition{font-size:12px;font-weight:500;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:0;transition:opacity .15s}.tv2-add-condition:hover{opacity:.7}.tv2-cond-remove{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-4);border-radius:4px;flex-shrink:0;transition:color var(--transition-base),background var(--transition-base)}.tv2-cond-remove:hover{color:#dc2626;background:#fef2f2}.tv2-rule-picker{width:210px;min-width:210px;border-left:1px solid var(--border);overflow-y:auto;padding:12px 0 16px;background:var(--color-bg, #f9fafb);flex-shrink:0}.tv2-rule-picker__heading{font-size:10px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;padding:0 14px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.tv2-rule-picker__category{margin-bottom:2px}.tv2-rule-picker__cat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 4px;font-size:10px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.tv2-rule-picker__item{width:100%;display:flex;align-items:center;gap:9px;padding:8px 14px;background:none;border:none;border-bottom:1px solid var(--border-light, #f3f4f6);text-align:left;cursor:pointer;font-size:12px;color:var(--text-1);transition:background var(--transition-base)}.tv2-rule-picker__item:hover{background:#fff}.ftc-start-tile{display:inline-flex;align-items:center;background:#22c55e;color:#fff;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s;margin-bottom:4px}.ftc-start-tile:hover{background:#16a34a}.ftc-start-tile--selected{background:#16a34a;box-shadow:0 0 0 3px #22c55e4d}.ftc-card{background:var(--color-surface, white);border:1.5px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #00000012;transition:box-shadow .15s,border-color .15s}.ftc-card:hover{box-shadow:0 4px 14px #0000001c}.ftc-card--selected{border-color:var(--color-primary, #0066CC);box-shadow:0 0 0 3px #0066cc26}.ftc-card__header{height:36px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid var(--border);flex-shrink:0}.ftc-card__step-num{font-size:11px;font-weight:400;color:var(--text-4);flex-shrink:0}.ftc-card__step-name{font-size:12px;font-weight:600;color:var(--text-1);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ftc-card__actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .12s}.ftc-card:hover .ftc-card__actions{opacity:1}.ftc-card__action-btn{width:22px;height:22px;border:none;background:transparent;border-radius:5px;color:var(--text-4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .12s,background .12s}.ftc-card__action-btn:hover{color:var(--text-1);background:var(--color-bg)}.ftc-card__action-btn--danger:hover{color:#dc2626;background:#fef2f2}.ftc-card__preview{height:224px;overflow:hidden;cursor:pointer}.ftc-card__preview:hover{opacity:.92}.tv2-rule-picker__item:last-child{border-bottom:none}.action-picker{margin-top:6px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.action-picker__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;border:none;border-bottom:1px solid var(--border-light, #F3F4F6);background:#fff;font-size:12px;color:var(--text-1);cursor:pointer;text-align:left;transition:background .1s}.action-picker__option:last-child{border-bottom:none}.action-picker__option:hover{background:var(--color-bg, #F9FAFB)}.action-picker__back{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-bottom:1px solid var(--border);width:100%;font-size:11px;font-weight:600;color:var(--color-primary);cursor:pointer;background:var(--color-bg, #F9FAFB);text-align:left}.action-picker__step-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;border-bottom:1px solid var(--border-light, #F3F4F6);background:#fff;font-size:12px;cursor:pointer;text-align:left;transition:background .1s}.action-picker__step-option:last-child{border-bottom:none}.action-picker__step-option:hover{background:var(--color-bg, #F9FAFB)}.action-picker__step-num{width:18px;height:18px;border-radius:50%;background:var(--border);color:var(--text-2);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-picker__step-name{color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-inspector__condition-picker{margin-top:6px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.branch-inspector__condition-option{display:flex;width:100%;padding:9px 12px;border:none;border-bottom:1px solid var(--border-light, #F3F4F6);background:#fff;font-size:12px;color:var(--text-1);cursor:pointer;text-align:left;transition:background .1s}.branch-inspector__condition-option:last-child{border-bottom:none}.branch-inspector__condition-option:hover{background:var(--color-bg, #F9FAFB)}.branch-inspector__else-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg, #F9FAFB);border-top:1px solid var(--border-light, #F3F4F6);border-bottom:1px solid var(--border-light, #F3F4F6);margin:0 0 2px}.ftc-card__step-name-input{flex:1;min-width:0;font-size:12px;font-weight:500;color:var(--text-1);background:#fff;border:1px solid var(--color-primary);border-radius:4px;padding:1px 5px;outline:none;font-family:inherit;box-shadow:0 0 0 2px #0066cc26}.prop-panel-body{flex:1;overflow-y:auto;padding:8px 0 16px}.prop-accordion{margin:0 8px 8px;border-radius:10px;background:#fff;box-shadow:0 2px 8px #00000012,0 0 0 1px var(--border);overflow:visible}.prop-accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:none;border:none;cursor:pointer;text-align:left;gap:8px;border-radius:10px}.prop-accordion__header:hover{background:var(--color-bg, #F9FAFB)}.prop-accordion__title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.prop-accordion__chevron{color:var(--text-4);flex-shrink:0;transition:transform .15s}.prop-accordion__chevron--open{transform:rotate(180deg)}.prop-accordion__body{padding:4px 12px 12px;display:flex;flex-direction:column;gap:12px}.prop-styling-icons{display:flex;gap:4px;flex-wrap:wrap}.prop-styling-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:11px;cursor:pointer;color:var(--text-3);transition:background .1s,border-color .1s;font-family:inherit}.prop-styling-icon:hover{background:var(--color-bg, #F9FAFB);border-color:var(--color-primary-soft, #BFDBFE);color:var(--text-1)}.prop-styling-icon--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.prop-state-row{display:flex;flex-direction:column;gap:10px}.prop-state-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);margin-bottom:6px}.prop-mapping-card{border:1px dashed var(--border);border-radius:8px;padding:12px;background:var(--color-bg, #F9FAFB);font-size:12px;color:var(--text-4);text-align:center}.prop-mapping-mapped{border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:#fff}.pp-move-btn{background:none;border:none;cursor:pointer;font-size:10px;line-height:1;padding:0 2px;color:var(--text-4)}.pp-move-btn:hover{color:var(--text-3)}.pp-move-btn:disabled{opacity:.2;cursor:default}.pp-choice-input{box-sizing:border-box;font-size:12px;border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 8px;outline:none;background:#fff}.pp-choice-input:focus{border-color:var(--color-primary)}.pp-remove-btn{background:none;border:none;cursor:pointer;color:#f87171;font-size:14px;line-height:1;padding:0 4px;flex-shrink:0}.pp-remove-btn:hover{color:#dc2626}.pp-add-btn{font-size:12px;background:var(--color-primary);color:#fff;border-radius:9999px;padding:4px 10px;border:none;cursor:pointer;font-weight:600}.pp-add-btn:hover{background:var(--color-primary-hover)}.pp-badge-input{box-sizing:border-box;width:100%;font-size:14px;border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px 10px;outline:none}.pp-badge-input:focus{border-color:var(--color-primary)}.pp-badge-input-sm{box-sizing:border-box;flex:1;min-width:0;font-size:12px;border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px 8px;outline:none}.pp-badge-input-sm:focus{border-color:var(--color-primary)}.pp-seg-btn{padding:6px 0;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:background .12s;background:#fff;color:var(--text-3)}.pp-seg-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pp-seg-btn:not(.pp-seg-btn--active):hover{background:var(--color-bg)}.pp-clear-btn{background:none;border:none;cursor:pointer;font-size:12px;color:#f59e0b;padding:0;transition:color .12s}.pp-clear-btn:hover{color:#dc2626}.device-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:all .15s;border:none;cursor:pointer;background:transparent;color:var(--text-3)}.device-toggle-btn:hover{color:var(--text-2)}.device-toggle-btn--active{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-xs)}.device-toggle-btn--active:hover{color:var(--color-primary)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}