:root{--bg: #080808;--surface: #0f0f0f;--surface-2: #141414;--elevated: #141414;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .14);--text: #f0ede8;--text-muted: #a8a8a8;--text-faint: #686868;--primary: #c9a96e;--brand: #c9a96e;--primary-hover: #d8bd87;--primary-soft: rgba(201, 169, 110, .12);--primary-glow: rgba(201, 169, 110, .18);--green: #4caf82;--green-soft: rgba(76, 175, 130, .13);--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .13);--red: #e74c3c;--red-soft: rgba(231, 76, 60, .13);--grey: #a8a8a8;--grey-soft: rgba(255, 255, 255, .07);--blue: #8aa6c2;--blue-soft: rgba(138, 166, 194, .13);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 36px;--r-sm: 3px;--r-md: 4px;--r-lg: 6px;--radius: 4px;--shadow-sm: none;--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .65);--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-sans: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease: .18s ease;--sidebar-w: 240px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;font-weight:300;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2{font-family:var(--font-display);margin:0;font-weight:600;letter-spacing:.01em}h1{font-size:30px;line-height:1.15}h2{font-size:20px}a{color:var(--primary);text-decoration:none;transition:color var(--ease)}a:hover{color:var(--primary-hover)}input,select,textarea,button{accent-color:var(--primary)}::selection{background:var(--primary-glow);color:var(--text)}code,kbd,samp{font-family:var(--font-mono)}input,select,textarea{width:100%;font:inherit;font-family:var(--font-sans);color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:9px 11px;outline:none;transition:border-color var(--ease),box-shadow var(--ease)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}textarea{resize:vertical;font-family:var(--font-sans)}select option{background:var(--surface-2);color:var(--text)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field-label{font-weight:500;font-size:13px;color:var(--text)}.field-required{color:var(--red)}.field-hint{font-size:12px;color:var(--text-muted)}.field-submit{display:flex;align-items:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font:inherit;font-family:var(--font-sans);font-weight:500;letter-spacing:.01em;border:1px solid transparent;border-radius:var(--r-md);padding:9px 16px;cursor:pointer;white-space:nowrap;transition:background var(--ease),border-color var(--ease),color var(--ease),opacity var(--ease)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#0b0b0b}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:#ffffff0a;border-color:var(--primary)}.btn-danger{background:var(--red-soft);color:var(--red);border-color:#e74c3c66}.btn-danger:hover:not(:disabled){background:#e74c3c33}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:#ffffff0a;color:var(--text)}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);color:var(--text-muted);display:flex;flex-direction:column;padding:var(--sp-5) var(--sp-4);position:sticky;top:0;height:100vh;border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-2) var(--sp-6)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-md);background:transparent;border:1px solid var(--primary);color:var(--primary)}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-name{font-family:var(--font-display);color:var(--text);font-weight:600;font-size:21px;letter-spacing:.01em}.brand-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}.nav{display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);border-radius:var(--r-sm);color:var(--text-muted);font-weight:400;transition:background var(--ease),color var(--ease)}.nav-item:hover{background:#ffffff0a;color:var(--text)}.nav-item-active,.nav-item-active:hover{background:var(--primary-soft);color:var(--primary);box-shadow:inset 2px 0 0 var(--primary)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:64px;flex-shrink:0;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6)}.topbar-title{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.topbar-user{display:flex;align-items:center;gap:var(--sp-4)}.user-meta{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.user-email{font-weight:500}.user-role{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--text-faint);text-transform:uppercase}.content{padding:var(--sp-6);flex:1}.page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-6)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.page-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}.card-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:.01em}.card-subtitle{margin:var(--sp-1) 0 0;color:var(--text-muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}@media (max-width: 980px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-4) var(--sp-5)}.stat-card-top{display:flex;align-items:center;justify-content:space-between}.stat-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.stat-icon{color:var(--primary);display:inline-flex}.stat-value{font-family:var(--font-display);font-size:36px;font-weight:600;line-height:1;margin-top:var(--sp-3);color:var(--text)}.stat-hint{font-size:12px;color:var(--text-faint);margin-top:var(--sp-2)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-md)}.table{width:100%;border-collapse:collapse;font-size:13px}.table thead th{text-align:left;font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);background:transparent;padding:12px var(--sp-4);border-bottom:1px solid var(--border);white-space:nowrap}.table tbody td{padding:12px var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#ffffff08}.row-actions{text-align:right;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px 8px;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;line-height:1.4;margin-left:4px;border:1px solid transparent}.badge:first-child{margin-left:0}.badge-green{background:var(--green-soft);color:var(--green);border-color:#4caf824d}.badge-amber{background:var(--amber-soft);color:var(--amber);border-color:#f59e0b4d}.badge-red{background:var(--red-soft);color:var(--red);border-color:#e74c3c4d}.badge-grey{background:var(--grey-soft);color:var(--text-muted);border-color:var(--border-strong)}.badge-blue{background:var(--blue-soft);color:var(--blue);border-color:#8aa6c24d}.badge-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.notif-stack{display:flex;flex-direction:column;gap:var(--sp-3)}.notif{display:flex;align-items:center;gap:var(--sp-3);padding:11px var(--sp-4);border-radius:var(--r-md);font-weight:400;border:1px solid transparent}.notif-warning{background:var(--amber-soft);color:var(--amber);border-color:#f59e0b59}.notif-critical{background:var(--red-soft);color:var(--red);border-color:#e74c3c59}.filters{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:220px;display:flex;align-items:center}.search-box svg{position:absolute;left:11px;color:var(--text-faint);pointer-events:none}.search-box input{padding-left:34px}.filters select{width:auto;min-width:160px}.source-filter{width:auto;min-width:180px}.form-stack{display:flex;flex-direction:column;gap:var(--sp-4)}.map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}@media (max-width: 720px){.map-grid{grid-template-columns:1fr}}.radio-row,.checkbox-row{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.radio,.checkbox,.toggle{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;font-weight:400}.radio input,.checkbox input,.toggle input{width:auto}.toggle{margin-top:var(--sp-4)}.file-drop{display:flex;flex-direction:column;gap:var(--sp-3)}.file-label{display:inline-flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5);border:1px dashed var(--border-strong);border-radius:var(--r-md);cursor:pointer;color:var(--text-muted);font-weight:400;transition:border-color var(--ease),background var(--ease),color var(--ease)}.file-label:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.muted{color:var(--text-muted);font-size:13px;display:inline-flex;align-items:center;gap:var(--sp-2)}.inline-error{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--red);font-size:13px;font-weight:400;margin-top:var(--sp-3)}.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);margin-bottom:var(--sp-4)}@media (max-width: 720px){.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.preview-stat{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.preview-num{font-family:var(--font-display);font-size:30px;font-weight:600}.preview-lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.preview-ok{background:var(--green-soft);border-color:#4caf824d}.preview-ok .preview-num,.preview-ok .preview-lbl{color:var(--green)}.preview-warn{background:var(--amber-soft);border-color:#f59e0b4d}.preview-warn .preview-num,.preview-warn .preview-lbl{color:var(--amber)}.preview-err{background:var(--red-soft);border-color:#e74c3c4d}.preview-err .preview-num,.preview-err .preview-lbl{color:var(--red)}.copy-field{display:flex;gap:var(--sp-2)}.copy-field input{font-family:var(--font-mono);font-size:13px}.empty-state{text-align:center;padding:var(--sp-6) var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.empty-title{font-family:var(--font-display);font-size:20px;font-weight:600;margin:0}.empty-message{color:var(--text-muted);margin:0}.spinner{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-muted);padding:var(--sp-5);justify-content:center}.spinner-dot{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:radial-gradient(1200px 600px at 50% -10%,var(--primary-glow) 0%,transparent 55%),var(--bg)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--sp-6)}.auth-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);margin-bottom:var(--sp-5)}.auth-brand h1{font-size:28px}.auth-tagline{color:var(--text-muted);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--sp-4)}.auth-form .btn{margin-top:var(--sp-2)}.auth-foot{text-align:center;margin:var(--sp-5) 0 0;color:var(--text-muted)}.row-link{cursor:pointer}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}@media (max-width: 720px){.detail-grid{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:var(--sp-1)}.detail-label{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.detail-value{color:var(--text)}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.timeline-item{position:relative;display:flex;gap:var(--sp-3);padding:0 0 var(--sp-4) var(--sp-4);border-left:1px solid var(--border)}.timeline-item:last-child{padding-bottom:0;border-left-color:transparent}.timeline-dot{position:absolute;left:-6px;top:4px;width:11px;height:11px;border-radius:999px;background:var(--primary);border:2px solid var(--bg)}.timeline-body{display:flex;flex-direction:column;gap:var(--sp-1)}.timeline-head{display:flex;align-items:center;gap:var(--sp-2)}.timeline-campaign{font-weight:500}.timeline-time{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:13px;color:var(--text-muted)}.email-preview{margin:0;padding:var(--sp-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.audience-estimate{margin:var(--sp-4) 0 0;color:var(--text-muted)}.chart-wrap{width:100%}.stat-with-badge{display:inline-flex;align-items:center;gap:var(--sp-2)}.table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table thead th.sortable:hover{color:var(--text)}.sort-head{display:inline-flex;align-items:center;gap:var(--sp-1)}.table tbody tr.row-top,.table tbody tr.row-top:hover{background:var(--primary-soft)}.global-search{position:relative;flex:1;max-width:420px}.search-dropdown{position:absolute;top:calc(100% + var(--sp-2));left:0;right:0;background:var(--elevated);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:50;max-height:420px;overflow-y:auto;padding:var(--sp-2)}.search-empty{padding:var(--sp-3) var(--sp-4);color:var(--text-muted)}.search-group{padding:var(--sp-1) 0}.search-group-title{font-family:var(--font-mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);padding:var(--sp-2) var(--sp-3)}.search-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;text-align:left;background:transparent;border:none;border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);cursor:pointer;font:inherit;font-family:var(--font-sans);color:var(--text)}.search-item:hover{background:#ffffff0a}.search-item-main{font-weight:500}.search-item-sub{color:var(--text-muted);font-size:12px}.rte{border:1px solid var(--border-strong);border-radius:var(--r-md);overflow:hidden;background:var(--surface-2)}.rte-toolbar{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.rte-toolbar button{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);padding:5px 8px;cursor:pointer;color:var(--text-muted);font:inherit;font-size:13px;transition:background var(--ease),color var(--ease)}.rte-toolbar button:hover{background:#ffffff0d;color:var(--text)}.rte-tab.on{background:var(--primary);color:#0b0b0b}.rte-sep,.rte-spacer{width:1px;align-self:stretch;background:var(--border);margin:2px 4px}.rte-spacer{flex:1;background:transparent}.rte-merge{border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:4px 6px;font-size:13px;background:var(--surface-2);color:var(--text)}.rte-editor{min-height:220px;padding:14px 16px;outline:none;line-height:1.6;color:var(--text)}.rte-editor:empty:before{content:"Write your email… use the toolbar for formatting, images and merge fields";color:var(--text-faint)}.rte-editor img,.rte-preview img{max-width:100%}.rte-preview{min-height:220px;padding:14px 16px;color:var(--text)}.rte-preview-frame{width:100%;max-width:760px;margin:0 auto;height:600px;border:0;background:#f4f2ee;display:block}.rte-html{width:100%;border:0;padding:14px 16px;font-family:var(--font-mono);font-size:13px;resize:vertical;background:var(--surface-2)}.rte-hint{padding:0 16px 10px;color:var(--text-muted);font-size:12px}.email-render{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.email-render img{max-width:100%}.bulk-bar{position:sticky;top:var(--sp-4);z-index:5;display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);padding:10px var(--sp-4);background:var(--primary-soft);border:1px solid var(--primary);border-radius:var(--r-md)}.bulk-bar-count{font-family:var(--font-mono);font-weight:500;color:var(--primary);font-size:12px;letter-spacing:.04em}.bulk-bar-clear{background:transparent;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:0;text-decoration:underline}.bulk-bar-clear:hover{color:var(--text)}.bulk-bar-actions{display:flex;align-items:center;gap:var(--sp-2);margin-left:auto;flex-wrap:wrap}.col-select{width:36px;text-align:center}.col-select input[type=checkbox],.table td.col-select input,.table th.col-select input{cursor:pointer;margin:0;vertical-align:middle}.tag-picker{display:flex;align-items:center;gap:var(--sp-2)}.tag-picker select{min-width:160px}.nav-group{display:flex;flex-direction:column}.nav-group-toggle{width:100%;background:transparent;border:0;cursor:pointer;text-align:left;font:inherit}.nav-group-toggle .nav-chevron{margin-left:auto;transition:transform .18s ease;opacity:.6}.nav-chevron-open{transform:rotate(180deg)}.nav-group-active{color:var(--text)}.nav-sub{display:flex;flex-direction:column;padding-left:14px;border-left:1px solid var(--border);margin:2px 0 4px 16px;gap:1px}.nav-sub .nav-item{padding-top:7px;padding-bottom:7px;font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow-y:auto;background:#0000009e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modal-fade .14s ease}.modal-panel{width:100%;max-width:420px;max-height:90vh;display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:0 24px 64px #0000008c;animation:modal-rise .16s ease}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-xl{max-width:840px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{margin:0;font-size:15px;font-weight:600;color:var(--text)}.modal-close{display:inline-flex;background:transparent;border:0;color:var(--text-faint);cursor:pointer;padding:2px;border-radius:var(--r-sm)}.modal-close:hover{color:var(--text)}.modal-body{padding:var(--sp-5);overflow-y:auto;flex:1 1 auto;min-height:0}.modal-message{color:var(--text-muted);font-size:14px;line-height:1.5}.modal-message+form{margin-top:var(--sp-4)}.modal-input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:9px 11px;font:inherit;font-size:14px}.modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}textarea.modal-input{resize:vertical;min-height:80px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-intro{color:var(--text-muted);font-size:14px;line-height:1.6;max-width:760px;margin:0 0 var(--sp-4)}.template-filters{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-5)}.chip{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:99px;padding:6px 14px;cursor:pointer;font:inherit;font-size:13px}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip-active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4)}.template-card{padding:0!important;overflow:hidden;display:flex;flex-direction:column}.template-thumb{position:relative;height:200px;overflow:hidden;cursor:pointer;border-bottom:1px solid var(--border);background:#f4f2ee}.template-thumb iframe{border:0;width:200%;height:200%;transform:scale(.5);transform-origin:top left;pointer-events:none}.template-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0808088c;color:var(--text);font-size:13px;letter-spacing:.5px;opacity:0;transition:opacity .15s ease}.template-thumb:hover .template-thumb-overlay{opacity:1}.template-card-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:6px;flex:1}.template-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.template-card-top h3{margin:0;font-size:15px;color:var(--text)}.template-card-top .badge{display:inline-flex;align-items:center;gap:4px}.template-category{font-size:12px;color:var(--primary);letter-spacing:.5px}.template-desc{font-size:13px;color:var(--text-muted);line-height:1.5;margin:2px 0 var(--sp-3);flex:1}.template-card-actions{display:flex;gap:var(--sp-2)}.template-card-actions .btn{flex:1;justify-content:center}.template-preview-body{padding:0!important;background:#f4f2ee}.template-preview-frame{border:0;width:100%;height:70vh;background:#f4f2ee}.rte-tab-accent{color:var(--primary)!important;display:inline-flex;align-items:center;gap:4px}.template-grid-compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-3)}.template-pick{display:flex;flex-direction:column;text-align:left;padding:0;cursor:pointer;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;font:inherit}.template-pick:hover{border-color:var(--primary)}.template-pick-thumb{height:150px;overflow:hidden;background:#f4f2ee;border-bottom:1px solid var(--border)}.template-pick-thumb iframe{border:0;width:250%;height:250%;transform:scale(.4);transform-origin:top left;pointer-events:none}.template-pick-meta{padding:10px 12px;display:flex;flex-direction:column;gap:2px}.template-pick-meta strong{font-size:13px;color:var(--text)}.template-pick-meta span{font-size:11px;color:var(--primary);letter-spacing:.4px}.brandkit-upload{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}.brandkit-upload .btn{display:inline-flex;align-items:center;gap:6px}.brandkit-current{font-size:13px;color:var(--text-muted);display:inline-flex;align-items:center;gap:8px}.brandkit-current.muted{color:var(--text-faint)}.brandkit-remove{background:transparent;border:0;color:var(--text-faint);cursor:pointer;display:inline-flex;padding:2px}.brandkit-remove:hover{color:var(--red)}.brandkit-preview{width:100%;max-width:760px;height:420px;border:1px solid var(--border);border-radius:var(--r-md);background:#f4f2ee}.brandkit-palette{margin-bottom:var(--sp-4)}.brandkit-palette-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-2)}.brandkit-target{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r-md);overflow:hidden}.brandkit-target button{background:var(--surface-2);color:var(--text-muted);border:0;padding:5px 12px;cursor:pointer;font:inherit;font-size:12px}.brandkit-target button+button{border-left:1px solid var(--border-strong)}.brandkit-target button.on{background:var(--primary-soft);color:var(--primary)}.brandkit-swatches{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.brandkit-swatch{width:84px;height:52px;border-radius:var(--r-md);border:1px solid var(--border-strong);cursor:pointer;display:flex;align-items:flex-end;padding:0;overflow:hidden;position:relative}.brandkit-swatch:hover{outline:2px solid var(--primary)}.brandkit-swatch span{width:100%;font-size:10px;font-family:ui-monospace,monospace;text-align:center;background:#0000008c;color:#fff;padding:2px 0;letter-spacing:.3px}.brandkit-logo{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.brandkit-logo-preview{max-height:56px;max-width:200px;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);padding:6px;object-fit:contain}.brandkit-logo-empty{height:56px;width:120px;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:12px;border:1px dashed var(--border-strong);border-radius:var(--r-md)}.brandkit-logo-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.brandkit-logo-actions .btn{display:inline-flex;align-items:center;gap:6px}.brandkit-logo-url{min-width:220px}.custom-tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);height:60vh}.custom-tpl-input{height:100%;min-height:0;resize:none;border:1px solid var(--border-strong);border-radius:var(--r-md)}.custom-tpl-preview{height:100%;width:100%;border:1px solid var(--border);border-radius:var(--r-md);background:#f4f2ee}@media (max-width: 760px){.custom-tpl-grid{grid-template-columns:1fr;height:auto}.custom-tpl-input{height:280px}.custom-tpl-preview{height:360px}}.img-upload-row{display:flex;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap}.img-upload-row .field{min-width:260px;flex:1;margin:0}.img-upload-action{padding-bottom:2px}.img-preset-hint{color:var(--text-faint);font-size:13px;margin:var(--sp-3) 0 0}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-4);margin-top:var(--sp-4)}.img-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.img-thumb{background:linear-gradient(45deg,#1a1a1a 25%,transparent 25%,transparent 75%,#1a1a1a 75%) 0 0/20px 20px,linear-gradient(45deg,#1a1a1a 25%,#121212 25%,#121212 75%,#1a1a1a 75%) 10px 10px/20px 20px;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;overflow:hidden}.img-thumb img{width:100%;height:100%;object-fit:cover;display:block}.img-meta{padding:var(--sp-3) var(--sp-4) 0}.img-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-dims{font-size:12px;color:var(--text-faint);margin-top:2px}.img-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-3)}.img-actions .btn{padding:6px 10px}@media (max-width: 600px){.img-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.img-pick{text-align:left;cursor:pointer;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);color:inherit;font:inherit;transition:border-color .12s ease,transform .12s ease}.img-pick:hover{border-color:var(--border-strong);transform:translateY(-1px)}.img-pick .img-meta{padding:var(--sp-3) var(--sp-3) var(--sp-3)}.img-chip{display:inline-block;margin-top:var(--sp-2);padding:2px 8px;font-size:11px;font-weight:600;color:var(--text-soft, #b8b3c8);background:var(--surface-2);border:1px solid var(--border);border-radius:999px}