@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.tooltip-trigger{display:inline-flex;width:fit-content;max-width:100%}.tooltip{--tooltip-bg: rgba(20, 24, 38, .96);--tooltip-color: #ffffff;--tooltip-radius: 10px;--tooltip-shadow: 0 14px 34px rgba(0, 0, 0, .18);--tooltip-border: rgba(255, 255, 255, .08);position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:translateZ(0) scale(.96);transition:opacity .2s ease,transform .2s ease;will-change:transform,opacity}.tooltip.is-open{opacity:1}.tooltip--top{transform:translate3d(0,6px,0) scale(.96)}.tooltip--top.is-open{transform:translateZ(0) scale(1)}.tooltip--bottom{transform:translate3d(0,-6px,0) scale(.96)}.tooltip--bottom.is-open{transform:translateZ(0) scale(1)}.tooltip--left{transform:translate3d(6px,0,0) scale(.96)}.tooltip--left.is-open{transform:translateZ(0) scale(1)}.tooltip--right{transform:translate3d(-6px,0,0) scale(.96)}.tooltip--right.is-open{transform:translateZ(0) scale(1)}.tooltip__content{position:relative;padding:10px 12px;border-radius:var(--tooltip-radius);background:var(--tooltip-bg);color:var(--tooltip-color);border:1px solid var(--tooltip-border);box-shadow:var(--tooltip-shadow);font-size:13px;line-height:1.45;font-weight:500;white-space:normal;overflow-wrap:break-word;backdrop-filter:blur(12px)}.tooltip__arrow{position:absolute;width:10px;height:10px;background:var(--tooltip-bg);border-left:1px solid var(--tooltip-border);border-top:1px solid var(--tooltip-border);transform:rotate(45deg)}.tooltip--top .tooltip__arrow{bottom:-5px;transform:translate(-50%) rotate(225deg)}.tooltip--bottom .tooltip__arrow{top:-5px;transform:translate(-50%) rotate(45deg)}.tooltip--left .tooltip__arrow{right:-5px;transform:translateY(-50%) rotate(135deg)}.tooltip--right .tooltip__arrow{left:-5px;transform:translateY(-50%) rotate(-45deg)}@media(prefers-reduced-motion:reduce){.tooltip{transition:opacity .15s ease;transform:none}.tooltip.is-open,.tooltip--top,.tooltip--bottom,.tooltip--left,.tooltip--right{transform:none}}body.modal-open{overflow:hidden}.modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0c127a;backdrop-filter:blur(6px);opacity:0;transition:opacity .22s ease}.modal-overlay.is-visible{opacity:1}.modal{width:100%;max-height:min(90vh,920px);background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:18px;box-shadow:0 22px 60px #0003;overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:translateY(100px) scale(.2);transition:opacity .22s ease,transform .22s ease}.modal.is-visible{opacity:1;transform:translateY(0) scale(1)}.modal--small{max-width:420px}.modal--medium{max-width:640px}.modal--large{max-width:920px}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(17,24,39,.08)}.modal__title{margin:0;font-size:20px;line-height:1.3;font-weight:700;color:#101828}.modal__title-spacer{width:1px;height:1px}.modal__close{width:38px;min-width:38px;height:38px;min-height:38px;border:1px solid rgba(17,24,39,.1);border-radius:999px;background:#fff;color:#344054;font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.modal__close:hover{background:#f8fafc;border-color:#11182729;box-shadow:0 8px 20px #00000014;transform:scale(1.03)}.modal__body{padding:20px;overflow-y:auto}@media(max-width:640px){.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:88vh;border-radius:18px 18px 0 0}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal,.modal__close{transition:none}.modal{transform:none}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--white)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.editor-app{--input-height: 30px;--input-border-radius: 6px;--border-radius-circle: 50%;--border-radius-round: 25px;--black: #222222;--white: #ffffff;--primary: #007bff;--primary-light: #d9eeff;--secondary: #afafaf;--grey: #dddddd;--background-color: #f6f6f6;--primary-50: #eef8ff;--primary-100: #d9eeff;--primary-200: #bce3ff;--primary-300: #8ed3ff;--primary-400: #59baff;--primary-500: #2495ff;--primary-600: #1b7df5;--primary-700: #1466e1;--primary-800: #1752b6;--primary-900: #19488f;--primary-950: #142d57;--primary-filter: brightness(0) saturate(100%) invert(42%) sepia(61%) saturate(5354%) hue-rotate(202deg) brightness(102%) contrast(92%);--success-100: #eafbf1;--success-200: #c9f1d8;--success-300: #9fe4b9;--success-400: #6fd195;--success-500: #42b86f;--success-600: #2e9b5b;--success-700: #247b48;--success-800: #1c5d37;--success-900: #113822;--success-filter: brightness(0) saturate(100%) invert(52%) sepia(22%) saturate(1169%) hue-rotate(92deg) brightness(91%) contrast(91%);--warning-100: #fff6e7;--warning-200: #ffe8ba;--warning-300: #ffd687;--warning-400: #ffc04d;--warning-500: #f5a623;--warning-600: #d48812;--warning-700: #a86810;--warning-800: #7c4c0d;--warning-900: #452805;--warning-filter: brightness(0) saturate(100%) invert(69%) sepia(76%) saturate(1471%) hue-rotate(344deg) brightness(103%) contrast(92%);--error-100: #fff0ef;--error-200: #ffd9d6;--error-300: #ffb7af;--error-400: #ff8c7d;--error-500: #f25f4c;--error-600: #d94838;--error-700: #b2372b;--error-800: #84271e;--error-900: #4d140f;--error-filter: brightness(0) saturate(100%) invert(32%) sepia(53%) saturate(1649%) hue-rotate(334deg) brightness(100%) contrast(92%);--neutral-50: #ffffff;--neutral-100: #f1f1f1;--neutral-200: #e1e1e1;--neutral-300: #d0d0d0;--neutral-400: #bdbdbd;--neutral-500: #a7a7a7;--neutral-600: #8a8a8a;--neutral-700: #6b6b6b;--neutral-800: #4b4b4b;--neutral-900: #2a2a2a;--neutral-950: #010101;--border-color: var(--neutral-200);--border-color-hover: var(--primary-200);--border-color-error: var(--error-600);display:flex;height:100vh;flex-direction:column}.editor-app h1,.editor-app h2,.editor-app h3,.editor-app h4,.editor-app h5,.editor-app h6,.editor-app p{margin:0}.editor-app :focus-visible{outline:var(--primary-400) auto 1px}.editor-app input,.editor-app select,.editor-app textarea{min-height:var(--input-height);border:1px solid var(--border-color);border-radius:var(--input-border-radius);padding:6px 8px}.editor-app input:hover,.editor-app select:hover,.editor-app textarea:hover{border-color:var(--border-color-hover)}.editor-app input:focus,.editor-app input:focus-visible,.editor-app select:focus,.editor-app select:focus-visible,.editor-app textarea:focus,.editor-app textarea:focus-visible{border-color:var(--primary-300)}.editor-app textarea{width:100%;resize:vertical;font:inherit}.editor-app input[type=checkbox]{min-height:unset;cursor:pointer;width:16px;height:16px}.editor-app input[type=checkbox],.editor-app input[type=range]{accent-color:var(--primary-500)}.editor-app button,.editor-app .button{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;border:none;padding:4px 8px;min-height:var(--input-height);min-width:var(--input-height);border-radius:var(--input-border-radius);background-color:var(--primary-100);border:1px solid var(--primary-200);font-size:16px;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px;transition:.3s all}.editor-app button img,.editor-app .button img{width:20px;height:20px}.editor-app button:hover,.editor-app .button:hover{box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;transition:.3s all}.editor-app button.active,.editor-app .button.active{background-color:var(--primary-500);color:var(--neutral-50);border-color:var(--primary-500)}.editor-app button.active img,.editor-app .button.active img{filter:invert(1)}.editor-app button.primary,.editor-app .button.primary{background-color:var(--primary-500);border:1px solid var(--primary-500);color:var(--neutral-50)}.editor-app button.primary img,.editor-app .button.primary img{filter:invert(1)}.editor-app button.secondary,.editor-app .button.secondary{background-color:var(--primary-100);border:1px solid var(--primary-200)}.editor-app button.tertiary,.editor-app .button.tertiary{background-color:var(--primary-50);border:1px solid var(--primary-100)}.editor-app .editor-home-link{display:flex;min-width:60px;max-width:60px}.editor-app .editor-home-link .editor-home-logo{width:100%}.editor-app .pointer{cursor:pointer}.editor-app .editor-layout{display:flex;flex:1;height:calc(100vh - 55px)}.editor-app .button-toggle{background-color:var(--primary-100);border:1px solid var(--primary-200);border-radius:var(--input-border-radius);display:flex;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px;transition:.3s all}.editor-app .button-toggle:hover{box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;transition:.3s all}.editor-app .button-toggle button{flex:1;background-color:transparent;border-radius:var(--input-border-radius);box-shadow:none;border:none;transition:all .3s ease}.editor-app .button-toggle button.active{background-color:var(--primary-500);color:var(--neutral-50);box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.editor-app .button-toggle button.active img{filter:invert(1)}.editor-app .sidebar{width:250px;padding:10px;background:var(--background-color);border-right:1px solid var(--border-color);overflow-y:auto;gap:8px;display:flex;flex-direction:column}.editor-app .sidebar h3{margin:5px 0}.editor-app .sidebar-item{cursor:move;border-radius:var(--input-border-radius);border:2px solid transparent;padding:6px;font-size:16px}.editor-app .sidebar-item:hover{background-color:var(--primary-50);border:2px dashed var(--border-color-hover)}.editor-app .sidebar-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.editor-app .sidebar-tabs button{background:var(--white);border:1px solid var(--grey);color:var(--black);font-weight:600}.editor-app .sidebar-tabs button.active{border-color:var(--primary-500);color:var(--primary-500);box-shadow:inset 0 0 0 1px var(--primary-500)}.editor-app .row-presets-list{display:flex;flex-direction:column;gap:10px}.editor-app .row-preset-card{min-height:unset;width:100%;padding:10px;border:2px solid var(--border-color);border-radius:8px;background:var(--white);display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:left;cursor:grab}.editor-app .row-preset-card:hover{border:2px dashed var(--border-color-hover)}.editor-app .row-preset-card:active{cursor:grabbing}.editor-app .row-preset-visual{width:100%;display:flex;gap:6px}.editor-app .row-preset-visual-col{display:block;min-height:34px;border-radius:6px;background:var(--primary-100);border:1px solid var(--primary-300)}.editor-app .row-preset-label{font-size:14px;font-weight:600;color:var(--black)}.editor-app .mailer-name{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:280px}.editor-app .mailer-name label{font-size:14px}.editor-app .mailer-name input{flex:1;width:100%}.editor-app .canvas{flex:1;padding:10px;overflow-y:auto;background:var(--white)}.editor-app .canvas h3{margin-bottom:10px}.editor-app .style-panel{width:350px;padding:10px;background:var(--background-color);border-left:1px solid var(--border-color);overflow-y:auto;display:flex;flex-direction:column;gap:6px;font-size:14px}.editor-app .select-style{font-size:18px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.editor-app .block.selected{outline:2px solid var(--primary-500)}.editor-app .block-delete{position:absolute;top:0;right:0;font-size:12px;background:var(--neutral-50);border:2px solid var(--border-color-error);border-radius:4px;cursor:pointer;z-index:20;width:30px;height:30px}.editor-app .block-delete img{width:20px;height:20px;filter:var(--error-filter)}.editor-app .block-actions{position:absolute;top:0;right:0;z-index:20;display:flex;gap:6px}.editor-app .block-action-button{font-size:12px;background:var(--neutral-50);border:2px solid var(--neutral-950);border-radius:4px;cursor:pointer;width:30px;height:30px}.editor-app .block-action-button img{width:20px;height:20px}.editor-app .block-action-button--delete{border-color:var(--border-color-error)}.editor-app .block-action-button--delete img{filter:var(--error-filter)}.editor-app .column-delete{font-size:12px;background:var(--neutral-50);border:2px solid var(--border-color-error);border-radius:4px;cursor:pointer;z-index:20;width:30px;height:30px}.editor-app .column-delete img{width:20px;height:20px;filter:var(--error-filter)}.editor-app .action-bar{display:flex;justify-content:space-between;padding:8px 14px;background:var(--background-color);border-bottom:1px solid var(--border-color);align-items:center}.editor-app .action-bar__mobile-row,.editor-app .preview-mode-toolbar__mobile-actions,.editor-app .responsive-drawer-overlay,.editor-app .responsive-drawer{display:none}.editor-app .responsive-editor-notice{text-align:center;font-size:15px;font-weight:600;color:#222}.editor-app .builder-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.editor-app .flex-1{flex:1 1}.editor-app .flex-2{flex:2 1}.editor-app .overflow-y-auto{overflow-y:auto}.editor-app .flex{display:flex}.editor-app .row{flex-direction:row}.editor-app .column{flex-direction:column}.editor-app .align-items-start{align-items:flex-start}.editor-app .align-items-center{align-items:center}.editor-app .align-items-end{align-items:flex-end}.editor-app .align-items-stretch{align-items:stretch}.editor-app .align-items-baseline{align-items:baseline}.editor-app .align-content-start{align-content:flex-start}.editor-app .align-content-center{align-content:center}.editor-app .align-content-end{align-content:flex-end}.editor-app .align-content-between{align-content:space-between}.editor-app .align-content-around{align-content:space-around}.editor-app .align-content-stretch{align-content:stretch}.editor-app .align-self-start{align-self:flex-start}.editor-app .align-self-center{align-self:center}.editor-app .align-self-end{align-self:flex-end}.editor-app .align-self-stretch{align-self:stretch}.editor-app .align-self-baseline{align-self:baseline}.editor-app .justify-start{justify-content:flex-start}.editor-app .justify-center{justify-content:center}.editor-app .justify-end{justify-content:flex-end}.editor-app .justify-between{justify-content:space-between}.editor-app .justify-around{justify-content:space-around}.editor-app .justify-evenly{justify-content:space-evenly}.editor-app .row-gap-0{row-gap:0}.editor-app .row-gap-2{row-gap:2px}.editor-app .row-gap-4{row-gap:4px}.editor-app .row-gap-6{row-gap:6px}.editor-app .row-gap-8{row-gap:8px}.editor-app .row-gap-10{row-gap:10px}.editor-app .row-gap-12{row-gap:12px}.editor-app .row-gap-14{row-gap:14px}.editor-app .row-gap-16{row-gap:16px}.editor-app .col-gap-0{column-gap:0}.editor-app .col-gap-2{column-gap:2px}.editor-app .col-gap-4{column-gap:4px}.editor-app .col-gap-6{column-gap:6px}.editor-app .col-gap-8{column-gap:8px}.editor-app .col-gap-10{column-gap:10px}.editor-app .col-gap-12{column-gap:12px}.editor-app .col-gap-14{column-gap:14px}.editor-app .col-gap-16{column-gap:16px}.editor-app .gap-0{row-gap:0;column-gap:0}.editor-app .gap-2{row-gap:2px;column-gap:2px}.editor-app .gap-4{row-gap:4px;column-gap:4px}.editor-app .gap-6{row-gap:6px;column-gap:6px}.editor-app .gap-8{row-gap:8px;column-gap:8px}.editor-app .gap-10{row-gap:10px;column-gap:10px}.editor-app .gap-12{row-gap:12px;column-gap:12px}.editor-app .gap-14{row-gap:14px;column-gap:14px}.editor-app .gap-16{row-gap:16px;column-gap:16px}.editor-app .wrap{flex-wrap:wrap}.editor-app .nowrap{flex-wrap:nowrap}.editor-app .wrap-reverse{flex-wrap:wrap-reverse}.editor-app .w-100{width:100%}.editor-app .m-0{margin:0}.editor-app .badge{background-color:var(--neutral-300);padding:4px 8px;border-radius:var(--border-radius-round)}.editor-app .style-panel h3{margin-bottom:10px}.editor-app .style-group{border:1px solid var(--border-color);border-radius:var(--input-border-radius);padding:10px;background-color:var(--neutral-100)}.editor-app .style-control{display:flex;flex-direction:column;gap:6px}.editor-app .style-item{display:flex;flex-direction:row;align-items:center;gap:4px}.editor-app .style-item--disabled{opacity:.6}.editor-app .style-item--responsive-breakpoint{align-items:center}.editor-app .responsive-breakpoint-input{width:76px;text-align:center}.editor-app .style-help-text{font-size:12px;line-height:1.4;color:#666}.editor-app .grouped-control{display:flex;flex-direction:row;align-items:center;gap:4px}.editor-app .grouped-control input{display:flex;flex:1;width:100%}.editor-app .separate-controls{display:grid;grid-template-columns:auto auto;row-gap:6px;column-gap:18px}.editor-app .separate-controls .separate-item{display:flex;flex-direction:row;gap:4px;align-items:center}.editor-app .separate-controls .separate-item label{display:flex;flex:1;text-transform:capitalize}.editor-app .separate-controls .separate-item input{display:flex;flex:1;width:100%}.editor-app .color-picker{min-height:var(--input-height);min-width:var(--input-height);max-width:calc(var(--input-height) * 2);border:1px solid var(--neutral-800);border-radius:var(--input-border-radius);padding:0;transition:.3s all}.editor-app .color-picker:hover{box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;transition:.3s all}.editor-app input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(var(--input-height) * 2);height:var(--input-height);background-color:transparent;border:none;cursor:pointer}.editor-app input[type=color]::-webkit-color-swatch{border-radius:var(--input-border-radius);border:2px solid var(--border-color)}.editor-app input[type=color]::-moz-color-swatch{border-radius:var(--input-border-radius);border:2px solid var(--border-color)}.editor-app input[type=color]::-webkit-color-swatch-wrapper{padding:0}.editor-app .tiptap-editor-shell .ProseMirror{box-sizing:border-box;width:100%}.editor-app .tiptap-editor-shell .ProseMirror>*{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;color:inherit;text-align:inherit}.editor-app .tiptap-editor-shell .ProseMirror p{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;color:inherit;text-align:inherit}.editor-app .tiptap-editor-shell .ProseMirror a{color:inherit}.editor-app .tiptap-editor-shell .ProseMirror ul,.editor-app .tiptap-editor-shell .ProseMirror ol,.editor-app .tiptap-editor-shell .ProseMirror li{font-size:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;color:inherit;text-align:inherit}.editor-app .tiptap-toolbar{display:flex;flex-direction:row;align-items:center;gap:6px;margin-bottom:8px;position:absolute;bottom:-55px;left:0;z-index:1;background-color:var(--white);border:1px solid var(--secondary);padding:6px;border-radius:var(--input-border-radius);box-shadow:0 2px 4px #0000001a}.editor-app .mailer-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 16px;background-color:var(--background-color);border-bottom:1px solid var(--grey)}.editor-app .view-mode-buttons{display:flex;gap:8px}.editor-app .view-mode-buttons button{font-size:16px;padding:8px 16px}.editor-app .view-mode-buttons button:disabled{color:var(--white);background-color:var(--primary)}.editor-app .preview-container{border:1px dashed #ddd;padding:16px;border-radius:8px;background:#fff;display:flex;justify-content:center;background-color:#f3f3f3;opacity:.8;background-image:linear-gradient(#ffffff 2px,transparent 2px),linear-gradient(90deg,#ffffff 2px,transparent 2px),linear-gradient(#ffffff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,#f3f3f3 1px);background-size:50px 50px,50px 50px,10px 10px,10px 10px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px}.editor-app .canvas-top-level-row{position:relative;overflow:visible}.editor-app .canvas-top-level-row__content{min-width:0}.editor-app .canvas-drop-indicator{position:relative;display:flex;align-items:center;width:100%;height:14px;min-height:14px;margin:2px 0;pointer-events:none;z-index:20}.editor-app .canvas-drop-indicator__line{display:block;width:100%;height:4px;border-radius:999px;background:var(--primary-500);box-shadow:0 0 0 2px #2495ff1f}.editor-app .canvas-drop-indicator__plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--primary-500);color:var(--white);border:2px solid var(--white);font-size:10px;font-weight:700;line-height:1;box-shadow:0 2px 8px #2495ff52}.editor-app .canvas-email-content--drag-over,.editor-app .nested-content-drop-zone--active{outline:1px dashed var(--primary-200);outline-offset:-1px}.editor-app .top-row-handle{cursor:grab;user-select:none;padding:4px 6px;line-height:1;border-radius:4px;border:1px solid var(--border-color);background:#f7f7f7;font-weight:600;width:30px;height:30px;display:flex;align-items:center;justify-content:center;text-align:center}.editor-app .top-row-handle--floating{position:absolute;top:0;left:-30px;z-index:12}.editor-app .canvas-top-level-row--compact .top-row-handle--floating{top:4px}.editor-app .top-row-handle--section-selected{width:30px;height:30px;border-radius:var(--input-border-radius);background:var(--primary-500);color:#fff;border-color:var(--primary-500);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #7747ff3d}.editor-app .section-row-shell{position:relative;border:1px solid transparent;padding:0;overflow:visible}.editor-app .section-row-shell.selected{border-color:var(--primary-500)}.editor-app .section-row-actions{position:absolute;bottom:-32px;right:5px;z-index:5;display:flex;gap:6px}.editor-app .section-row-actions button{border:2px solid var(--neutral-950);background:var(--neutral-50);color:#fff;width:30px;height:30px;border-radius:4px;cursor:pointer}.editor-app .section-row-actions button img{width:20px;height:20px}.editor-app .section-row-actions button.delete{border-color:var(--border-color-error)}.editor-app .section-row-actions button.delete img{filter:var(--error-filter)}.editor-app .section-columns-surface{width:100%;overflow:visible}.editor-app .column-drop-zone{position:relative;min-height:48px;min-width:0;padding:0;border:1px solid transparent}.editor-app .column-selection-chip-wrap{position:absolute;top:-20px;right:10px;z-index:9;display:flex;align-items:flex-start;pointer-events:none;max-width:calc(100% - 20px)}.editor-app .column-selection-chip{pointer-events:auto;padding:4px 6px;min-height:unset;min-width:unset;max-width:100%;border-radius:8px 8px 0 0;border-top:2px solid var(--neutral-700);border-right:2px solid var(--neutral-700);border-left:2px solid var(--neutral-700);border-bottom:none;background:var(--white);color:var(--neutral-700);font-size:10px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-app .column-selection-chip--active{background:var(--white)}.editor-app .column-drop-zone--active{border-color:#7747ff2e}.editor-app .column-content{min-height:24px;width:100%}.editor-app .column-empty{min-height:40px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#8c8c8c;border:1px dashed #ddd;margin:4px}.editor-app .column-structure-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.editor-app .column-structure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editor-app .column-structure-chip{min-height:56px;border:1px solid var(--border-color);background:#fff;border-radius:8px;cursor:pointer;font-size:18px;color:#666}.editor-app .column-structure-chip.active{background-color:var(--primary-100);border-color:var(--primary-500);color:var(--primary-500);box-shadow:inset 0 0 0 1px var(--primary-500)}.editor-app .preview-mode-layout{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:#ececec;position:relative}.editor-app .preview-mode-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 14px;background:var(--background-color);border-bottom:1px solid var(--border-color)}.editor-app .preview-mode-toolbar__left{font-size:18px;font-weight:600;flex:1}.editor-app .preview-mode-toolbar__controls{display:flex;align-items:center;gap:12px;flex:1;justify-content:end}.editor-app .preview-device-toggle button{min-width:64px}.editor-app .preview-device-toggle button img{width:20px;height:20px}.editor-app .preview-device-toggle button:last-child{border-right:0}.editor-app .preview-device-toggle button.active{background:var(--primary-500);color:#fff}.editor-app .preview-font-toggle button{min-width:82px}.editor-app .preview-theme-toggle button{min-width:64px}.editor-app .preview-theme-toggle button:disabled{opacity:.55;cursor:not-allowed}.editor-app .preview-mode-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:12px;gap:12px;overflow:auto;background-image:linear-gradient(#ffffff 2px,transparent 2px),linear-gradient(90deg,#ffffff 2px,transparent 2px),linear-gradient(#ffffff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,#f3f3f3 1px);background-size:50px 50px,50px 50px,10px 10px,10px 10px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px}.editor-app .preview-mode-frame-toolbar{display:flex;justify-content:center;gap:8px}.editor-app .preview-mode-frame-toolbar__field{display:inline-flex;align-items:center;gap:8px;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--input-border-radius);padding:4px 6px}.editor-app .preview-mode-frame-toolbar__field label{font-size:13px;color:var(--neutral-700)}.editor-app .preview-mode-frame-toolbar__field input{width:70px;text-align:center}.editor-app .preview-mode-frame-toolbar__value{min-width:72px;text-align:center;font-size:13px;font-weight:600;color:#333}.editor-app .preview-mode-frame{position:relative;max-width:100%;min-width:240px;height:calc(100vh - 190px);min-height:520px;background:#fff;border:1px solid #d4d4d4;border-radius:12px;box-shadow:0 4px 16px #00000014;overflow:hidden;transition:width .12s ease}.editor-app .preview-mode-frame--desktop{max-width:min(100%,1200px)}.editor-app .preview-mode-frame--resizing{transition:none}.editor-app .preview-mode-iframe{width:100%;height:100%;border:0;background:transparent}.editor-app .preview-mode-iframe--resizing{pointer-events:none}.editor-app .preview-mode-drag-overlay{position:absolute;inset:0;z-index:3;cursor:ew-resize;touch-action:none}.editor-app .preview-mode-resize-handle{position:absolute;top:50%;right:-13px;transform:translateY(-50%);width:24px;min-width:24px;height:120px;min-height:120px;border:1px solid #cfcfcf;border-radius:999px;background:#f8f8f8;color:#777;cursor:ew-resize;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;z-index:4}.editor-app .preview-dark-mode-notice{position:absolute;right:18px;bottom:18px;z-index:8;max-width:250px;padding:10px 12px;border-radius:10px;background:#111827f5;color:#f8fafc;font-size:13px;line-height:1.45;box-shadow:#26394d 0 20px 30px -10px;pointer-events:none}.editor-app .html-output-shell{display:flex;flex-direction:column;align-items:center;flex:1;padding:12px;gap:12px;overflow:auto;background:#fafafa}.editor-app .html-output-wrap{position:relative;height:100%;width:100%;min-height:70vh}.editor-app .html-output-copy-btn{position:absolute;top:12px;right:30px;z-index:2;width:36px;min-width:36px;height:36px;min-height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #d9d9d9;border-radius:8px;background:#fffffff5;color:#555;box-shadow:0 2px 8px #00000014;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.editor-app .html-output-copy-btn:hover{background:#fff;border-color:#bcbcbc}.editor-app .html-output-copy-btn.is-copied{background:#f3fff7;border-color:#b9dfc4;color:#1f8f4e}.editor-app .html-output-copy-btn__icon{width:18px;height:18px;display:block}.editor-app .html-output-textarea{width:100%;height:100%;min-height:70vh;resize:none;font-family:monospace;font-size:13px;white-space:pre;border:1px solid #dddddd;border-radius:8px;padding:16px;background:#fff;color:#222}.editor-app .button-row-canvas{min-height:40px}.editor-app .button-row-canvas__item--selected{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:8px}.editor-app .style-item--stacked{flex-direction:column;align-items:stretch;gap:6px}.editor-app .style-help-text--error{color:#c62828}.editor-app .image-source-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.editor-app .image-source-tabs__tab{width:100%}.editor-app .image-source-tabs__tab.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.editor-app .image-drop-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:20px 16px;border:1px dashed #cfcfe4;background:#faf9ff;text-align:center}.editor-app .image-drop-area--error{border-color:#dc2626;background:#fff7f7}.editor-app .image-drop-area__icon{font-size:32px;line-height:1}.editor-app .image-drop-area__label{font-size:16px;font-weight:600;color:#2b2b2b}.editor-app .image-drop-area__subtext{max-width:260px;font-size:13px;line-height:1.5;color:#666}.editor-app .image-drop-area__browse-btn{min-width:108px}.editor-app .image-drop-area__error{margin:8px 0 0;font-size:12px;line-height:1.4;color:#c62828}.editor-app .font-preview-sample{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--input-border-radius);background:#fff;font-size:14px;line-height:1.5;color:#222}.import-project-modal{display:flex;flex-direction:column;gap:14px}.import-project-modal .style-help-text{font-size:16px;line-height:1.4;color:#222;margin:0;text-align:center}.import-project-modal .style-help-text code{background-color:#eee;padding:2px 4px;border-radius:4px;font-weight:600}.import-project-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;min-height:190px;border:2px dashed #8ed3ff!important;border-radius:16px!important;padding:28px 24px!important;margin-top:2px!important;background:linear-gradient(180deg,#ffffffe0,#eef8ffbd),#eef8ff;text-align:center;box-shadow:inset 0 0 0 1px #2495ff14;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.import-project-dropzone:hover,.import-project-dropzone:focus-within{border-color:#2495ff!important;background:linear-gradient(180deg,#ffffffeb,#d9eeffd1),#d9eeff;box-shadow:inset 0 0 0 1px #2495ff29,0 12px 30px #1466e11f;transform:translateY(-1px)}.import-project-dropzone p:first-of-type{color:#2a2a2a;font-size:15px;font-weight:600;line-height:1.45;margin:0}.import-project-dropzone p:nth-of-type(2){color:#8a8a8a;font-size:13px;line-height:1.4;margin:0}.import-project-dropzone .button{min-width:150px;min-height:40px;display:flex;align-items:center;justify-content:center;background-color:#d9eeff;border:1px solid #2495ff;border-radius:12px;cursor:pointer;transition:.25s all}.import-project-dropzone .button:hover{background-color:#bce3ff;transition:.25s all}.import-project-dropzone.has-error{border-color:#dc2626!important;background:linear-gradient(180deg,#ffffffe6,#fee2e2c7),#fef2f2;box-shadow:inset 0 0 0 1px #dc26261f,0 10px 24px #7f1d1d14}.import-project-dropzone.has-error:hover,.import-project-dropzone.has-error:focus-within{border-color:#b91c1c;background:linear-gradient(180deg,#ffffffeb,#fecacad1),#fee2e2;box-shadow:inset 0 0 0 1px #b91c1c2e,0 12px 26px #7f1d1d1a}.background-gradient-control{width:100%}.background-gradient-control__settings{display:flex;flex-direction:column;gap:6px;padding-top:6px}.background-gradient-control__preview{width:100%;min-height:42px;border:1px solid #d9d9d9;border-radius:8px}.responsive-editor-notice{text-align:center;font-size:15px;font-weight:600;color:#222}.responsive-editor-notice p{margin:0}@media(max-width:1024px){.editor-app .action-bar{align-items:stretch;flex-direction:column;gap:8px;padding:6px 10px}.editor-app .action-bar__mobile-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px}.editor-app .action-bar__mobile-row .editor-home-link{justify-self:center;min-width:64px;max-width:64px}.editor-app .action-bar__mobile-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.editor-app .action-bar__mobile-icon{width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border:none;box-shadow:none;background-color:transparent}.editor-app .action-bar__mobile-icon img{width:24px;height:24px}.editor-app .action-bar__identity{display:none}.editor-app .action-bar__controls{width:100%;justify-content:flex-end;flex-wrap:wrap}.editor-app .editor-layout{position:relative;flex:1;height:auto;min-height:0;overflow:hidden}.editor-app .editor-layout>.sidebar,.editor-app .editor-layout>.style-panel{display:none}.editor-app .canvas{min-width:0}.editor-app .responsive-drawer-overlay{display:block;position:fixed;inset:0;z-index:900;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:#0000002e;box-shadow:none;opacity:0;pointer-events:none;transition:opacity .22s ease}.editor-app .responsive-drawer-overlay:hover{box-shadow:none}.editor-app .responsive-drawer-overlay.is-open{opacity:1;pointer-events:auto}.editor-app .responsive-drawer{position:fixed;top:0;bottom:0;z-index:910;display:flex;flex-direction:column;max-width:calc(100vw - 48px);overflow:hidden;background:var(--background-color);box-shadow:none;transition:transform .24s ease}.editor-app .responsive-drawer--left{left:-2px;width:250px;transform:translate(-100%)}.editor-app .responsive-drawer--right{right:-2px;width:350px;transform:translate(100%)}.editor-app .responsive-drawer.is-open{transform:translate(0);box-shadow:0 18px 42px #0003}.editor-app .responsive-drawer.is-open.responsive-drawer--left{left:0}.editor-app .responsive-drawer.is-open.responsive-drawer--right{right:0}.editor-app .responsive-drawer .sidebar,.editor-app .responsive-drawer .style-panel{display:flex;width:100%;height:auto;min-height:0;flex:1;border-left:0;border-right:0}.editor-app .responsive-drawer__close-row{display:flex;justify-content:flex-end;padding:8px 10px 0;background:var(--background-color)}.editor-app .responsive-drawer__close-button{width:30px;min-width:30px;height:30px;min-height:30px;font-size:15px;font-weight:700;line-height:1;padding:0;border:none;box-shadow:none;background-color:transparent}.editor-app .responsive-drawer__close-button:hover{box-shadow:none;background-color:transparent}.editor-app .responsive-drawer__close-button img{width:24px;height:24px}.editor-app .responsive-drawer__body{width:100%;min-height:0;flex:1;overflow-y:auto;padding:10px;background:var(--background-color)}.editor-app .sidebar-item--clickable,.editor-app .row-preset-card--clickable{cursor:pointer}.editor-app .responsive-drawer__body--mailer{display:flex;flex-direction:column;gap:12px}.editor-app .responsive-drawer__body--mailer .mailer-name{min-width:0;align-items:flex-start;flex-direction:column}.editor-app .responsive-drawer__body--preview-options{display:flex;flex-direction:column;gap:12px}.editor-app .responsive-drawer__body--preview-options .preview-mode-frame-toolbar,.editor-app .responsive-drawer__body--preview-options .preview-mode-toolbar__controls{display:flex;flex:initial;justify-content:flex-start}.editor-app .responsive-drawer__body--preview-options .preview-mode-frame-toolbar,.editor-app .responsive-drawer__body--preview-options .preview-mode-toolbar__controls{flex-direction:column;align-items:stretch}.editor-app .responsive-drawer__body--preview-options .preview-mode-frame-toolbar__field{justify-content:space-between}.editor-app .responsive-drawer__body--preview-options .button-toggle{width:100%}.editor-app .preview-mode-toolbar{justify-content:space-between;flex-wrap:nowrap}.editor-app .preview-mode-toolbar__left{flex:initial;text-align:left}.editor-app .preview-mode-toolbar__mobile-actions{display:flex;align-items:center;justify-content:flex-end}.editor-app .preview-mode-toolbar__mobile-actions button{padding:0;border:none;box-shadow:none;background-color:transparent}.editor-app .preview-mode-toolbar__mobile-actions button img{width:24px;height:24px}.editor-app .preview-mode-toolbar>.preview-mode-frame-toolbar,.editor-app .preview-mode-toolbar>.preview-mode-toolbar__controls{display:none}}