:root{--etb-primary:var(--main-primary);--etb-text:#1f2937;--etb-text-muted:#64748b;--etb-bg:#fff;--etb-bg-hover:#f8fafc;--etb-bg-active:#eef2ff;--etb-border:#e2e8f0;--etb-border-hover:#cbd5e1;--etb-shadow:0 1px 3px #00000014;--etb-shadow-lg:0 4px 12px #0000001f;--etb-radius:.5rem;--etb-radius-lg:.75rem;--etb-sidebar-width:280px;--etb-canvas-bg:#e2e8f0;--etb-canvas-email-bg:#fff;--etb-block-selected:#6366f14d;--etb-block-hover:#6366f11a;--etb-danger:#dc2626;--etb-danger-bg:#ef44441a;--etb-danger-border:#ef44444d;--etb-code-bg:#1e1e2e;--etb-code-text:#cdd6f4;--etb-paste-text:#fff}._etb-container{flex-direction:column;gap:0;width:100%;max-width:1200px;margin:0 auto;display:flex}._etb-main{grid-template-columns:var(--etb-sidebar-width) 1fr;gap:0;min-height:500px;display:grid}@media (max-width:860px){._etb-main{grid-template-columns:1fr}._etb-sidebar{border-bottom-style:solid;border-bottom-width:1px;border-right-width:0;border-bottom-color:var(--etb-border);max-height:none}}@media (max-width:768px){._etb-container{padding-left:1rem;padding-right:1rem}}._etb-toolbar{background:var(--etb-bg);border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius-lg) var(--etb-radius-lg) 0 0;box-shadow:var(--etb-shadow);justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 1rem;display:flex}._etb-toolbar-left{align-items:center;gap:.5rem;display:flex}._etb-toolbar-label{color:var(--etb-text-muted);white-space:nowrap;font-size:.8125rem;font-weight:500}._etb-toolbar-center{align-items:center;display:flex}._etb-toolbar-right{align-items:center;gap:.25rem;display:flex}._etb-select{border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius);background:var(--etb-bg);color:var(--etb-text);cursor:pointer;padding:.375rem .625rem;font-size:.8125rem}._etb-select:focus{outline:2px solid var(--etb-primary);outline-offset:1px}._etb-select--full{width:100%}._etb-device-toggle{border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius);align-items:center;gap:0;display:flex;overflow:hidden}._etb-device-btn{background:var(--etb-bg);width:2rem;height:2rem;color:var(--etb-text-muted);cursor:pointer;border-width:0;justify-content:center;align-items:center;padding:0;display:flex}._etb-device-btn:hover{background:var(--etb-bg-hover)}._etb-device-btn--active{background:var(--etb-bg-active);color:var(--etb-primary)}._etb-device-btn svg{width:14px;height:14px}._etb-view-btn{background:var(--etb-bg);border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius);color:var(--etb-text-muted);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;display:flex}._etb-view-btn:hover{background:var(--etb-bg-hover)}._etb-view-btn--active{background:var(--etb-bg-active);color:var(--etb-primary);border-color:var(--etb-primary)}._etb-view-btn svg{width:14px;height:14px}._etb-paste-btn{background:var(--etb-primary);border-style:solid;border-width:1px;border-color:var(--etb-primary);border-radius:var(--etb-radius);color:var(--etb-paste-text);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:flex}._etb-paste-btn:hover{opacity:.9}._etb-paste-btn svg{width:14px;height:14px}._etb-help-btn{border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius);width:2rem;height:2rem;color:var(--etb-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin-left:.25rem;padding:0;display:flex}._etb-help-btn:hover{background:var(--etb-bg-hover);color:var(--etb-primary);border-color:var(--etb-primary)}._etb-help-btn svg{width:16px;height:16px}@media (max-width:600px){._etb-toolbar{flex-wrap:wrap;gap:.5rem}._etb-toolbar-center{order:-1;justify-content:center;width:100%}._etb-view-btn span{display:none}}._etb-tpl-picker{position:relative}._etb-tpl-trigger{background:var(--etb-bg);border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius);min-width:160px;color:var(--etb-text);cursor:pointer;text-align:left;align-items:center;gap:.5rem;padding:.375rem .625rem;font-size:.8125rem;display:flex}._etb-tpl-trigger:hover{border-color:var(--etb-border-hover)}._etb-tpl-trigger:focus{outline:2px solid var(--etb-primary);outline-offset:1px}._etb-tpl-trigger svg{opacity:.5;flex-shrink:0;width:10px;height:10px;margin-left:auto;transition:transform .15s}._etb-tpl-picker--open ._etb-tpl-trigger svg{transform:rotate(180deg)}._etb-tpl-trigger-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._etb-tpl-dropdown{background:var(--etb-bg);border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius-lg);z-index:100;flex-direction:column;min-width:260px;max-height:380px;display:none;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #00000026}._etb-tpl-picker--open ._etb-tpl-dropdown{display:flex}._etb-tpl-search-wrap{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--etb-border);padding:.5rem}._etb-tpl-search{border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius);background:var(--etb-bg-hover);width:100%;color:var(--etb-text);outline:none;padding:.375rem .5rem;font-size:.8125rem}._etb-tpl-search:focus{border-color:var(--etb-primary);background:var(--etb-bg)}._etb-tpl-search::placeholder{color:var(--etb-text-muted)}._etb-tpl-list{max-height:310px;padding:.25rem 0;overflow-y:auto}._etb-tpl-group-label{color:var(--etb-text-muted);text-transform:uppercase;letter-spacing:.05em;pointer-events:none;padding:.5rem .75rem .25rem;font-size:.6875rem;font-weight:600}._etb-tpl-option{color:var(--etb-text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:.4375rem .75rem .4375rem 1.25rem;font-size:.8125rem;overflow:hidden}._etb-tpl-option:hover{background:var(--etb-bg-hover)}._etb-tpl-option--active{background:var(--etb-bg-active);color:var(--etb-primary);font-weight:500}._etb-tpl-no-results{text-align:center;color:var(--etb-text-muted);padding:1rem;font-size:.8125rem}._etb-tpl-group--hidden,._etb-tpl-option--hidden{display:none}@media (max-width:600px){._etb-tpl-dropdown{min-width:220px;right:auto}}._etb-sidebar{background:var(--etb-bg);border-right-style:solid;border-right-width:1px;border-right-color:var(--etb-border);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--etb-border);border-left-style:solid;border-left-width:1px;border-left-color:var(--etb-border);border-radius:0 0 0 var(--etb-radius-lg);max-height:700px;overflow-y:auto}._etb-sidebar-section{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--etb-border);padding:.875rem}._etb-sidebar-section:last-child{border-bottom-width:0}._etb-sidebar-title{color:var(--etb-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.625rem;font-size:.75rem;font-weight:600}._etb-sidebar-title-row{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}._etb-close-btn{width:1.5rem;height:1.5rem;color:var(--etb-text-muted);cursor:pointer;border-radius:var(--etb-radius);background:0 0;border-width:0;justify-content:center;align-items:center;display:flex}._etb-close-btn:hover{background:var(--etb-bg-hover);color:var(--etb-text)}._etb-block-palette{grid-template-columns:1fr 1fr;gap:.375rem;display:grid}._etb-palette-btn{background:var(--etb-bg-hover);border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius);color:var(--etb-text);cursor:pointer;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem .25rem;font-size:.6875rem;display:flex}._etb-palette-btn:hover{border-color:var(--etb-primary);background:var(--etb-bg-active);color:var(--etb-primary)}._etb-palette-btn svg{opacity:.7;width:16px;height:16px}._etb-palette-btn:hover svg{opacity:1}._etb-settings-form{flex-direction:column;gap:.625rem;display:flex}._etb-field{flex-direction:column;gap:.25rem;display:flex}._etb-field-label{color:var(--etb-text-muted);font-size:.75rem;font-weight:500}._etb-field-row{align-items:center;gap:.375rem;display:flex}._etb-field-suffix{color:var(--etb-text-muted);font-size:.75rem}._etb-input{border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius);background:var(--etb-bg);color:var(--etb-text);width:100%;padding:.375rem .5rem;font-size:.8125rem}._etb-input--sm{width:80px}._etb-input:focus{outline:2px solid var(--etb-primary);outline-offset:1px}._etb-textarea{border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius);background:var(--etb-bg);color:var(--etb-text);resize:vertical;width:100%;min-height:60px;padding:.375rem .5rem;font-family:inherit;font-size:.8125rem}._etb-textarea:focus{outline:2px solid var(--etb-primary);outline-offset:1px}._etb-color-field{align-items:center;gap:.375rem;display:flex}._etb-color-input{border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius);cursor:pointer;background:0 0;width:2rem;height:2rem;padding:0}._etb-color-input::-webkit-color-swatch-wrapper{padding:2px}._etb-color-input::-webkit-color-swatch{border-width:0;border-radius:3px}._etb-block-settings ._etb-settings-form{gap:.5rem}._etb-block-actions{border-top-style:solid;border-top-width:1px;border-top-color:var(--etb-border);gap:.375rem;margin-top:.375rem;padding-top:.5rem;display:flex}._etb-block-action-btn{background:var(--etb-bg-hover);border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius);color:var(--etb-text-muted);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.375rem;font-size:.6875rem;display:flex}._etb-block-action-btn:hover{background:var(--etb-bg-active);color:var(--etb-primary)}._etb-block-action-btn--danger:hover{background:var(--etb-danger-bg);color:var(--etb-danger);border-color:var(--etb-danger-border)}._etb-block-action-btn svg{width:12px;height:12px}._etb-align-group{gap:.25rem;display:flex}._etb-align-btn{background:var(--etb-bg-hover);border-style:solid;border-width:1px;border-color:var(--etb-border);border-radius:var(--etb-radius);width:2rem;height:2rem;color:var(--etb-text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:.75rem;display:flex}._etb-align-btn:hover{background:var(--etb-bg-active)}._etb-align-btn--active{background:var(--etb-bg-active);color:var(--etb-primary);border-color:var(--etb-primary)}@media (max-width:860px){._etb-sidebar{border-radius:0}._etb-block-palette{grid-template-columns:repeat(4,1fr)}}._etb-canvas-area{flex-direction:column;min-height:500px;display:flex}._etb-canvas-wrapper{background:var(--etb-canvas-bg);border-right-style:solid;border-right-width:1px;border-right-color:var(--etb-border);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--etb-border);border-radius:0 0 var(--etb-radius-lg) 0;flex:1;justify-content:center;align-items:flex-start;padding:1.5rem;display:flex;overflow-y:auto}._etb-canvas{background:var(--etb-canvas-email-bg);width:100%;max-width:600px;box-shadow:var(--etb-shadow-lg);border-radius:4px;transition:max-width .3s;overflow:hidden}._etb-canvas--mobile{max-width:375px}._etb-block{cursor:pointer;border:2px solid #0000;transition:border-color .15s;position:relative}._etb-block:hover{border-color:var(--etb-block-hover)}._etb-block--selected{border-color:var(--etb-block-selected)}._etb-block:hover ._etb-block-toolbar,._etb-block--selected ._etb-block-toolbar{opacity:1;pointer-events:auto}._etb-block-toolbar{opacity:0;pointer-events:none;z-index:10;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}._etb-block-tool-btn{background:var(--etb-bg);border-style:solid;border-width:1px;border-color:var(--etb-border);width:1.5rem;height:1.5rem;color:var(--etb-text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 1px 4px #00000026}._etb-block-tool-btn:hover{color:var(--etb-primary);border-color:var(--etb-primary)}._etb-block-tool-btn--danger:hover{color:var(--etb-danger);border-color:var(--etb-danger)}._etb-block-tool-btn svg{width:10px;height:10px}._etb-block-label{color:var(--etb-primary);background:var(--etb-bg);text-transform:uppercase;letter-spacing:.05em;opacity:0;pointer-events:none;z-index:10;border-radius:3px;padding:1px 6px;font-size:.625rem;font-weight:600;transition:opacity .15s;position:absolute;top:4px;left:4px;box-shadow:0 1px 4px #00000026}._etb-block:hover ._etb-block-label,._etb-block--selected ._etb-block-label{opacity:1}._etb-block-content{pointer-events:none}._etb-block-content img{max-width:100%;height:auto;display:block}._etb-canvas-empty{color:var(--etb-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:3rem;display:flex}._etb-canvas-empty svg{opacity:.3;width:48px;height:48px;margin-bottom:1rem}._etb-canvas-empty-text{font-size:.875rem}@media (max-width:860px){._etb-canvas-wrapper{border-radius:0 0 var(--etb-radius-lg) var(--etb-radius-lg);padding:1rem}}@media (max-width:768px){._etb-canvas-wrapper{padding:.75rem}}._etb-code-wrapper{border-right-style:solid;border-right-width:1px;border-right-color:var(--etb-border);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--etb-border);border-radius:0 0 var(--etb-radius-lg) 0;flex-direction:column;flex:1;display:flex;overflow:hidden}._etb-code-header{background:var(--etb-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--etb-border);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}._etb-code-label{color:var(--etb-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}._etb-copy-btn{background:var(--etb-bg-active);border-style:solid;border-width:1px;border-color:var(--etb-primary);border-radius:var(--etb-radius);color:var(--etb-primary);cursor:pointer;align-items:center;gap:.375rem;padding:.3125rem .625rem;font-size:.75rem;font-weight:500;display:flex}._etb-copy-btn:hover{opacity:.85}._etb-copy-btn svg{width:14px;height:14px}._etb-code{background:var(--etb-code-bg);color:var(--etb-code-text);white-space:pre-wrap;word-break:break-all;font-size:.75rem;line-height:1.6;font-family:var(--main-font-mono);flex:1;min-height:300px;max-height:600px;margin:0;padding:1rem;overflow:auto}@media (max-width:860px){._etb-code-wrapper{border-radius:0 0 var(--etb-radius-lg) var(--etb-radius-lg)}}