.email-flow-intro{display:flex;align-items:center;gap:16px;padding:22px 24px;border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-bottom:24px}.email-flow-intro p{color:var(--muted);font-size:12px;max-width:760px;line-height:1.7;margin-top:5px}.email-rule-scope{display:flex;align-items:center;gap:10px;color:var(--accent);background:var(--tint);border-radius:8px;padding:12px 14px;margin-top:20px;font-size:12px}.email-rule-scope svg{width:17px;flex-shrink:0}.email-rule-steps{display:flex;gap:24px;color:var(--accent);font-size:11px;font-weight:650;letter-spacing:.05em;margin-bottom:24px}.email-rule-section{padding:22px 0;border-top:1px solid var(--line)}.email-rule-section h3{margin-bottom:14px}.email-platform-pills,.email-scope-options{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.email-platform-pills label{display:flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--line);border-radius:9px;font-weight:600}.email-platform-pills label.selected{color:var(--accent);background:var(--tint);border-color:var(--accent)}.email-scope-options label{display:flex;gap:8px;align-items:center;font-size:13px;margin-right:14px}.email-check-list{border:1px solid var(--line);border-radius:10px;padding:5px 14px;margin-top:15px;max-height:260px;overflow:auto}.email-check-list label{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.email-check-list label:last-child{border:0}.email-check-list input{flex-shrink:0}.email-check-list strong{font-size:12px;font-weight:600;display:block;line-height:1.5}.email-check-list small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.email-check-list p{padding:14px 0;font-size:12px}.email-product-picker{margin-top:18px}.email-rule-review{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:18px}.email-rule-review>p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px}.email-rule-review [role=status]:not(:empty){border-top:1px solid var(--line);padding-top:14px;margin-top:12px;font-size:12px;line-height:1.7}.email-rule-review [role=status] strong{font-size:16px}.email-rule-review small{color:var(--muted)}.email-rule-policy{font-size:12px;line-height:1.8;margin:16px 0;color:var(--muted)}.email-rule-error{color:var(--red);font-size:12px;margin-top:12px}.email-selected-products{display:flex;flex-wrap:wrap;gap:6px;max-height:130px;overflow:auto;margin-bottom:12px}.email-selected-products button{display:flex;align-items:center;gap:5px;max-width:270px;background:var(--tint);color:var(--accent);padding:6px 9px;border-radius:6px;font-size:11px;text-align:left}.email-selected-products svg{width:13px;flex-shrink:0}.native-section-list{padding:0 10px}.native-section-group{margin-bottom:16px}.native-section-group>small{display:block;color:var(--muted);text-transform:uppercase;font-size:9px;letter-spacing:1px;margin:10px 8px}.native-section-row{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:8px;padding:7px 3px;margin-bottom:6px;background:var(--surface);cursor:grab}.native-section-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;color:var(--ink);font-size:11px;text-align:left;padding:4px}.native-section-row .icon-button{width:24px;height:27px;flex-shrink:0}.native-section-row .icon-button svg{width:13px;height:13px}.native-drag-handle{color:var(--muted);font-size:18px;padding:0 3px}.native-section-row.is-hidden{opacity:.5}.native-section-row.email-drop-target{border-color:var(--accent);background:var(--tint);box-shadow:0 -3px var(--accent)}.native-all-elements>summary{padding:12px 20px;cursor:pointer;font-size:12px;color:var(--muted)}.native-editor .editor-left{width:auto}.native-editor .editor-help{line-height:1.7}.email-rule-builder input[type=radio]{accent-color:var(--accent)}
@media(max-width:650px){.email-rule-review .between{align-items:flex-start;gap:12px;flex-direction:column}.email-rule-steps{gap:10px;font-size:10px}.email-platform-pills label{padding:9px 12px}.email-scope-options{flex-direction:column}.email-flow-intro{align-items:flex-start}.email-rule-builder .form-grid{grid-template-columns:1fr}.email-rule-review .btn{white-space:normal}}
.dialog:has(.email-rule-builder){display:flex;flex-direction:column;overflow:hidden}.dialog:has(.email-rule-builder) .dialog-head,.dialog:has(.email-rule-builder) .dialog-actions{flex-shrink:0}.dialog:has(.email-rule-builder) .dialog-body{overflow:auto;min-height:0}.native-section-name:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.native-section-row .icon-button:disabled{opacity:.35;cursor:default}
/* Independent element canvas */
.ec-studio .editor-main{grid-template-columns:205px minmax(0,1fr) 270px}.ec-studio .editor-top{height:72px;min-height:72px}.ec-studio .editor-panel-section{padding:20px 16px}.ec-studio .editor-top small{font-size:11px}.ec-studio .editor-title .pill{font-size:10px;background:var(--tint);color:var(--accent)}.ec-studio .section-kicker{display:block;font-size:9px;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase;margin-bottom:9px}.ec-studio .editor-help{font-size:11px;line-height:1.7;color:var(--muted)}.ec-tool-hint{margin:14px 0}.ec-studio .text-btn{font-size:11px;gap:6px}.ec-studio .text-btn svg{width:14px}.ec-studio .tool-tile{cursor:grab}.ec-layer-heading{display:flex;justify-content:space-between;padding:18px 17px 8px;align-items:center}.ec-layer-heading h3{font-size:12px}.ec-layer-heading span{font-size:10px;color:var(--muted)}#ec-layers{padding:0 8px 20px}.ec-studio .layer-button{font-size:11px}.ec-studio .layer-button .icon:last-child:not(:first-child){width:12px;flex-shrink:0}.ec-hidden-layer{opacity:.45}.ec-workspace{display:flex;flex-direction:column;min-width:0;min-height:0}.ec-toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-bottom:1px solid var(--line);min-height:52px;padding:10px 20px;font-size:11px;color:var(--muted);gap:10px}.ec-toolbar>div:first-child{display:flex;align-items:center;gap:8px}.ec-toolbar-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.ec-zoom{display:flex;align-items:center;gap:1px;flex-shrink:0}.ec-zoom button{background:var(--surface2);border:1px solid var(--line);color:var(--ink);padding:4px 9px;font-size:12px;height:29px}.ec-zoom button:first-child{border-radius:6px 0 0 6px}.ec-zoom button:last-child{border-radius:0 6px 6px 0}#ec-zoom-label{min-width:53px}.ec-stage{flex:1;overflow:auto;position:relative;padding:38px 36px 80px;overscroll-behavior:contain;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:16px 16px;touch-action:none}.ec-stage:focus{outline:none}#ec-canvas-wrap{position:relative;margin:0 auto;flex:none;box-shadow:0 7px 32px #00000014}#ec-canvas-content{position:absolute;left:0;top:0;transform-origin:top left}#ec-selection{position:absolute;inset:0;pointer-events:none}#ec-canvas-content .ec-element{cursor:move;user-select:none}#ec-canvas-content .ec-element:hover{outline:1px solid #8c74ee}#ec-canvas-content .ec-locked{cursor:default}#ec-canvas-content .ec-locked:hover{outline:1px dashed #b0a5cf}.ec-element>svg{width:100%;height:100%;display:block;pointer-events:none}.ec-element[contenteditable=true]{user-select:text!important;outline:2px solid #7955e7!important}.ec-outline{position:absolute;border:1.5px solid #7955e7;box-sizing:border-box;pointer-events:none}.ec-outline-locked{border-style:dashed}.ec-handle{position:absolute;width:9px;height:9px;padding:0;background:#fff;border:1.5px solid #7955e7;border-radius:2px;pointer-events:auto;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0002;touch-action:none}.ec-handle-nw{left:0;top:0;cursor:nwse-resize}.ec-handle-n{left:50%;top:0;cursor:ns-resize}.ec-handle-ne{left:100%;top:0;cursor:nesw-resize}.ec-handle-e{left:100%;top:50%;cursor:ew-resize}.ec-handle-se{left:100%;top:100%;cursor:nwse-resize}.ec-handle-s{left:50%;top:100%;cursor:ns-resize}.ec-handle-sw{left:0;top:100%;cursor:nesw-resize}.ec-handle-w{left:0;top:50%;cursor:ew-resize}.ec-handle-rotate{left:50%;top:-23px;width:22px;height:22px;border-radius:50%;cursor:grab;display:grid;place-items:center;color:#7955e7}.ec-handle-rotate:before{content:'';position:absolute;height:13px;width:1px;background:#7955e7;top:21px;left:9px}.ec-handle-rotate svg{width:13px;height:13px}.ec-size-tag{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;font:10px/1.5 Arial,sans-serif;padding:1px 6px;border-radius:4px;background:#7955e7;color:#fff;pointer-events:none}.ec-status{min-height:31px;padding:8px 16px;text-align:center;font-size:10px;color:var(--muted);background:var(--surface);border-top:1px solid var(--line)}.ec-property{display:flex;flex-direction:column;gap:6px;margin:13px 0;font-size:11px;color:var(--muted);min-width:0}.ec-property input,.ec-property textarea,.ec-property select{width:100%;min-width:0;padding:8px 10px;font-size:12px;background:var(--surface2);color:var(--ink);border:1px solid var(--line);border-radius:6px}.ec-property textarea{resize:vertical;line-height:1.6}.ec-property input[type=color]{height:34px;padding:4px;cursor:pointer}.ec-properties-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.ec-inspector-actions{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.ec-inspector-actions .btn{font-size:11px;padding:7px 9px;gap:5px}.ec-inspector-actions .btn svg{width:13px}.ec-align-tools,.ec-type-tools{display:flex;gap:5px;margin:12px 0}.ec-align-tools{padding:9px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ec-align-tools .icon-button{height:29px;width:32px}.ec-type-tools button,.ec-icon-picker button{height:30px;width:34px;border-radius:5px;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center}.ec-type-tools button[aria-pressed=true]{background:var(--tint);color:var(--accent);border-color:var(--accent)}.ec-type-tools svg,.ec-icon-picker svg{width:16px;height:16px}.ec-icon-picker{display:flex;flex-wrap:wrap;gap:7px}.ec-variables{display:flex;flex-wrap:wrap;gap:5px}.ec-variables button{background:var(--tint);color:var(--accent);border-radius:4px;padding:5px;font-size:9px}.ec-loading{padding:70px 15px;text-align:center;color:var(--muted);font-size:13px}.ec-preview-toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.ec-preview-toolbar .segmented{display:flex}.ec-preview-toolbar button{display:flex;align-items:center;gap:7px}.ec-preview-toolbar button svg{width:15px}#ec-preview{display:block;width:600px;max-width:100%;height:60vh;border:1px solid var(--line);margin:auto;background:#f2f2f2}.ec-studio button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:1100px){.ec-studio .editor-main{grid-template-columns:160px minmax(0,1fr) 235px}.ec-toolbar>div:first-child{font-size:10px}.ec-studio .editor-panel-section{padding:17px 12px}}@media(max-width:800px){.ec-studio .editor-main{grid-template-columns:135px minmax(0,1fr)}.ec-toolbar>div:first-child{display:none}.ec-toolbar{justify-content:flex-end}.ec-studio .editor-right{top:72px;z-index:10}.ec-stage{padding:35px 24px 70px}.ec-studio .editor-top{padding:0 12px}.ec-studio .editor-title .pill{display:none}.ec-status{font-size:9px}}@media(prefers-reduced-motion:reduce){.ec-studio *{scroll-behavior:auto}}