*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f6f8fb;color:#13203a}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr) 360px;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e8edf4;padding:20px 14px;display:flex;flex-direction:column}.brand-lockup{height:74px;display:flex;align-items:center}.brand-lockup img{max-width:155px;max-height:60px;object-fit:contain}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav a{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;color:#253454;text-decoration:none}.sidebar nav a.active,.sidebar nav a:hover{background:#ffe9ef;color:var(--accent)}.status-card{margin-top:auto;border:1px solid #e3e8ef;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;font-size:13px}.status-card span,.muted{color:#7b879c}main{padding:0 20px 28px;min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-switcher{display:flex;gap:10px}.pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e2e7ee;border-radius:10px;text-decoration:none;color:#15233d;background:#fff}.pill.selected{background:#fff0f4;border-color:#ffd5df}.pill img{width:32px;height:28px;object-fit:contain}.search{width:min(420px,45vw);padding:12px 16px;border:1px solid #e4e8ef;border-radius:12px;background:#fff}.hero{background:linear-gradient(135deg,#fff6f1,#ffeef4);border:1px solid #f4e7e9;border-radius:18px;padding:28px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:#5a6374}.hero h1{font-size:38px;margin:6px 0}.hero h1 span{color:var(--accent)}.hero p{line-height:1.6}.actions{display:flex;gap:10px;align-items:center}.btn{display:inline-block;border:1px solid #dce2ea;background:#fff;color:#13203a;padding:11px 16px;border-radius:10px;text-decoration:none;cursor:pointer;font-weight:700}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.btn.dark{background:#1a2235;color:#fff}.btn.full{width:100%;text-align:center}.hero-logos{display:flex;justify-content:center;gap:14px}.logo-card{width:180px;height:150px;background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(39,50,70,.08);transform:rotate(-4deg)}.logo-card+ .logo-card{transform:rotate(4deg)}.logo-card img{max-width:150px;max-height:110px;object-fit:contain}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.stat{background:#fff;border:1px solid #e7ebf2;border-radius:14px;padding:18px}.stat span{display:block;color:#6f7d93}.stat b{font-size:28px;display:block;margin:8px 0}.stat small{color:#19a55b}.panel{background:#fff;border:1px solid #e7ebf2;border-radius:16px;padding:16px;margin-top:14px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel h2{margin:0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f4}th{font-size:12px;color:#7a879a;text-transform:uppercase}.badge{padding:5px 9px;border-radius:999px;font-size:12px}.badge.sent{background:#e3f8eb;color:#16874c}.badge.scheduled{background:#e5efff;color:#226bd6}.templates{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.template{border:1px solid #e6eaf0;border-radius:12px;overflow:hidden;background:#fff}.template .preview{height:130px;padding:18px}.template b,.template small{display:block;padding:10px 12px 0}.template small{padding-top:3px;padding-bottom:12px;color:#8290a5}.pink .preview{background:linear-gradient(135deg,#ffd5df,#fff1f4)}.calm .preview{background:linear-gradient(135deg,#f1eadf,#faf6f0)}.darktpl .preview{background:linear-gradient(135deg,#12131a,#b20b3a);color:#fff}.blue .preview{background:linear-gradient(135deg,#e7eefb,#f6f8fd)}.ai-panel{background:#fff;border-left:1px solid #e7ebf2;padding:20px;overflow:auto}.ai-panel h2{margin-top:0}.ai-provider{border:1px solid #e5eaf1;border-radius:10px;padding:12px;margin:14px 0}.ai-provider span{float:right;color:#16a05c}.tabs{display:flex;gap:6px;margin:10px 0}.tabs button{border:0;background:#f2f4f7;padding:9px 12px;border-radius:8px}.tabs button.active{background:#ffe7ee;color:var(--accent)}label{font-size:13px;font-weight:700;display:block;margin:10px 0 6px}textarea,input,select{width:100%;border:1px solid #dfe5ed;border-radius:9px;padding:11px;background:#fff;font:inherit}textarea{min-height:120px;resize:vertical}.copybox{border:1px solid #e3e7ee;background:#f9fafc;border-radius:9px;padding:11px;margin-bottom:10px;font-size:14px}.copybox.tall{min-height:140px;line-height:1.5}.builder-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar.compact{min-height:100vh}.builder-main{padding:0 20px 28px}.builder-head h1{margin-bottom:6px;font-size:34px}.builder-head p{color:#738096}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.form-grid label{margin:0}.span2{grid-column:span 2}.editor-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 340px;gap:14px}.blocks{margin-top:14px}.block{border:1px solid #e3e8ef;border-radius:10px;padding:15px;margin:10px 0;background:#fbfcfd}.canvas{margin-top:14px}.canvas-toolbar{display:flex;gap:8px;margin-bottom:12px}.canvas-toolbar button{border:1px solid #dfe4eb;background:#fff;padding:8px 12px;border-radius:8px}.email-preview{border:1px solid #e1e6ed;background:white}.email-top{padding:16px 22px;border-bottom:1px solid #edf0f4}.email-top img{max-height:50px;max-width:180px;object-fit:contain}.email-hero{padding:34px;background:linear-gradient(135deg,#fff4f6,#ffe1e7)}.email-hero h2{font-size:46px;max-width:460px;margin:8px 0 14px}.email-features{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 28px}.email-features div{display:flex;flex-direction:column;gap:4px}.email-features span{color:#7a879a;font-size:13px}.ai-panel.embedded{border:1px solid #e7ebf2;border-radius:16px;margin-top:14px}@media(max-width:1200px){.app-shell{grid-template-columns:190px 1fr}.ai-panel{display:none}.editor-grid{grid-template-columns:220px 1fr}.ai-panel.embedded{display:none}.stats,.templates{grid-template-columns:repeat(2,1fr)}}