/* AI Newsletter Builder: live form. Tokens below are the drop-in points for Studio Designer specs. */
.nlb{--nlb-bg:var(--ink2,#141418);--nlb-panel:#0f0f13;--nlb-line:var(--ln,#2a2a30);--nlb-text:var(--tx,#f2f2ee);--nlb-muted:var(--mt,#9a9aa2);--nlb-accent:var(--lime,#D4FF3F);--nlb-accent-ink:#0A0A0D;--nlb-danger:#FF8A7A;--nlb-radius:20px;--nlb-radius-sm:12px;--nlb-gap:20px;--nlb-font-mono:var(--mono,ui-monospace,monospace);--nlb-ease:var(--e,cubic-bezier(.2,.7,.2,1))}
.nlb{margin-top:10px;background:var(--nlb-bg);border:1px solid var(--nlb-line);border-radius:var(--nlb-radius);padding:var(--nlb-gap);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--nlb-gap)}
@media(max-width:860px){.nlb{grid-template-columns:minmax(0,1fr);padding:16px}}
.nlb-form{display:grid;gap:14px;align-content:start}
.nlb-field label{display:flex;justify-content:space-between;font:500 12px var(--nlb-font-mono);color:var(--nlb-muted);margin-bottom:6px}
.nlb-field input,.nlb-field textarea{width:100%;box-sizing:border-box;background:var(--nlb-panel);border:1px solid var(--nlb-line);border-radius:var(--nlb-radius-sm);color:var(--nlb-text);font-family:inherit;font-size:16px;line-height:1.5;padding:11px 13px;transition:border-color .2s}
.nlb-field textarea{min-height:118px;resize:vertical}
.nlb-field input:focus,.nlb-field textarea:focus{outline:none;border-color:var(--nlb-accent);box-shadow:0 0 0 3px rgba(212,255,63,.18)}
.nlb-field[data-invalid] input,.nlb-field[data-invalid] textarea{border-color:var(--nlb-danger)}
.nlb-ferr{display:block;min-height:0;font-size:13px;color:var(--nlb-danger);margin-top:4px}
.nlb-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.nlb-row{grid-template-columns:1fr}}
.nlb-color{display:flex;gap:8px}.nlb-color input[type=color]{flex:0 0 48px;height:46px;padding:4px;cursor:pointer}
.nlb-go{appearance:none;border:0;border-radius:99px;background:var(--nlb-accent);color:var(--nlb-accent-ink);font-family:inherit;font-size:16px;font-weight:600;padding:14px 22px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;align-items:center;min-height:48px}
.nlb-go:disabled{opacity:.6;cursor:progress}.nlb-go:focus-visible{outline:3px solid #fff;outline-offset:2px}
.nlb-hint{font-size:13px;color:var(--nlb-muted);margin:0}
.nlb-out{min-width:0;display:grid;gap:14px;align-content:start}
.nlb-status{border-radius:var(--nlb-radius-sm);padding:12px 14px;font-size:14px;background:var(--nlb-panel);color:var(--nlb-muted)}
.nlb-status[data-kind=error]{color:var(--nlb-danger);border:1px solid rgba(255,138,122,.4)}
.nlb-status[data-kind=notice]{color:var(--nlb-text);border:1px solid var(--nlb-line)}
.nlb-empty{display:grid;place-items:center;text-align:center;min-height:380px;border:1px dashed var(--nlb-line);border-radius:var(--nlb-radius-sm);color:var(--nlb-muted);padding:24px;font-size:15px}
.nlb-load{display:none;gap:12px;padding:18px;background:var(--nlb-panel);border-radius:var(--nlb-radius-sm)}
.nlb[data-state=loading] .nlb-load{display:grid}.nlb[data-state=loading] .nlb-empty,.nlb[data-state=loading] .nlb-result{display:none}
.nlb-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px;font:500 13px var(--nlb-font-mono);color:var(--nlb-muted)}
.nlb-steps li[data-on]{color:var(--nlb-accent)}.nlb-steps li:before{content:"\25CB  "}.nlb-steps li[data-on]:before{content:"\25CF  "}
.nlb-bar{height:6px;border-radius:6px;background:var(--nlb-line);overflow:hidden}.nlb-bar i{display:block;height:100%;width:0;background:var(--nlb-accent);transition:width .8s var(--nlb-ease)}
.nlb-result{display:none;gap:14px}.nlb[data-state=done] .nlb-result{display:grid}.nlb[data-state=done] .nlb-empty{display:none}
.nlb-k{font:500 12px var(--nlb-font-mono);color:var(--nlb-muted);margin:0 0 6px}
.nlb-subs{list-style:none;padding:0;margin:0;display:grid;gap:6px}.nlb-subs li{background:var(--nlb-panel);border-radius:8px;padding:9px 12px;font-size:15px;color:var(--nlb-text);overflow-wrap:anywhere}
.nlb-pre{background:var(--nlb-panel);border-radius:8px;padding:9px 12px;font-size:14px;color:var(--nlb-text);margin:0}
.nlb-frame{background:#fff;border-radius:var(--nlb-radius-sm);overflow:hidden}.nlb-frame iframe{display:block;width:100%;height:620px;border:0}
.nlb-actions{display:flex;flex-wrap:wrap;gap:10px}
.nlb-btn{appearance:none;background:none;border:1px solid var(--nlb-line);color:var(--nlb-text);border-radius:99px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;min-height:44px}.nlb-btn:hover,.nlb-btn:focus-visible{border-color:var(--nlb-accent);color:var(--nlb-accent)}
.nlb-mode{display:inline-block;font:500 11px var(--nlb-font-mono);padding:3px 8px;border-radius:99px;border:1px solid var(--nlb-line);color:var(--nlb-muted)}
.nlb-result{animation:nlbIn .5s var(--nlb-ease)}@keyframes nlbIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.nlb-result{animation:none}.nlb-bar i{transition:none}.nlb-field input,.nlb-field textarea{transition:none}}