:root{color-scheme:dark;--canvas:#0b1610;--canvas-deep:#14241a;--surface:rgba(20,34,24,0.92);--surface-soft:#1a2b1e;--surface-muted:#203823;--ink:#eef6e9;--ink-soft:#b8cbbb;--muted:#8ca28f;--line:#334c38;--line-strong:#49654b;--green:#92cf7b;--green-dark:#cef2b6;--pine:#26583d;--green-bright:#b6e18f;--leaf:#73a66d;--sun:#e8bc68;--error:#f18c7b;--shadow:0 18px 42px rgba(0,0,0,0.27);--shadow-soft:0 8px 20px rgba(0,0,0,0.2)}*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 12% 9%,rgba(186,211,156,.42),transparent 21rem),radial-gradient(circle at 92% 5%,rgba(242,208,137,.22),transparent 18rem),linear-gradient(145deg,#0c1811 0,var(--canvas) 48%,var(--canvas-deep) 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:after,body:before{position:fixed;z-index:-1;content:"";pointer-events:none;opacity:.55}body:before{right:-13rem;bottom:-17rem;width:43rem;height:43rem;border:1px solid rgba(86,132,91,.15);border-radius:61% 39% 63% 37%/47% 52% 48% 53%;transform:rotate(-22deg)}body:after{top:21rem;left:-20rem;width:37rem;height:20rem;border:1px solid rgba(86,132,91,.12);border-radius:50%;transform:rotate(27deg)}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{width:min(100%,1240px);margin:0 auto;padding:clamp(16px,3vw,40px) clamp(16px,3vw,32px) 48px}.header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:140px;padding:28px 32px;overflow:hidden;background:linear-gradient(120deg,rgba(255,255,251,.98),rgba(238,246,231,.96));border:1px solid rgba(201,218,193,.9);border-radius:28px;box-shadow:var(--shadow)}.header:after{position:absolute;top:-4rem;right:18%;width:16rem;height:16rem;content:"";background:radial-gradient(ellipse at center,rgba(164,191,132,.23),transparent 67%);transform:rotate(25deg)}.account-progress,.actions,.brand-lockup,.field-head,.header-metrics,.progress-stats,.row-gap,.stats-row{display:flex;align-items:center}.brand-lockup{position:relative;z-index:1;gap:16px}.brand-mark{position:relative;flex:0 0 auto;width:56px;height:56px;overflow:hidden;background:var(--green-dark);border-radius:20px 20px 20px 7px;box-shadow:inset 0 -6px 14px rgba(0,0,0,.12),0 8px 18px rgba(38,91,61,.2)}.brand-mark span{position:absolute;display:block;width:29px;height:17px;background:#c7dc9e;border-radius:100% 0 100% 0}.brand-mark span:first-child{top:12px;left:12px;transform:rotate(19deg)}.brand-mark span:last-child{right:9px;bottom:12px;width:24px;height:14px;background:#8cc080;transform:rotate(198deg)}.eyebrow,.section-eyebrow{margin:0;color:var(--green);font-size:.69rem;font-weight:800;letter-spacing:.13em;line-height:1.25;text-transform:uppercase}.header h1{margin:3px 0 2px;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-.045em;line-height:1}.subtitle{color:var(--ink-soft);font-size:.93rem}.header-metrics{position:relative;z-index:1;gap:1px;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.header-metric{display:grid;min-width:116px;padding:12px 16px;background:rgba(255,255,251,.92)}.header-metric strong{color:var(--green-dark);font-family:ui-serif,Georgia,Cambria,serif;font-size:1.45rem;line-height:1}.header-metric span{margin-top:4px;color:var(--muted);font-size:.69rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tabs{display:flex;gap:8px;margin:24px 0 16px;padding:6px;overflow-x:auto;background:rgba(224,235,215,.7);border:1px solid rgba(202,218,194,.8);border-radius:17px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{flex:1 0 auto;min-width:112px;padding:10px 16px;color:var(--ink-soft);background:transparent;border:1px solid transparent;border-radius:12px;font-size:.86rem;font-weight:750;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.tab-btn:hover{color:var(--green-dark);background:rgba(255,255,251,.62)}.tab-btn.active{color:var(--green-dark);background:#fffef9;border-color:rgba(204,218,196,.9);box-shadow:0 4px 12px rgba(35,74,47,.08)}.grid{display:grid;grid-template-columns:minmax(285px,.76fr) minmax(0,1.5fr);grid-gap:18px;gap:18px}.panel{min-width:0;padding:clamp(20px,3vw,28px);background:var(--surface);border:1px solid rgba(211,224,205,.95);border-radius:23px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel h2{margin:4px 0 14px;color:var(--ink);font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.4rem;letter-spacing:-.03em;line-height:1.1}.compose-sidebar{background:linear-gradient(155deg,rgba(255,255,251,.98),rgba(242,247,236,.94))}.editor-panel{background:linear-gradient(155deg,rgba(255,255,251,.98),rgba(249,252,245,.92))}.recipient-panel,.variables-panel{min-height:430px}.account-list{display:grid;grid-gap:8px;gap:8px;margin-bottom:12px}.account-row{display:flex;align-items:center;gap:6px;padding:5px 8px 5px 12px;background:rgba(255,255,251,.72);border:1px solid var(--line);border-radius:13px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.account-row:hover{border-color:var(--leaf);box-shadow:0 6px 13px rgba(34,82,49,.06);transform:translateY(-1px)}.account-row:has(input:checked){color:var(--green-dark);background:#edf6e7;border-color:#a4c795}.account-label{display:flex;flex:1 1;min-width:0;align-items:center;gap:10px;padding:6px 0;cursor:pointer}.account-row input{width:16px;height:16px;margin:0;accent-color:var(--green)}.trash-btn{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}.trash-btn:hover{color:var(--error);background:rgba(241,140,123,.14);border-color:rgba(241,140,123,.45)}.trash-btn:focus-visible{outline:3px solid rgba(99,155,94,.38);outline-offset:2px}.account-name{overflow:hidden;font-size:.84rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.editor-hint,.muted,.panel-note{color:var(--muted);font-size:.8rem;line-height:1.55}.panel-note{margin:10px 0 22px;padding:10px 12px;background:rgba(226,240,216,.7);border-left:3px solid var(--leaf);border-radius:0 10px 10px 0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field span,.label-text{color:var(--ink-soft);font-size:.75rem;font-weight:750}.select,.textarea,input[type=number],input[type=text]{width:100%;color:var(--ink);background:rgba(253,254,249,.9);border:1px solid var(--line);border-radius:12px;box-shadow:inset 0 1px 2px rgba(33,70,44,.03);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.select,input[type=number],input[type=text]{min-height:42px;padding:9px 11px;font-size:.86rem}.textarea{min-height:110px;padding:13px;font-size:.84rem;line-height:1.55;resize:vertical}.textarea.mono{min-height:390px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.textarea::placeholder,input[type=text]::placeholder{color:#9aa99d}.select:focus,.textarea:focus,input[type=number]:focus,input[type=text]:focus{outline:none;background:#fffefb;border-color:var(--green-bright);box-shadow:0 0 0 4px rgba(121,168,106,.14)}.field-head{justify-content:space-between;gap:12px}.field-head h2{margin-bottom:14px}.row-gap{gap:7px;flex-wrap:wrap}.link-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;color:var(--green-dark);background:#f1f7eb;border:1px solid #cbdfc3;border-radius:10px;font-size:.75rem;font-weight:780;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.link-btn:hover{background:#e7f2df;border-color:#9fc38e;box-shadow:0 5px 12px rgba(48,104,67,.1);transform:translateY(-1px)}.link-btn:focus-visible,.send-btn:focus-visible,.tab-btn:focus-visible{outline:3px solid rgba(99,155,94,.38);outline-offset:2px}.full{width:100%}.test-card{margin-top:18px;padding:14px;background:linear-gradient(145deg,#f1f7e9,#e9f2df);border:1px solid #d2e2c8;border-radius:16px}.test-card .field-head{margin-bottom:5px}.test-badge{padding:3px 7px;color:var(--green-dark);background:rgba(255,255,251,.8);border:1px solid rgba(172,199,154,.7);border-radius:100px;font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.editor-hint{margin:10px 0 0}.editor-hint code,.muted code{padding:1px 4px;color:var(--green-dark);background:#e8f2e0;border-radius:4px}.preview{margin-top:18px;padding:16px;background:#f7faef;border:1px dashed #b9d0ad;border-radius:16px}.preview-subject{margin:5px 0 14px;color:var(--green-dark);font-family:ui-serif,Georgia,Cambria,serif;font-size:1.2rem;font-weight:700;overflow-wrap:anywhere}.subject-list{margin:5px 0 14px;padding:0 0 0 18px}.subject-list .preview-subject{margin:3px 0;font-size:1rem}.preview-iframe{width:100%;min-height:180px;max-height:460px;background:#fff;border:1px solid #d7e3d0;border-radius:11px;box-shadow:0 8px 18px rgba(34,83,48,.06)}.stats-row{gap:8px;flex-wrap:wrap;margin-top:12px;color:var(--ink-soft);font-size:.76rem;font-weight:700}.progress-stats span,.stats-row span{padding:5px 8px;background:#f2f6ed;border:1px solid #dce7d5;border-radius:100px}.ok{color:var(--green-dark)}.error,.fail{color:var(--error)}.accent{color:var(--green-dark)}.var-grid{display:flex;flex-wrap:wrap;gap:7px}.var-chip{padding:6px 8px;color:var(--green-dark);background:#edf5e7;border:1px solid #d2e2c8;border-radius:8px;font-family:SFMono-Regular,Consolas,monospace;font-size:.73rem;transition:background .16s ease,transform .16s ease}.var-chip:hover{background:#e2efd8;transform:translateY(-1px)}.copy-chip{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.copy-chip.copied{background:#c7e0b7;border-color:#8fb880;position:relative}.copy-chip.copied:after{content:"Copied!";position:absolute;top:-24px;left:50%;transform:translateX(-50%);padding:2px 6px;background:#1d3a25;border-radius:4px;font-size:.6rem;font-weight:700;white-space:nowrap;pointer-events:none}.hidden-input{display:none}.file-label,details summary{cursor:pointer}.pre-wrap{max-height:120px;padding:10px;overflow-y:auto;color:var(--muted);background:#f5f8f1;border:1px solid var(--line);border-radius:8px;font-size:.75rem;white-space:pre-wrap}.actions{position:-webkit-sticky;position:sticky;bottom:14px;z-index:4;gap:12px;flex-wrap:wrap;margin:20px 0;padding:10px 12px;background:rgba(255,255,250,.88);border:1px solid rgba(205,221,197,.92);border-radius:18px;box-shadow:0 12px 28px rgba(35,74,47,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.send-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:11px 18px;color:#fffef8;background:linear-gradient(135deg,var(--green-dark),var(--green));border:none;border-radius:13px;box-shadow:0 8px 16px rgba(38,93,59,.22);font-size:.9rem;font-weight:800;cursor:pointer;transition:box-shadow .16s ease,transform .16s ease,filter .16s ease}.send-btn:hover:not(:disabled){box-shadow:0 11px 22px rgba(38,93,59,.29);filter:saturate(1.08);transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.58}.send-icon{display:inline-grid;width:19px;height:19px;place-items:center;color:#d8efb9;border:1px solid rgba(220,242,189,.35);border-radius:6px;font-size:.85rem;line-height:1}.send-dock-note{color:var(--muted);font-size:.78rem}.error{margin:0;font-size:.8rem;font-weight:700}.progress-panel{margin-bottom:40px;background:linear-gradient(155deg,rgba(255,255,251,.98),rgba(239,248,231,.95))}.progress-bar{height:12px;overflow:hidden;background:#e4ecde;border:1px solid #d4e2cd;border-radius:100px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green),#78a86a,#a7c77b);border-radius:inherit;box-shadow:0 0 12px rgba(87,139,84,.32);transition:width .36s ease}.progress-stats{gap:8px;flex-wrap:wrap;margin:12px 0;color:var(--ink-soft);font-size:.76rem;font-weight:700}.account-progress{gap:8px;flex-wrap:wrap;margin-bottom:14px}.acct-chip{display:flex;gap:9px;align-items:center;padding:8px 10px;background:rgba(255,255,251,.7);border:1px solid var(--line);border-radius:11px;font-size:.75rem}.acct-name{max-width:220px;overflow:hidden;color:var(--ink-soft);font-weight:750;text-overflow:ellipsis;white-space:nowrap}.logs{max-height:300px;padding:10px 12px;overflow-y:auto;background:#f6f9f2;border:1px solid #dce7d5;border-radius:13px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.74rem;line-height:1.55}.log{padding:4px 0;overflow-wrap:anywhere;border-bottom:1px solid rgba(215,227,208,.62)}.log:last-child{border-bottom:none}.log.ok{color:var(--green-dark)}.log.fail{color:var(--error)}.log-time,.log.info{color:var(--muted)}.log-account{margin:0 8px;font-weight:800}.log-campaign{margin-left:8px;color:var(--muted);font-style:italic}.mt-4{margin-top:4px}.mt-6{margin-top:6px}.mt-10{margin-top:10px}.mt-14{margin-top:14px}.mb-10{margin-bottom:10px}.ml-4{margin-left:4px}.cursor{cursor:pointer}@media (max-width:840px){.header{align-items:flex-start;flex-direction:column;min-height:0}.header-metrics{width:100%}.header-metric{flex:1 1}.grid{grid-template-columns:1fr}.textarea.mono{min-height:300px}}@media (max-width:560px){.app{padding:12px 12px 34px}.header{padding:22px 20px;border-radius:22px}.brand-mark{width:48px;height:48px;border-radius:16px 16px 16px 6px}.brand-mark span:first-child{top:10px;left:10px}.brand-mark span:last-child{right:7px;bottom:10px}.header h1{font-size:2rem}.header-metric{min-width:0;padding:10px 12px}.tabs{margin-top:16px}.tab-btn{min-width:102px;padding:9px 12px}.panel{padding:19px;border-radius:19px}.field-head{align-items:flex-start}.actions,.field-head{flex-direction:column}.actions{align-items:stretch;bottom:8px}.send-btn{justify-content:center;width:100%}.send-dock-note{text-align:center}}.header{background:linear-gradient(120deg,rgba(22,39,27,.98),rgba(27,49,32,.96));border-color:rgba(68,103,74,.9)}.header:after{background:radial-gradient(ellipse at center,rgba(131,184,112,.19),transparent 67%)}.brand-mark{background:var(--pine)}.header-metrics{background:#3a553e;border-color:#3a553e}.header-metric{background:rgba(17,31,22,.95)}.header-metric strong{color:var(--green-bright)}.tabs{background:rgba(20,38,26,.82);border-color:#36533b}.tab-btn:hover{color:var(--green-bright);background:rgba(45,75,48,.62)}.tab-btn.active{color:var(--green-bright);background:#203823;border-color:#527654;box-shadow:0 4px 12px rgba(0,0,0,.18)}.compose-sidebar{background:linear-gradient(155deg,rgba(22,38,27,.98),rgba(25,45,30,.94))}.editor-panel{background:linear-gradient(155deg,rgba(20,35,25,.98),rgba(17,31,22,.94))}.account-row{color:var(--ink-soft);background:rgba(21,38,27,.72)}.account-row:has(input:checked){color:var(--green-bright);background:#1d3a25;border-color:#648c62}.panel-note{background:rgba(32,59,37,.82)}.select,.textarea,input[type=number],input[type=text]{background:rgba(12,25,17,.88);border-color:#38533d}.textarea::placeholder,input[type=text]::placeholder{color:#78907d}.select:focus,.textarea:focus,input[type=number]:focus,input[type=text]:focus{background:#12271a;border-color:var(--green)}.link-btn{color:var(--green-bright);background:#1d3723;border-color:#426344}.link-btn:hover{background:#284a2d;border-color:#709870;box-shadow:0 5px 12px rgba(0,0,0,.22)}.test-card{background:linear-gradient(145deg,#1b3521,#1d3b24);border-color:#426843}.test-badge{color:var(--green-bright);background:rgba(13,29,18,.8);border-color:rgba(110,156,101,.7)}.editor-hint code,.muted code{color:var(--green-bright);background:#1b3621}.preview{background:#15261a;border-color:#587e57}.preview-subject{color:var(--green-bright)}.preview-iframe{border-color:#405d43}.progress-stats span,.stats-row span{background:#1d3422;border-color:#3a573d}.var-chip{color:var(--green-bright);background:#1b3420;border-color:#406140}.var-chip:hover{background:#26482a}.copy-chip.copied{background:#2c5232;border-color:#709870}.copy-chip.copied:after{background:#0e2315;color:#b6e18f}.pre-wrap{background:#13271a;border-color:#39563d}.actions{background:rgba(18,33,23,.9);border-color:rgba(63,94,65,.92);box-shadow:0 12px 28px rgba(0,0,0,.3)}.send-btn{color:#f6ffec;background:linear-gradient(135deg,var(--pine),#397149);box-shadow:0 8px 16px rgba(0,0,0,.3)}.send-icon{color:var(--green-bright);border-color:rgba(211,244,188,.28)}.progress-panel{background:linear-gradient(155deg,rgba(21,39,27,.98),rgba(22,46,28,.95))}.progress-bar{background:#1c3522;border-color:#3a5a40}.acct-chip{background:rgba(18,34,23,.76)}.logs{color:var(--ink-soft);background:#112419;border-color:#38583d}.log{border-bottom-color:rgba(59,88,62,.62)}.log.ok,.ok{color:var(--green-bright)}.log-account{color:var(--green)}