*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#1f2937}a{color:inherit}.top{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;display:flex;align-items:center;gap:28px;padding:14px 24px;background:#17202a;color:#fff}.top small{display:block;opacity:.6}.top nav{display:flex;gap:18px;flex:1}.top nav a,.top-right a{text-decoration:none;opacity:.85}.top-right{display:flex;gap:14px;align-items:center}.top select{padding:8px}.page{max-width:1400px;margin:72px auto 0;padding:28px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.hero h1{font-size:34px;margin:4px 0}.hero p,.muted{color:#6b7280}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em}.button,button{display:inline-block;border:0;border-radius:8px;background:#263746;color:#fff;padding:11px 16px;text-decoration:none;cursor:pointer}.ghost{background:#e5e7eb;color:#111}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.card,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;box-shadow:0 2px 10px #00000008}.card strong{font-size:32px;display:block}.card span{color:#6b7280}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions a{background:#f3f4f6;padding:14px;border-radius:9px;text-decoration:none}.panel h2{margin-top:0}input,textarea,select{width:100%;padding:11px;border:1px solid #d1d5db;border-radius:8px;background:#fff}label{display:block;margin-bottom:14px;font-weight:600}label input,label textarea{margin-top:6px;font-weight:400}.two,.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split{align-items:start}.editor-grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.block-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.block-buttons button{background:#eef1f4;color:#222}.preview-wrap{background:#e5e7eb}.preview-toolbar{text-align:center;margin-bottom:15px}.preview-toolbar button{margin:0 4px;background:#fff;color:#222}.email-preview{margin:auto;max-width:680px;transition:.2s}.mail{background:#fff;box-shadow:0 3px 18px #0002}.mail-head{padding:25px;text-align:center;background:var(--brand);color:#fff;font-weight:bold;letter-spacing:.2em}.mail-body{padding:38px;min-height:400px}.mail-body img{max-width:100%;height:auto}.mail-body .cta{display:inline-block;background:var(--accent);color:#fff;padding:12px 18px;text-decoration:none;border-radius:4px}.mail-foot{padding:20px;text-align:center;background:#f3f4f6;color:#6b7280;font-size:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee}.badge{background:#eef1f4;padding:5px 8px;border-radius:20px;font-size:12px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:20px}.media-grid figure{margin:0}.media-grid img{width:100%;height:120px;object-fit:cover;border-radius:8px}.media-grid figcaption{font-size:12px;margin-top:6px}.upload{display:flex;gap:10px}.notice{padding:12px;background:#e8f5e9;border-radius:8px;margin:10px 0}.error{background:#ffebee}.login{min-height:100vh;display:grid;place-items:center;background:#17202a}.login-card{width:min(420px,90vw);background:#fff;padding:35px;border-radius:16px}.login-card input{margin:7px 0}.login-card button,.login-card .button{width:100%;margin-top:8px;text-align:center}.settings{max-width:700px}@media(max-width:850px){.top{flex-wrap:wrap}.page{margin-top:126px}.top nav{order:3;width:100%;overflow:auto}.cards{grid-template-columns:1fr 1fr}.editor-grid,.split{grid-template-columns:1fr}.page{padding:18px}.hero{align-items:flex-start;gap:15px}.editor-grid{display:block}.controls{margin-bottom:15px}}@media(max-width:520px){.page{margin-top:126px}.cards{grid-template-columns:1fr}.two{grid-template-columns:1fr}.hero{display:block}.hero .button{margin-top:10px}.top{padding:12px}.page{padding:12px}}
.filterbar form{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:10px;align-items:center}.filterbar input,.filterbar select{margin:0}.table-scroll{overflow:auto}.small{padding:6px 9px}.danger{background:#9f2d2d}.mapping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.token-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.token-buttons button{padding:7px 9px;background:#eef1f4;color:#222}.media-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:16px}.media-picker button{padding:2px;background:#fff;border:2px solid transparent}.media-picker button:hover{border-color:var(--accent,#999)}.media-picker img{width:100%;height:58px;object-fit:cover;display:block}.mail-body table{border-collapse:collapse}.mail-foot a{color:inherit}@media(max-width:850px){.filterbar form,.mapping-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.filterbar form,.mapping-grid{grid-template-columns:1fr}}
/* V1.2.0 Visual Editor */
.visual-editor-grid{display:grid;grid-template-columns:330px 1fr;gap:20px;align-items:start}.editor-sidebar{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto}.editor-workspace{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(500px,1.4fr);gap:20px;align-items:start}.block-workbench,.preview-wrap{min-height:560px}.workbench-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.workbench-head h2{margin-bottom:4px}.compact{margin:4px 0 10px}.block-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.vblock{border:1px solid #dfe4e8;border-radius:10px;background:#f9fafb;overflow:hidden}.vblock-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#eef1f4}.vblock-head button{padding:4px 8px;margin-left:3px;background:#fff;color:#263746;border:1px solid #d5dbe0}.vblock-head .danger-lite{color:#9f2d2d}.vblock-fields{padding:12px}.vblock-fields label{font-size:13px;margin-bottom:10px}.vblock-fields input,.vblock-fields textarea,.vblock-fields select{margin-top:4px}.empty-blocks{min-height:180px;border:2px dashed #d7dde2;border-radius:10px;display:grid;place-items:center;align-content:center;gap:6px;color:#6b7280}.empty-blocks b{color:#263746}.advanced-html{margin-top:18px;border-top:1px solid #e5e7eb;padding-top:12px}.advanced-html summary{cursor:pointer;font-weight:600}.advanced-html textarea{font-family:monospace;font-size:12px;margin-top:10px}.legacy-note{font-size:12px}.visual-media{grid-template-columns:repeat(3,1fr)}.preview-toolbar{display:flex;justify-content:center;align-items:center;gap:8px}.preview-toolbar b{margin-right:8px}.mail-body h2,.mail-body h3{color:#1f2937}.mail-body .cta{background:var(--accent)}
@media(max-width:1180px){.visual-editor-grid{grid-template-columns:300px 1fr}.editor-workspace{grid-template-columns:1fr}.editor-sidebar{position:static;max-height:none}}
@media(max-width:850px){.visual-editor-grid{grid-template-columns:1fr}.editor-workspace{grid-template-columns:1fr}.visual-media{grid-template-columns:repeat(5,1fr)}}
@media(max-width:520px){.visual-media{grid-template-columns:repeat(3,1fr)}.preview-toolbar{flex-wrap:wrap}}