:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#6b7280;--line:#e5e9f0;--primary:#2563eb;--primary2:#1d4ed8;--danger:#b42318;--success:#157f3c;--dark:#0f172a;--radius:16px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:linear-gradient(180deg,#0f172a,#111c36);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:grid;place-items:center;color:#fff;font-weight:900}.brand strong,.brand small{display:block}.brand small{font-size:12px;color:#8a94a6;margin-top:2px}.brand.white small{color:#9aa6be}.sidebar nav{margin-top:34px;display:grid;gap:8px}.sidebar nav a{color:#cbd5e1;padding:11px 13px;border-radius:10px}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.09);color:#fff}.side-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;display:grid;gap:7px;font-size:12px;color:#9aa6be}.side-footer a{color:#fff}.app{margin-left:245px;min-height:100vh}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:5}.topbar h1{font-size:22px;margin:0}.site-link{font-size:14px}.content{padding:30px;max-width:1500px;margin:auto}.hero{padding:30px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;box-shadow:0 18px 48px rgba(15,23,42,.18)}.hero h2{font-size:32px;margin:5px 0 8px}.hero p{margin:0;color:#dbeafe}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#93c5fd}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:20px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 6px 20px rgba(15,23,42,.04)}.stat strong{font-size:27px;display:block}.stat span{font-size:12px;color:var(--muted);margin-top:4px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 6px 22px rgba(15,23,42,.04);margin-bottom:20px}.card h3{margin:0 0 15px}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:1fr 1fr}.sidebar-grid{grid-template-columns:330px 1fr}.section-head,.section-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-head{margin-bottom:14px}.section-head h3{margin:0}.section-actions{margin-bottom:20px}.muted{color:var(--muted);font-size:13px}.btn{border:1px solid #cfd6e4;background:#fff;color:#253147;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn:hover{background:#f8fafc}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}.btn.small{padding:8px 11px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.full-btn{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#344054;margin-bottom:14px}input,select,textarea{width:100%;border:1px solid #cfd6e4;border-radius:9px;padding:10px 11px;background:#fff;color:#172033;outline:none}input:focus,select:focus,textarea:focus{border-color:#7aa7ff;box-shadow:0 0 0 3px rgba(37,99,235,.09)}textarea{resize:vertical}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#667085;font-weight:700;border-bottom:1px solid var(--line);padding:10px}td{border-bottom:1px solid #eef1f5;padding:12px 10px;vertical-align:top}tbody tr:hover{background:#fafbfc}.empty{text-align:center;color:var(--muted);padding:35px}.badge{display:inline-block;border-radius:999px;padding:5px 9px;background:#eef2f6;color:#475467;font-size:11px;font-weight:800}.badge.active,.badge.sent{background:#e9f8ef;color:#157f3c}.badge.unsubscribed,.badge.error{background:#fff0ee;color:#b42318}.badge.queued,.badge.sending{background:#eef4ff;color:#1d4ed8}.badge.draft{background:#f3f4f6}.badge.paused{background:#fff6db;color:#8a5a00}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.link-btn{border:0;background:transparent;padding:0;color:var(--primary);cursor:pointer}.link-btn.danger{color:var(--danger)}.block{display:block;color:var(--muted);margin-top:4px;font-weight:400}.inline-search,.inline-form{display:flex;gap:8px;align-items:center}.inline-search input{width:220px}.inline-search select{width:150px}.tokens{display:flex;gap:8px;flex-wrap:wrap}.tokens code,code{background:#f2f4f7;border-radius:6px;padding:3px 6px}.editor-card{padding-bottom:0}.toolbar{display:flex;gap:7px;flex-wrap:wrap}.toolbar button{border:1px solid var(--line);background:#f8fafc;border-radius:7px;padding:7px 9px;cursor:pointer}.editor-split{display:grid;grid-template-columns:1fr 1fr;min-height:620px;margin:0 -22px}.editor-split textarea{border:0;border-radius:0;border-top:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;padding:18px;resize:none;background:#0b1020;color:#d8e1f0}.editor-split iframe{width:100%;height:620px;border:0;border-top:1px solid var(--line);background:#fff}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:13px}.alert.success{background:#e9f8ef;color:#166534}.alert.error{background:#fff0ee;color:#9b1c1c}.error-cell{max-width:340px;color:#b42318}.diagnostics{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:13px}.diagnostics dt{color:var(--muted)}.diagnostics dd{margin:0}.app-footer{padding:24px 0 10px;color:#98a2b3;text-align:center;font-size:11px}.login,.setup{display:grid;place-items:center;padding:30px;background:radial-gradient(circle at top,#eaf1ff,#f6f8fb 45%,#f6f8fb)}.login-card,.setup-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 20px 60px rgba(15,23,42,.12)}.login-card h1,.setup-card h1{font-size:26px;margin:28px 0 20px}.diag{margin-top:24px;border-top:1px solid var(--line);padding-top:17px;display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.diag strong{width:100%;color:var(--text)}
@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.grid.two,.sidebar-grid{grid-template-columns:1fr}.editor-split{grid-template-columns:1fr}.editor-split textarea,.editor-split iframe{height:450px;min-height:450px}}
@media(max-width:760px){.sidebar{position:static;width:auto;min-height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr);margin-top:20px}.side-footer{display:none}.app{margin-left:0}.topbar{position:static;padding:0 18px}.content{padding:18px}.stats{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start;gap:20px;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.section-head,.section-actions{align-items:flex-start;flex-direction:column}.inline-search,.inline-form{width:100%;flex-direction:column;align-items:stretch}.inline-search input,.inline-search select{width:100%}}

/* ===== Email Studio Pro v1.1.0 ===== */
.studio-page{max-width:100%}.campaign-meta-card{padding:24px 26px}.studio-meta-head{margin-bottom:20px}.studio-kicker{display:block;color:#2563eb;font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:6px}.campaign-meta-card h3,.studio-card h3{font-size:20px;margin:0 0 5px}.campaign-meta-grid{grid-template-columns:1fr 1fr 1fr}.campaign-meta-grid .subject-field{grid-column:1/-1}.field-counter{float:right;color:#98a2b3;font-size:11px;font-weight:600}.studio-save-state{display:flex;align-items:center;gap:8px;color:#667085;font-size:12px;background:#f8fafc;border:1px solid #e6eaf0;padding:8px 11px;border-radius:999px}.status-dot{width:7px;height:7px;border-radius:999px;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.10)}
.studio-card{padding:0;overflow:hidden;border-radius:20px}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #e8ecf2;background:linear-gradient(180deg,#fff,#fbfcfe)}.studio-mode-switch{display:flex;background:#f1f4f8;border:1px solid #e1e6ee;border-radius:10px;padding:3px}.studio-mode{border:0;background:transparent;color:#667085;padding:8px 14px;border-radius:7px;font-weight:800;font-size:12px;cursor:pointer}.studio-mode.active{background:#fff;color:#172033;box-shadow:0 1px 4px rgba(15,23,42,.10)}
.studio-toolbar{min-height:52px;display:flex;align-items:center;gap:8px;padding:8px 18px;border-bottom:1px solid #e6eaf0;background:#fff;position:sticky;top:78px;z-index:4;overflow-x:auto}.tool-group{display:flex;gap:4px;padding-right:8px;margin-right:2px;border-right:1px solid #e8ecf2}.tool-group:last-child{border-right:0}.tool-btn{white-space:nowrap;border:1px solid transparent;background:#fff;color:#344054;border-radius:7px;padding:7px 9px;cursor:pointer;font-size:12px;font-weight:700}.tool-btn:hover{background:#f5f7fa;border-color:#e4e8ef}.tool-btn.accent{background:#eef4ff;color:#1d4ed8}.tool-btn.strong{font-weight:900}.tool-btn.italic{font-style:italic}.tool-btn.underline{text-decoration:underline}
.studio-workspace{display:grid;grid-template-columns:205px minmax(520px,1fr) 225px;min-height:720px;background:#f3f6fa}.studio-library,.studio-inspector{background:#fff;padding:18px 14px;overflow:auto}.studio-library{border-right:1px solid #e6eaf0}.studio-inspector{border-left:1px solid #e6eaf0}.library-section+.library-section{margin-top:22px;padding-top:18px;border-top:1px solid #eef1f5}.library-title{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#667085;margin-bottom:10px}.block-btn,.template-btn{width:100%;border:1px solid #e5eaf1;background:#fff;border-radius:10px;padding:9px;text-align:left;display:flex;align-items:center;gap:9px;margin-bottom:7px;cursor:pointer;color:#344054}.block-btn:hover,.template-btn:hover{border-color:#b9cdfb;background:#f8fbff;transform:translateY(-1px)}.block-btn strong,.block-btn small,.template-btn strong,.template-btn small{display:block}.block-btn strong,.template-btn strong{font-size:12px}.block-btn small,.template-btn small{font-size:10px;color:#98a2b3;margin-top:2px}.block-icon{width:28px;height:28px;border-radius:8px;background:#f1f5f9;display:grid;place-items:center;color:#475467;font-weight:900;flex:0 0 auto}.template-btn{display:block;padding:10px 11px}
.studio-canvas-column{min-width:0;display:flex;flex-direction:column}.canvas-controls{height:48px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e5ec;background:#f9fafb}.device-switch{display:flex;gap:4px}.device-btn{border:0;background:transparent;color:#667085;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:700;cursor:pointer}.device-btn.active{background:#fff;color:#172033;box-shadow:0 1px 4px rgba(15,23,42,.10)}.canvas-hint{font-size:11px;color:#98a2b3}.designer-stage,.preview-stage{flex:1;padding:28px 24px;overflow:auto;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(circle at top,#e9eff7,#eef2f6 42%,#edf1f5)}.designer-stage iframe{width:min(760px,100%);height:640px;border:1px solid #d8dee8;border-radius:12px;background:#fff;box-shadow:0 16px 45px rgba(15,23,42,.12);transition:width .2s ease}.designer-stage.mobile iframe{width:390px}.source-stage{flex:1;background:#0b1020;display:flex;flex-direction:column}.source-head{height:46px;padding:8px 14px;background:#111827;color:#cbd5e1;display:flex;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid #253047}.source-stage textarea{flex:1;min-height:674px;border:0;border-radius:0;resize:none;background:#0b1020;color:#dce5f2;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.65;padding:20px;outline:none;box-shadow:none}.preview-stage{min-height:674px}.preview-shell{width:min(760px,100%);height:640px;border:1px solid #d8dee8;border-radius:12px;background:#fff;box-shadow:0 16px 45px rgba(15,23,42,.12);overflow:hidden}.preview-shell iframe{width:100%;height:100%;border:0}
.inspector-card{border:1px solid #e7ebf0;border-radius:12px;padding:13px;margin-bottom:12px;background:#fff}.inspector-help{font-size:11px;color:#98a2b3;margin:0 0 10px}.variable-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.variable-grid button{border:1px solid #e2e8f0;background:#f8fafc;color:#475467;border-radius:8px;padding:7px 5px;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.variable-grid button:hover{border-color:#93b4ff;background:#eef4ff;color:#1d4ed8}.email-checklist{display:grid;gap:9px}.check-row{display:flex;align-items:center;gap:8px;font-size:11px;color:#667085}.check-row.ok{color:#15803d}.check-row.warn{color:#b45309}.check-icon{width:18px;height:18px;border-radius:999px;background:#f2f4f7;display:grid;place-items:center;font-size:10px;font-weight:900}.check-row.ok .check-icon{background:#dcfce7}.check-row.warn .check-icon{background:#fff7ed}.tip-card{background:#f8fbff;border-color:#dbeafe}.tip-card strong{font-size:12px}.tip-card p{font-size:11px;line-height:1.5;color:#667085;margin:6px 0 0}
.studio-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 22px}.save-actions{display:flex;align-items:center;gap:14px}.btn.large{padding:12px 18px}.btn.dark{background:#0f172a;color:#fff;border-color:#0f172a}.post-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;overflow:hidden}.action-panel{display:flex;gap:14px;padding:22px}.action-panel+.action-panel{border-left:1px solid #e6eaf0}.action-icon{width:38px;height:38px;border-radius:11px;background:#eef4ff;color:#1d4ed8;display:grid;place-items:center;font-size:18px;flex:0 0 auto}.action-panel h3{margin:0 0 4px}.test-form{margin-top:12px}.test-form input{min-width:260px}
@media(max-width:1250px){.studio-workspace{grid-template-columns:180px minmax(460px,1fr)}.studio-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #e6eaf0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.inspector-card{margin:0}.campaign-meta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:950px){.studio-workspace{grid-template-columns:1fr}.studio-library{border-right:0;border-bottom:1px solid #e6eaf0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.library-section+.library-section{margin:0;padding:0;border:0}.studio-inspector{grid-template-columns:1fr}.campaign-meta-grid{grid-template-columns:1fr}.campaign-meta-grid .subject-field{grid-column:auto}.studio-header{align-items:flex-start;flex-direction:column}.studio-toolbar{top:0}.post-save-actions{grid-template-columns:1fr}.action-panel+.action-panel{border-left:0;border-top:1px solid #e6eaf0}.studio-footer-actions,.save-actions{align-items:stretch;flex-direction:column}.studio-footer-actions{gap:10px}}
@media(max-width:650px){.studio-library{grid-template-columns:1fr}.designer-stage,.preview-stage{padding:16px 8px}.canvas-hint{display:none}.variable-grid{grid-template-columns:1fr}.test-form input{min-width:0}.studio-mode-switch{width:100%}.studio-mode{flex:1}.campaign-meta-card{padding:18px}}

.designer-stage[hidden],.source-stage[hidden],.preview-stage[hidden]{display:none!important}.studio-toolbar.is-disabled{opacity:.45;pointer-events:none}