:root{--bg: #f5f6f8;--surface: #ffffff;--surface2: #f0f2f5;--border: #e1e5ea;--border2: #d7dde5;--text-1: #171717;--text-2: #5f6672;--text-3: #9aa3af;--accent: #fd4d00;--accent-h: #e04400;--shadow: 0 1px 3px rgba(16,24,40,.06);--radius: 8px;color-scheme:light}[data-theme=dark]{--bg: #0d0d0d;--surface: #171717;--surface2: #1f1f1f;--border: #2a2a2a;--border2: #333333;--text-1: #f5f5f5;--text-2: #737373;--text-3: #525252;--shadow: 0 1px 3px rgba(0,0,0,.4);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text-1);min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{background:#111318;color:#e8ecf1;padding:20px 14px 16px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{font-size:22px;font-weight:800;padding:4px 10px 14px;letter-spacing:-.3px}.brand span{color:#fd4d00}.brand.large{font-size:34px;margin-bottom:8px}.project-select-wrap{padding:0 4px 10px}.project-select-wrap label{display:block;font-size:11px;font-weight:700;color:#7a8494;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.project-select-wrap select{width:100%;background:#1e222a;border:1px solid #2e3340;color:#e8ecf1;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:600}.nav-section-label{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#4a5262;padding:12px 10px 4px;margin-top:4px}.nav{background:transparent;color:#b0bac9;border:0;border-left:3px solid transparent;border-radius:0 6px 6px 0;min-height:36px;display:flex;align-items:center;gap:9px;padding:8px 10px;width:100%;text-align:left;font-size:13.5px;font-weight:500;transition:background .12s,color .12s}.nav:hover{background:#1e222a;color:#e8ecf1}.nav.active{background:#1e222a;color:#fd4d00;border-left-color:#fd4d00;font-weight:600}.nav-icon{width:16px;min-width:16px;text-align:center;font-size:14px}.sidebar-spacer{flex:1}.sidebar-bottom{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid #1e222a;margin-top:8px}.theme-toggle{background:#1e222a;border:0;border-radius:6px;color:#b0bac9;padding:8px 12px;font-size:13px;width:100%;text-align:left;display:flex;align-items:center;gap:9px;transition:background .12s,color .12s}.theme-toggle:hover{background:#252a33;color:#e8ecf1}.sign-out{background:#1e222a;border:0;border-radius:6px;color:#b0bac9;padding:8px 12px;font-size:13px;width:100%;text-align:left;display:flex;align-items:center;gap:9px;transition:background .12s,color .12s}.sign-out:hover{background:#252a33;color:#ef4444}.workspace{padding:28px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.page-head-left{display:flex;align-items:center;gap:12px}.back-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-2);padding:7px 12px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;transition:background .12s,color .12s}.back-btn:hover{background:var(--surface2);color:var(--text-1)}.page-head h1{font-size:26px;font-weight:700;margin:0;color:var(--text-1)}.page-head-actions{display:flex;gap:10px;align-items:center}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);margin:0 0 4px}.btn-primary{background:var(--accent);color:#fff;border:0;border-radius:var(--radius);padding:0 18px;min-height:38px;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:7px;transition:background .12s}.btn-primary:hover{background:var(--accent-h)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);padding:0 16px;min-height:38px;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:background .12s}.btn-ghost:hover{background:var(--surface2)}.btn-sm{background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text-1);padding:0 10px;min-height:30px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:background .12s}.btn-sm:hover{background:var(--border)}.btn-danger{background:transparent;border:0;border-radius:6px;color:#ef4444;padding:0 10px;min-height:30px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:background .12s}.btn-danger:hover{background:#fee2e2}[data-theme=dark] .btn-danger:hover{background:#3f1717}.file-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);padding:0 16px;min-height:38px;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;position:relative;overflow:hidden;cursor:pointer}.file-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-btn:hover{background:var(--surface2)}.btn-link{background:none;border:0;color:var(--accent);padding:0;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.btn-link:hover{color:var(--accent-h)}input,select,textarea{width:100%;border:1px solid var(--border2);border-radius:var(--radius);background:var(--surface);color:var(--text-1);padding:9px 11px;min-height:38px;font-size:13.5px;transition:border-color .12s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical;min-height:160px;line-height:1.5}label{font-size:12.5px;font-weight:600;color:var(--text-2);display:block;margin-bottom:5px}.form-grid{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.panel-title{font-size:15px;font-weight:700;color:var(--text-1);margin-bottom:16px}.stack{display:grid;gap:16px}.two-col{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr)}.inline-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar input{max-width:240px}.toolbar select{max-width:180px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.metric-label{font-size:12px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.metric-value{font-size:30px;font-weight:700;color:var(--text-1);line-height:1}.metric-sub{font-size:12px;color:var(--text-3);margin-top:6px}.metric.blue{border-top:3px solid #2563eb}.metric.green{border-top:3px solid #16a34a}.metric.orange{border-top:3px solid var(--accent)}.metric.red{border-top:3px solid #dc2626}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:640px}thead th{font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface2)}tbody tr{transition:background .1s;cursor:default}tbody tr.clickable{cursor:pointer}tbody tr:hover{background:var(--surface2)}td{padding:11px 12px;border-bottom:1px solid var(--border);font-size:13.5px;color:var(--text-1);vertical-align:middle;max-width:260px;overflow-wrap:anywhere}.td-actions{width:1%;white-space:nowrap}.badge{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--surface2);color:var(--text-2)}.badge.subscribed,.badge.active,.badge.sent,.badge.delivered{background:#dcfce7;color:#166534}.badge.unsubscribed,.badge.draft,.badge.paused{background:var(--surface2);color:var(--text-2)}.badge.bounced,.badge.complained,.badge.failed{background:#fee2e2;color:#991b1b}.badge.sending,.badge.scheduled,.badge.dry_run{background:#ffedd5;color:#9a3412}[data-theme=dark] .badge.subscribed,[data-theme=dark] .badge.active,[data-theme=dark] .badge.sent{background:#14532d;color:#86efac}[data-theme=dark] .badge.bounced,[data-theme=dark] .badge.complained,[data-theme=dark] .badge.failed{background:#450a0a;color:#fca5a5}[data-theme=dark] .badge.sending,[data-theme=dark] .badge.scheduled{background:#431407;color:#fdba74}.login-screen{min-height:100vh;display:grid;place-items:center;background:#0d0d0d;padding:24px}.login-panel{width:min(420px,100%);background:#171717;border:1px solid #2a2a2a;border-radius:12px;padding:32px;display:grid;gap:14px}.login-panel .brand{text-align:center;padding:0 0 10px}.toast-stack{position:fixed;top:18px;right:18px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;font-size:13.5px;font-weight:600;box-shadow:0 4px 16px #0000001f;animation:toast-in .18s ease;pointer-events:auto;max-width:340px}.toast-success{border-left:3px solid #22c55e;color:var(--text-1)}.toast-error{border-left:3px solid #ef4444;color:var(--text-1)}.toast-info{border-left:3px solid #3b82f6;color:var(--text-1)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(520px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modal-in .18s ease}.modal-box.wide{width:min(1180px,100%)}@keyframes modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 14px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:17px;font-weight:700}.modal-close{background:none;border:0;color:var(--text-3);font-size:20px;cursor:pointer;padding:2px 6px;border-radius:4px}.modal-close:hover{color:var(--text-1);background:var(--surface2)}.modal-body{padding:22px;display:grid;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border)}.wizard-steps{display:flex;align-items:center;gap:0;margin-bottom:28px;overflow-x:auto}.wizard-step{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-3);white-space:nowrap}.wizard-step.active{color:var(--accent)}.wizard-step.done{color:var(--text-2)}.step-num{width:26px;height:26px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;background:var(--surface);color:var(--text-3);flex-shrink:0}.wizard-step.active .step-num{border-color:var(--accent);background:var(--accent);color:#fff}.wizard-step.done .step-num{border-color:#22c55e;background:#22c55e;color:#fff}.step-sep{flex:1;min-width:16px;height:1px;background:var(--border);margin:0 6px}.type-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.type-card{border:2px solid var(--border);border-radius:var(--radius);padding:18px;cursor:pointer;transition:border-color .14s,background .14s;text-align:left;background:var(--surface)}.type-card:hover{border-color:var(--text-2)}.type-card.selected{border-color:var(--accent);background:var(--accent)0d}.type-card h3{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--text-1)}.type-card p{font-size:13px;color:var(--text-2);margin:0}.review-grid{display:grid;gap:10px}.review-row{display:flex;gap:12px;font-size:13.5px}.review-key{color:var(--text-2);min-width:130px;font-weight:600}.review-val{color:var(--text-1)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-head h2{margin:0;font-size:15px;font-weight:700;color:var(--text-1)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mini-card{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:var(--surface);transition:border-color .12s}.mini-card:hover{border-color:var(--text-2)}.mini-card h3{font-size:14px;font-weight:700;margin-bottom:4px}.mini-card p{font-size:12.5px;color:var(--text-3);margin-bottom:10px}.template-preview{border:1px solid var(--border);border-radius:5px;padding:10px;height:120px;overflow:hidden;background:#fff;font-size:11px}[data-theme=dark] .template-preview{background:#f5f5f5}.mini-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.email-designer{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:640px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.email-canvas-panel{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.email-canvas-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface)}.email-canvas-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);margin-bottom:3px}.email-token-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.email-token-row span{border:1px solid var(--border);background:var(--surface2);color:var(--text-2);border-radius:999px;padding:4px 8px;font-size:11.5px;font-weight:700}.email-canvas{padding:26px 18px 34px;overflow-y:auto;max-height:72vh}.email-drop-zone{display:block;width:min(620px,100%);margin:0 auto 18px;min-height:44px;border:1px dashed var(--border2);border-radius:4px;background:rgba(255,255,255,.55);color:var(--text-2);font-size:13px;font-weight:700;text-align:center}[data-theme=dark] .email-drop-zone{background:rgba(0,0,0,.18)}.email-preview-page{width:100%;margin:0 auto;min-height:520px;box-shadow:0 8px 28px #0f172a1f;color:#1f2937;overflow:hidden}.email-preview-block{position:relative;border:2px solid transparent;cursor:pointer;transition:border-color .12s,box-shadow .12s}.email-preview-block:hover,.email-preview-block.selected{border-color:#111827;box-shadow:inset 0 0 0 1px #ffffffb3}.email-block-tools{position:absolute;top:-2px;right:-2px;display:none;z-index:2;background:#111827;border-radius:0 0 0 6px;overflow:hidden}.email-preview-block:hover .email-block-tools,.email-preview-block.selected .email-block-tools{display:flex}.email-block-tools button{width:30px;height:30px;border:0;border-left:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;font-size:13px;font-weight:700}.email-block-tools button:hover{background:rgba(255,255,255,.16)}.email-text-preview,.email-footer-preview{white-space:pre-wrap;line-height:1.6}.email-footer-preview{font-size:12px}.email-preview-image{display:block;width:100%;height:auto;border:0}.email-image-placeholder{min-height:180px;display:grid;place-items:center;background:#eef0f3;color:#8a94a6;font-size:14px;font-weight:700}.email-caption{margin-top:8px;font-size:12px;color:#6b7280}.email-preview-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:6px;text-decoration:none;font-size:16px;font-weight:800}.email-divider{height:1px}.email-image-text-preview{display:grid;grid-template-columns:42% 1fr;gap:22px;align-items:start;text-align:left}.email-image-text-preview img,.email-round-placeholder{width:100%;aspect-ratio:1;border-radius:999px;object-fit:cover}.email-round-placeholder{background:#eef0f3;color:#8a94a6;display:grid;place-items:center;font-size:13px;font-weight:700}.email-image-text-preview h2{margin:0 0 10px;font-size:20px;line-height:1.25}.email-image-text-preview p{margin:0;white-space:pre-wrap;line-height:1.55}.email-image-text-preview a{display:inline-flex;margin-top:16px;min-height:38px;align-items:center;padding:0 16px;border-radius:6px;background:var(--accent);color:#fff;text-decoration:none;font-weight:800}.email-html-preview{background:#fff;color:#111827}.email-side-panel{border-left:1px solid var(--border);min-width:0;background:var(--surface)}.email-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}.email-tabs button{min-height:44px;border:0;border-right:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:12.5px;font-weight:800}.email-tabs button:last-child{border-right:0}.email-tabs button.active{background:#dff7f8;color:#075985;box-shadow:inset 0 -2px #0ea5b7}[data-theme=dark] .email-tabs button.active{background:#123135;color:#67e8f9}.email-block-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.email-block-grid button{min-height:88px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12.5px;font-weight:800;transition:border-color .12s,background .12s}.email-block-grid button:hover{border-color:var(--text-2);background:var(--surface2)}.email-block-grid button span{font-size:22px;color:var(--text-3);font-weight:900}.email-side-form{display:grid;gap:13px;padding:16px;max-height:72vh;overflow-y:auto}.email-side-form textarea{min-height:110px}.editor-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);border-bottom:1px solid var(--border);padding-bottom:8px}.step-list{display:flex;flex-direction:column;gap:0}.step-entry{display:flex;gap:0}.step-connector{display:flex;flex-direction:column;align-items:center;width:32px;flex-shrink:0}.step-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);margin-top:16px;flex-shrink:0}.step-line{flex:1;width:2px;background:var(--border);min-height:16px}.step-card{flex:1;border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px;background:var(--surface);display:grid;gap:10px}.step-card-head{display:flex;justify-content:space-between;align-items:center}.step-badge{display:inline-flex;align-items:center;background:var(--accent);color:#fff;font-size:12px;font-weight:800;padding:2px 9px;border-radius:999px}.step-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;flex-wrap:wrap}.profile-avatar{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0}.profile-name{font-size:20px;font-weight:700;margin-bottom:4px}.profile-email{font-size:14px;color:var(--text-2)}.tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-chip{background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;color:var(--text-2)}.report-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.chart-legend{display:flex;gap:16px;margin-bottom:8px;font-size:12px}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.chart-wrap{background:var(--surface2);border-radius:var(--radius);padding:14px 10px 6px}.chart-wrap svg text{fill:var(--text-3)}.bar-chart{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:120px minmax(0,1fr) 60px;align-items:center;gap:12px;font-size:13.5px}.bar-bg{height:10px;background:var(--border);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s ease}.segment-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.empty-state{color:var(--text-3);padding:22px;border:1px dashed var(--border);border-radius:var(--radius);text-align:center;font-size:13.5px}.notice{background:#fff4ed;border:1px solid #ffd1bd;border-radius:var(--radius);padding:11px 14px;color:#9a3412;font-size:13px}.error-msg{background:#fff1f2;border:1px solid #fecdd3;border-radius:var(--radius);padding:11px 14px;color:#be123c;font-size:13px}[data-theme=dark] .notice{background:#431407;border-color:#7c2d12;color:#fdba74}[data-theme=dark] .error-msg{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}.mono{font-family:JetBrains Mono,Fira Mono,monospace;font-size:13px}.key-display{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.key-display code{flex:1;word-break:break-all;font-size:12.5px;color:var(--accent);font-family:JetBrains Mono,monospace}.skeleton{height:14px;background:var(--border);border-radius:999px;margin-bottom:10px;animation:pulse 1.5s infinite}.skeleton.short{width:55%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pagination{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:12px;font-size:13px;color:var(--text-2)}.input-with-prefix{display:flex;align-items:center;border:1px solid var(--border2);border-radius:var(--radius);overflow:hidden}.input-with-prefix input{border:0;border-radius:0;min-height:36px}.input-prefix{background:var(--surface2);padding:0 10px;font-size:12.5px;color:var(--text-2);border-right:1px solid var(--border2);min-height:38px;display:flex;align-items:center;white-space:nowrap}.sig-editor{display:grid;grid-template-columns:380px 1fr;min-height:520px}.sig-form{padding:20px;border-right:1px solid var(--border);overflow-y:auto;max-height:72vh;display:grid;gap:18px;align-content:start}.sig-preview{padding:24px;background:var(--surface2);display:flex;flex-direction:column;gap:14px}.sig-preview-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-3)}.sig-preview-frame{background:#ffffff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;min-height:120px}.sig-preview-actions{display:flex;gap:10px;flex-wrap:wrap}.sig-section{border-bottom:1px solid var(--border);padding-bottom:16px;display:grid;gap:10px}.sig-section:last-child{border-bottom:0}.sig-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);margin:0}.layout-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.layout-card{border:2px solid var(--border);border-radius:6px;padding:12px 6px 8px;cursor:pointer;text-align:center;font-size:11px;font-weight:600;color:var(--text-2);background:var(--surface);transition:border-color .14s,color .14s;display:flex;flex-direction:column;align-items:center;gap:6px}.layout-card:hover{border-color:var(--text-2)}.layout-card.selected{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.layout-card-icon{font-size:22px;line-height:1}.color-row{display:flex;align-items:center;gap:10px}.color-swatch{width:34px;height:34px;border-radius:6px;border:1px solid var(--border2);overflow:hidden;cursor:pointer;flex-shrink:0;position:relative}.color-swatch input[type=color]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:0;cursor:pointer;padding:0}.color-label{font-size:13px;color:var(--text-2);flex:1}.img-upload-row{display:flex;align-items:center;gap:14px}.img-thumb{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--border);background:var(--surface2);display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:22px;flex-shrink:0;overflow:hidden}.img-thumb img{width:100%;height:100%;object-fit:cover}.img-thumb.square{border-radius:6px}.bg-toggle{display:flex;gap:6px}.bg-toggle button{flex:1;min-height:32px;padding:0 8px;font-size:12px;font-weight:600;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .12s}.bg-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.social-row{display:grid;gap:8px}.social-input{display:flex;align-items:center;gap:8px}.social-icon{width:28px;text-align:center;font-size:16px;flex-shrink:0}.sig-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.sig-card-preview{background:#fff;padding:14px;min-height:90px;border-bottom:1px solid var(--border);overflow:hidden}.sig-card-footer{padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.sig-card-name{font-size:13px;font-weight:700;color:var(--text-1)}@media (max-width: 1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}nav.sidebar-nav{display:flex;flex-wrap:wrap;gap:4px}.report-metrics{grid-template-columns:repeat(3,1fr)}.email-designer{grid-template-columns:1fr}.email-side-panel{border-left:0;border-top:1px solid var(--border)}.email-canvas,.email-side-form{max-height:none}}@media (max-width: 760px){.workspace{padding:16px}.metrics{grid-template-columns:1fr 1fr}.two-col,.form-row,.form-row-3{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.segment-grid{grid-template-columns:1fr}.report-metrics{grid-template-columns:repeat(2,1fr)}.type-cards{grid-template-columns:1fr}.email-canvas-top{align-items:flex-start;flex-direction:column}.email-block-grid,.email-image-text-preview{grid-template-columns:1fr}}@media (max-width: 480px){.card-grid,.metrics{grid-template-columns:1fr}}