@font-face{font-family:Blinker;src:url(/fonts/blinker-light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Blinker;src:url(/fonts/blinker-semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/roboto-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/roboto-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/fonts/roboto-mono.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--black:#000;--ink:#1a1a1a;--mint:#00ffd4;--mint-deep:#00b996;--mint-soft:#befff4;--paper:#f2f2ee;--cream:#eeeeea;--cream-deep:#e7e7df;--charcoal:#161616;--line:#e7e7df;--muted:#6f7677;--ink-subtle:#b8b8b3;--white:#fff;--yellow:#f7f775;--danger:#e43a3a}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--black);margin:0;font-family:Roboto,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:2px}.app-shell{background:var(--paper);min-height:100vh;overflow:hidden}.topbar{background:var(--black);height:72px;color:var(--white);border-bottom:1px solid var(--ink);grid-template-columns:280px minmax(260px,1fr) auto;align-items:center;display:grid}.brand-lockup{border-right:1px solid var(--ink);align-items:center;gap:14px;height:100%;padding:0 24px;display:flex}.brand-lockup img{width:92px;height:auto}.brand-lockup span{text-transform:uppercase;letter-spacing:1.6px;color:var(--ink-subtle);font-family:Roboto Mono,monospace;font-size:11px}.campaign-title-wrap{align-items:center;gap:14px;min-width:0;padding:0 24px;display:flex}.campaign-kicker,.rail-kicker{letter-spacing:1.6px;color:var(--muted);font-family:Roboto Mono,monospace;font-size:10px;line-height:14px}.campaign-title{width:min(520px,100%);color:var(--white);background:0 0;border:0;padding:8px 0;font-family:Blinker,Arial,sans-serif;font-size:23px;font-weight:300;line-height:1.2}.campaign-title:hover{box-shadow:inset 0 -1px var(--muted)}.campaign-title:focus{box-shadow:inset 0 -1px var(--mint);outline:0}.top-actions{align-items:center;gap:8px;height:100%;padding:0 16px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.button:disabled{opacity:.55;cursor:wait}.button-icon{font-family:Roboto Mono,monospace;font-size:14px}.button-mint{background:var(--mint);color:var(--black)}.button-mint:hover{background:var(--mint-deep)}.button-light{background:var(--white);color:var(--black)}.button-quiet-dark{border-color:var(--muted);color:var(--white);background:0 0}.button-quiet-dark:hover{border-color:var(--ink-subtle)}.workspace{grid-template-columns:280px minmax(460px,1fr) 354px;height:calc(100vh - 72px);min-height:0;display:grid}.section-rail{background:var(--ink);color:var(--white);border-right:1px solid var(--ink);flex-direction:column;min-height:0;display:flex}.rail-heading,.inspector-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;min-height:82px;padding:19px 20px;display:flex}.rail-heading h2,.inspector-header h2{margin:2px 0 0;font-family:Blinker,Arial,sans-serif;font-size:26px;font-weight:300}.count-badge{background:var(--charcoal);border:1px solid var(--muted);place-items:center;width:30px;height:30px;font-family:Roboto Mono,monospace;font-size:11px;display:grid}.section-list{flex:1;padding:10px;overflow:auto}.section-item{text-align:left;border:1px solid #0000;border-bottom-color:var(--charcoal);width:100%;min-height:68px;color:var(--white);background:0 0;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:5px;padding:10px 8px;display:grid}.section-item:hover{background:var(--charcoal)}.section-item.is-selected{border-color:var(--mint);background:var(--charcoal)}.section-index{color:var(--muted);font-family:Roboto Mono,monospace;font-size:10px}.section-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.section-copy strong{font-size:13px}.section-copy small{color:var(--ink-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:15px;overflow:hidden}.drag-mark{color:var(--muted);letter-spacing:-2px;font-size:11px}.add-section-button{border:1px dashed var(--muted);color:var(--white);background:0 0;justify-content:center;align-items:center;gap:8px;min-height:48px;margin:10px;font-size:13px;font-weight:700;display:flex}.add-section-button span{color:var(--mint);font-size:18px}.add-section-button:hover{border-color:var(--mint)}.rail-foot{border-top:1px solid var(--ink);color:var(--ink-subtle);align-items:center;gap:8px;padding:14px 18px;font-size:11px;display:flex}.status-dot{background:var(--mint);border-radius:50%;width:7px;height:7px}.preview-area{background:var(--cream-deep);flex-direction:column;min-width:0;display:flex}.preview-toolbar{background:var(--cream);border-bottom:1px solid var(--ink-subtle);justify-content:space-between;align-items:center;height:52px;padding:0 18px;display:flex}.viewport-switch{border:1px solid var(--cream-deep);background:var(--cream-deep);display:flex}.viewport-switch button{background:0 0;border:0;height:34px;padding:0 14px;font-size:11px;font-weight:700}.viewport-switch button.is-active{background:var(--black);color:var(--white)}.compatibility-note{color:var(--muted);letter-spacing:.3px;align-items:center;gap:8px;font-family:Roboto Mono,monospace;font-size:9px;display:flex}.compatibility-note span{color:var(--mint-deep);font-size:13px}.compatibility-note i{background:var(--ink-subtle);border-radius:50%;width:3px;height:3px}.preview-stage{flex:1;justify-content:center;align-items:flex-start;padding:32px 28px 80px;transition:padding .2s;display:flex;overflow:auto}.email-window{background:var(--white);border:1px solid var(--ink-subtle);width:min(720px,100%);transition:width .2s;box-shadow:0 18px 45px #0000001a}.view-mobile .email-window{width:390px}.email-chrome{background:var(--cream);border-bottom:1px solid var(--cream-deep);height:38px;color:var(--muted);align-items:center;gap:6px;padding:0 14px;font-size:10px;display:flex}.email-chrome span{background:var(--ink-subtle);border-radius:50%;width:8px;height:8px}.email-chrome strong{text-overflow:ellipsis;white-space:nowrap;max-width:70%;margin-left:10px;font-weight:400;overflow:hidden}.email-window iframe{background:#f2f2ee;border:0;width:100%;height:calc(100vh - 216px);min-height:620px;display:block}.inspector{background:var(--white);border-left:1px solid var(--ink-subtle);flex-direction:column;min-height:0;display:flex}.inspector-header{border-bottom-color:var(--line);padding:16px}.inspector-header .rail-kicker{color:var(--muted)}.section-actions{gap:4px;display:flex}.section-actions button{border:1px solid var(--line);background:var(--white);width:30px;height:30px;font-size:14px}.section-actions button:hover{border-color:var(--black)}.section-actions .danger-action{color:var(--danger)}.inspector-body{flex:1;padding:18px;overflow:auto}.campaign-fields,.editor-stack{flex-direction:column;gap:16px;display:flex}.inspector-rule{background:var(--line);height:1px;margin:22px -18px}.field{flex-direction:column;gap:7px;display:flex}.field-label,.repeat-heading>span{color:var(--charcoal);font-size:11px;font-weight:700}.field-hint{color:var(--muted);font-size:10px;line-height:14px}.input,.textarea,.select{border:1px solid var(--cream-deep);color:#000;background:#fff;border-radius:0;width:100%;padding:10px 11px;font-size:13px;line-height:19px}.input{height:40px}.textarea{resize:vertical;min-height:72px}.input:hover,.textarea:hover,.select:hover{border-color:var(--muted)}.input:focus,.textarea:focus,.select:focus{border-color:var(--black);outline:2px solid var(--mint);outline-offset:0}.surface-picker{grid-template-columns:1fr 1fr;gap:6px;display:grid}.surface-option{border:1px solid var(--line);background:#fff;align-items:center;gap:8px;min-height:36px;padding:0 9px;font-size:11px;display:flex}.surface-option.is-active{border-color:var(--black);box-shadow:inset 0 0 0 1px var(--black)}.surface-swatch{border:1px solid var(--muted);width:14px;height:14px}.surface-paper .surface-swatch{background:#fff}.surface-ink .surface-swatch{background:#000}.surface-mint .surface-swatch{background:var(--mint)}.surface-yellow .surface-swatch{background:var(--yellow)}.hero-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.hero-grid button{background:var(--cream);border:2px solid #0000;padding:0;position:relative;overflow:hidden}.hero-grid button.is-active{border-color:var(--mint-deep)}.hero-grid img{width:100%;height:auto;display:block}.hero-grid span{color:#fff;background:#000000c7;place-items:center;width:18px;height:18px;font-family:Roboto Mono,monospace;font-size:9px;display:grid;position:absolute;bottom:4px;right:4px}.upload-button{border:1px dashed var(--muted);cursor:pointer;justify-content:center;align-items:center;height:40px;font-size:11px;font-weight:700;display:flex}.upload-button:hover{border-color:var(--mint-deep);background:var(--mint-soft)}.upload-button input{display:none}.range{width:100%;accent-color:var(--black)}.range-value{color:var(--muted);font-family:Roboto Mono,monospace;font-size:10px}.repeat-editor{flex-direction:column;gap:8px;display:flex}.repeat-heading,.repeat-card-head{justify-content:space-between;align-items:center;display:flex}.repeat-heading button,.repeat-card-head button{background:0 0;border:0;font-size:10px;font-weight:700;text-decoration:underline}.repeat-card{background:var(--paper);border:1px solid var(--line);flex-direction:column;gap:7px;padding:12px;display:flex}.repeat-card-head strong{font-family:Roboto Mono,monospace;font-size:10px}.list-row{grid-template-columns:26px minmax(0,1fr) 24px;align-items:start;gap:5px;display:grid}.list-row>span{padding-top:10px;font-family:Roboto Mono,monospace;font-size:10px}.list-row>button{height:30px;color:var(--danger);background:0 0;border:0;font-size:17px}.list-row button:disabled,.repeat-card button:disabled{opacity:.3;cursor:not-allowed}.overlay{z-index:50;background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{background:var(--paper);border-top:6px solid var(--mint);width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 90px #0006}.dialog-header{border-bottom:1px solid var(--ink-subtle);justify-content:space-between;align-items:flex-start;padding:28px 30px;display:flex}.dialog-header h2{margin:3px 0 7px;font-family:Blinker,Arial,sans-serif;font-size:38px;font-weight:300;line-height:1.05}.dialog-header p{color:var(--muted);margin:0;font-size:13px}.dialog-close{border:1px solid var(--ink-subtle);background:0 0;width:40px;height:40px;font-size:26px;line-height:1}.template-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:24px;display:grid}.template-card{border:1px solid var(--ink-subtle);text-align:left;background:#fff;flex-direction:column;min-height:340px;padding:0 18px 18px;display:flex}.template-card:hover{border-color:#000;transform:translateY(-2px)}.template-preview{border-bottom:1px solid var(--cream-deep);background:#fff;flex-direction:column;gap:10px;height:190px;margin:0 -18px 18px;padding:18px;display:flex}.accent-mint .template-preview{background:#000}.accent-yellow .template-preview{background:var(--yellow)}.mini-hero{background:var(--mint);border:1px solid #000;height:42px}.accent-mint .mini-hero{background:var(--mint)}.accent-yellow .mini-hero{background:#000}.mini-line{background:#000;width:62%;height:7px}.mini-line.wide{width:88%;height:12px}.accent-mint .mini-line{background:#fff}.mini-columns{grid-template-columns:1fr 1fr;gap:8px;margin-top:5px;display:grid}.mini-columns i{background:var(--paper);border-top:3px solid #000;height:58px}.accent-mint .mini-columns i{border-color:var(--mint);background:var(--charcoal)}.accent-yellow .mini-columns i{background:var(--yellow)}.template-card>strong{font-family:Blinker,Arial,sans-serif;font-size:24px;font-weight:600}.template-card>small{color:var(--muted);margin-top:8px;line-height:17px}.template-use{margin-top:auto;padding-top:18px;font-size:12px;font-weight:700}.add-dialog{width:min(760px,100%)}.add-grid{background:var(--ink-subtle);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.add-grid button{text-align:left;background:#fff;border:0;flex-direction:column;min-height:155px;padding:20px;display:flex}.add-grid button:hover{background:var(--mint-soft)}.section-glyph{margin-bottom:22px;font-family:Roboto Mono,monospace;font-size:23px}.add-grid strong{font-size:13px}.add-grid small{color:var(--muted);margin-top:5px;font-size:10px;line-height:14px}.send-dialog{width:min(520px,100%);padding-bottom:28px}.send-dialog>.field,.send-submit,.form-message{margin-left:30px;margin-right:30px}.send-submit{width:calc(100% - 60px);margin-top:20px}.config-state{background:var(--cream);border:1px solid #ffa463;align-items:center;gap:12px;margin:24px 30px;padding:13px;display:flex}.config-state.is-ready{background:var(--mint-soft);border-color:var(--mint-deep)}.config-state>span{background:#ffa463;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.config-state.is-ready>span{background:var(--mint)}.config-state>div{flex-direction:column;gap:3px;display:flex}.config-state strong{font-size:12px}.config-state small{color:var(--muted);font-size:10px;line-height:14px}.form-message{background:var(--cream);margin-top:14px;padding:10px;font-size:12px}.state-error{background:var(--paper);color:var(--danger)}.state-sent{background:var(--mint-soft);color:var(--mint-deep)}.toast{z-index:70;color:#fff;border-left:5px solid var(--mint);background:#000;padding:12px 18px;font-size:12px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0000003d}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (max-width:1240px){.workspace{grid-template-columns:240px minmax(420px,1fr) 320px}.topbar{grid-template-columns:240px minmax(200px,1fr) auto}.button{padding:0 12px}.button-icon,.compatibility-note{display:none}}@media (max-width:980px){.topbar{grid-template-columns:190px 1fr;height:auto;min-height:72px}.brand-lockup,.campaign-title-wrap{padding:0 16px}.top-actions{border-top:1px solid var(--ink);grid-column:1/-1;height:56px;overflow-x:auto}.workspace{grid-template-columns:210px minmax(430px,1fr);height:calc(100vh - 128px)}.inspector{z-index:20;width:340px;position:fixed;top:128px;bottom:0;right:0;box-shadow:-12px 0 35px #0000002e}.preview-area{padding-right:340px}.preview-stage{padding-left:18px;padding-right:18px}.email-window iframe{height:calc(100vh - 270px)}.template-grid{grid-template-columns:1fr}.template-card{min-height:280px}.add-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.topbar{grid-template-columns:1fr}.brand-lockup{border-right:0;height:56px}.campaign-title-wrap{display:none}.top-actions{grid-column:1;justify-content:flex-start}.workspace{flex-direction:column;height:auto;min-height:calc(100vh - 112px);display:flex}.section-rail{border-right:0;min-height:230px;max-height:300px}.rail-heading{min-height:66px}.section-list{gap:8px;display:flex;overflow-x:auto}.section-item{min-width:210px}.preview-area{min-height:700px;padding-right:0}.preview-toolbar{z-index:2;position:sticky;top:0}.preview-stage{padding:18px 8px 60px}.email-window iframe{height:650px}.inspector{width:100%;max-height:none;box-shadow:none;position:relative;inset:auto}.overlay{padding:10px}.dialog{max-height:calc(100vh - 20px)}.dialog-header{padding:20px}.dialog-header h2{font-size:31px}.template-grid{padding:14px}.add-grid{grid-template-columns:1fr 1fr}.add-grid button{min-height:130px}.template-card{min-height:300px}.send-dialog>.field,.send-submit,.form-message,.config-state{margin-left:20px;margin-right:20px}.send-submit{width:calc(100% - 40px)}}