.nl-builder{--nl-bg: #141414;--nl-panel: #191919;--nl-panel-2: #232323;--nl-border: #333333;--nl-border-strong: #475569;--nl-gold: #d4a937;--nl-gold-hover: #d4a937;--nl-text: #e0e0e0;--nl-dim: #9a9a9a;--nl-faint: #666666;position:relative;min-height:700px;height:calc(100vh - 132px);overflow:hidden;border:1px solid var(--nl-border);border-radius:14px;background:var(--nl-bg);color:var(--nl-text);box-shadow:0 18px 48px #00000061}.nl-builder *{box-sizing:border-box}.nl-builder button,.nl-builder input,.nl-builder textarea,.nl-builder select{font:inherit}.nl-builder button{color:inherit}.nl-topbar{height:58px;display:flex;align-items:center;gap:10px;padding:0 14px 0 18px;border-bottom:1px solid var(--nl-border);background:#151515}.nl-brand{display:flex;align-items:baseline;gap:10px;min-width:220px}.nl-wordmark{font-family:Archivo,system-ui,sans-serif;font-size:25px;letter-spacing:2px;color:var(--nl-gold);line-height:1}.nl-subtitle{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--nl-faint)}.nl-top-spacer{flex:1}.nl-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid var(--nl-border-strong);border-radius:999px;background:transparent;padding:7px 13px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:background .18s ease-out,border-color .18s ease-out,color .18s ease-out,transform .18s ease-out}.nl-btn:hover:not(:disabled){background:var(--nl-panel-2);border-color:#68758a}.nl-btn:focus-visible,.nl-icon-btn:focus-visible,.nl-builder input:focus-visible,.nl-builder textarea:focus-visible,.nl-builder select:focus-visible{outline:2px solid var(--nl-gold);outline-offset:2px}.nl-btn:disabled{opacity:.45;cursor:default}.nl-btn.gold{background:var(--nl-gold);border-color:var(--nl-gold);color:#171717;box-shadow:0 0 18px #f4b40040}.nl-btn.gold:hover:not(:disabled){background:var(--nl-gold-hover);border-color:var(--nl-gold-hover)}.nl-btn.danger{border-color:#6b2929;color:#f87171}.nl-btn.compact{min-height:30px;padding:5px 10px;font-size:10px}.nl-device{display:flex;border:1px solid var(--nl-border-strong);border-radius:999px;overflow:hidden}.nl-device button{border:0;background:transparent;color:var(--nl-dim);padding:7px 11px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.nl-device button.on{background:var(--nl-gold);color:#171717}.nl-workspace{height:calc(100% - 58px);display:grid;grid-template-columns:260px minmax(440px,1fr) 326px;min-height:0}.nl-left,.nl-right{min-height:0;overflow:auto;background:var(--nl-panel);scrollbar-color:#353535 transparent}.nl-left{border-right:1px solid var(--nl-border)}.nl-right{border-left:1px solid var(--nl-border)}.nl-section{padding:15px 15px 17px;border-bottom:1px solid var(--nl-border)}.nl-section-title{margin:0 0 11px;font-family:Archivo,system-ui,sans-serif;color:var(--nl-gold);font-size:15px;font-weight:400;letter-spacing:.13em;text-transform:uppercase}.nl-helper{margin-top:8px;color:var(--nl-faint);font-size:10.5px;line-height:1.45}.nl-field{display:block;margin-bottom:10px}.nl-field>span{display:block;margin-bottom:5px;color:var(--nl-dim);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.nl-field input,.nl-field textarea,.nl-field select,.nl-search{width:100%;border:1px solid var(--nl-border);border-radius:8px;background:#101010;color:#f3f3f3;padding:8px 9px;font-size:13px;line-height:1.45;resize:vertical}.nl-field input:disabled{color:#777;cursor:not-allowed}.nl-field .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.nl-presets{display:grid;gap:7px}.nl-preset{width:100%;text-align:left;border:1px solid var(--nl-border);border-radius:9px;background:var(--nl-panel-2);padding:10px 11px;transition:border-color .16s ease-out,background .16s ease-out}.nl-preset:hover{border-color:var(--nl-gold);background:#292313}.nl-preset strong{display:block;font-size:12px;color:#fff}.nl-preset small{display:block;margin-top:2px;color:var(--nl-dim);font-size:10px}.nl-saved-templates{display:grid;gap:7px;margin-top:10px}.nl-saved-template{border:1px solid var(--nl-border);border-radius:9px;background:#111;padding:9px 10px}.nl-saved-template>div:first-child{min-width:0}.nl-saved-template strong,.nl-saved-template small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nl-saved-template strong{color:#fff;font-size:11px}.nl-saved-template small{margin-top:2px;color:var(--nl-dim);font-size:9px}.nl-template-actions{display:flex;gap:6px;margin-top:8px}.nl-template-actions button{flex:1;border:1px solid var(--nl-border-strong);border-radius:6px;background:transparent;padding:5px 7px;color:#c9c9c9;font-size:9px;font-weight:700;text-transform:uppercase}.nl-template-actions button:hover{border-color:var(--nl-gold);color:var(--nl-gold)}.nl-template-actions button.delete:hover{border-color:#6b2929;color:#f87171}.nl-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.nl-add-grid button{border:1px solid var(--nl-border);border-radius:7px;background:var(--nl-panel-2);padding:8px 5px;color:#c9c9c9;font-size:10px;font-weight:700}.nl-add-grid button:hover{border-color:var(--nl-gold);color:var(--nl-gold)}.nl-canvas{min-width:0;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:28px 22px 100px;background-color:var(--nl-bg);background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:40px 40px}.nl-canvas-hint{margin-bottom:13px;color:var(--nl-faint);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.nl-email-viewport{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box}.nl-email-viewport.desktop{width:600px}.nl-email-viewport.mobile{width:375px;padding:24px 12px;background:#141414}.nl-email-card{width:600px;max-width:600px;flex:0 0 auto;overflow:hidden;border:1px solid #333;border-radius:14px;background:#1a1a1a;box-shadow:0 24px 60px #0000009e}.nl-email-card.mobile{width:100%;max-width:100%}.nl-email-block{position:relative}.nl-email-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .12s ease-out}.nl-email-block:hover:after{outline-color:#f4b40061}.nl-email-block.selected:after{outline-color:var(--nl-gold)}.nl-email-table{width:100%;border-collapse:collapse}.nl-email-table,.nl-email-table *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.nl-block-tag{position:absolute;z-index:3;top:6px;left:6px;display:none;border:1px solid var(--nl-border-strong);border-radius:5px;background:#141414f5;padding:3px 7px;color:var(--nl-dim);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.nl-block-controls{position:absolute;z-index:3;top:6px;right:6px;display:none;gap:3px}.nl-email-block:hover .nl-block-tag,.nl-email-block:hover .nl-block-controls,.nl-email-block.selected .nl-block-tag,.nl-email-block.selected .nl-block-controls{display:flex}.nl-email-block.selected .nl-block-tag{border-color:var(--nl-gold);color:var(--nl-gold)}.nl-icon-btn{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--nl-border-strong);border-radius:6px;background:#141414f5;color:#ddd}.nl-icon-btn:hover:not(:disabled){border-color:var(--nl-gold);color:var(--nl-gold)}.nl-icon-btn.delete:hover{border-color:#ef4444;color:#ef4444}.nl-icon-btn:disabled{opacity:.3}.nl-inspector-head{position:sticky;z-index:4;top:0;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--nl-border);background:var(--nl-panel)}.nl-inspector-head strong{font-family:Archivo,system-ui,sans-serif;color:#fff;font-size:17px;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.nl-inspector-body{padding:14px}.nl-inspector-empty{padding:38px 20px;color:var(--nl-faint);text-align:center;font-size:12px;line-height:1.55}.nl-segment{display:flex;gap:5px}.nl-segment button{flex:1;border:1px solid var(--nl-border);border-radius:7px;background:#101010;padding:6px 5px;color:var(--nl-dim);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.nl-segment button.on{border-color:var(--nl-gold);background:#28210f;color:var(--nl-gold)}.nl-item{margin-bottom:9px;border:1px solid var(--nl-border);border-radius:9px;background:#111;padding:10px}.nl-item-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:var(--nl-faint);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nl-text-button{border:0;background:transparent;color:#999;font-size:10px}.nl-text-button:hover{color:#f87171}.nl-add-item{width:100%;border:1px dashed var(--nl-border-strong);border-radius:8px;background:transparent;padding:8px;color:var(--nl-dim);font-size:11px;font-weight:700}.nl-add-item:hover{border-color:var(--nl-gold);color:var(--nl-gold)}.nl-toast{position:absolute;z-index:20;bottom:20px;left:50%;transform:translate(-50%);pointer-events:none;border:1px solid var(--nl-gold);border-radius:999px;background:#232323;padding:9px 18px;color:var(--nl-gold);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 30px #00000073}.nl-send-backdrop{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:flex-end;background:#000000ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.nl-send-panel{width:min(520px,100%);overflow:auto;border-left:1px solid #4b421f;background:#171717;box-shadow:-24px 0 60px #00000080}.nl-send-header{position:sticky;z-index:2;top:0;display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--nl-border);background:#171717}.nl-send-header h2{flex:1;margin:0;font-family:Archivo,system-ui,sans-serif;color:var(--nl-gold);font-size:22px;font-weight:400;letter-spacing:.08em}.nl-send-body{padding:18px}.nl-recipient-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.nl-recipient-tabs button{border:1px solid var(--nl-border);border-radius:10px;background:var(--nl-panel-2);padding:11px;color:var(--nl-dim);text-align:left}.nl-recipient-tabs button.on{border-color:var(--nl-gold);background:#29230f;color:var(--nl-gold)}.nl-recipient-tabs strong{display:block;font-size:12px}.nl-recipient-tabs small{display:block;margin-top:2px;color:#777;font-size:10px}.nl-recipient-actions{display:flex;align-items:center;gap:7px;margin:8px 0}.nl-recipient-count{margin-left:auto;color:var(--nl-dim);font-size:11px}.nl-recipient-list{max-height:280px;overflow:auto;border:1px solid var(--nl-border);border-radius:9px;background:#111}.nl-recipient-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border-bottom:1px solid #292929;color:#d4d4d4;font-size:12px}.nl-recipient-row:last-child{border-bottom:0}.nl-recipient-row input{accent-color:var(--nl-gold)}.nl-send-summary{margin-top:15px;border:1px solid #4b421f;border-radius:10px;background:#211e14;padding:12px;color:#bcb394;font-size:11px;line-height:1.5}.nl-validation{margin-top:13px;border:1px solid #6b2929;border-radius:9px;background:#2a1818;padding:10px 12px;color:#fca5a5;font-size:11px}.nl-validation ul{margin:5px 0 0 16px;padding:0}.nl-send-error{margin-top:12px;border:1px solid #6b2929;border-radius:9px;background:#2a1818;padding:10px 12px;color:#f87171;font-size:11px}.nl-send-success{margin-top:12px;border:1px solid #285a2d;border-radius:9px;background:#152619;padding:10px 12px;color:#4ade80;font-size:11px}@media(max-width:1200px){.nl-workspace{grid-template-columns:238px minmax(410px,1fr)}.nl-right{position:absolute;z-index:9;top:58px;right:0;bottom:0;width:326px;box-shadow:-18px 0 36px #00000073}.nl-right.empty{display:none}}@media(max-width:760px){.nl-builder{min-height:900px;height:auto;overflow:visible}.nl-topbar{height:auto;min-height:58px;flex-wrap:wrap;padding:11px}.nl-brand{min-width:0;flex:1}.nl-device{order:3;width:100%}.nl-device button{flex:1}.nl-top-spacer,.nl-topbar .nl-btn span{display:none}.nl-workspace{height:auto;display:block}.nl-left{max-height:none;border-right:0}.nl-canvas{min-height:560px;padding:22px 10px 80px}.nl-email-card{transform-origin:top center}.nl-right{position:fixed;z-index:40;top:0;right:0;bottom:0;width:min(340px,92vw)}.nl-send-backdrop{position:fixed}}@media(prefers-reduced-motion:reduce){.nl-builder *,.nl-builder *:before,.nl-builder *:after{transition:none!important}}