:root{--frame-bg: #f6f6f5;--canvas: #cbcb4f;--olive-dark: #393e21;--email-bg: #fbfbfb;--banner-bg: #eaeae4;--gray-box: #f6f6f5;--text-primary: #060600;--text-black: #111110;--text-secondary: #888881;--blue: #0b59ea;--separator: rgba(17, 17, 0, .09);--hover: rgba(17, 17, 0, .04);--field-bg: #f6f6f5;--modal-field-bg: rgba(17, 17, 0, .04);--tab-border: rgba(17, 17, 0, .09);--tab-inactive: rgba(17, 17, 7, .6);--radius-m: 16px;--radius-l: 24px;--sans: "Flodesk Sans", -apple-system, "Helvetica Neue", Arial, sans-serif;--display: "FlotesqueGX", "Flodesk Sans", Arial, sans-serif}@font-face{font-family:Flodesk Sans;font-weight:400;font-display:swap;src:url(/fonts/FlodeskSans/FlodeskSans-Regular.woff2) format("woff2"),url(/fonts/FlodeskSans/FlodeskSans-Regular.woff) format("woff")}@font-face{font-family:Flodesk Sans;font-weight:500;font-display:swap;src:url(/fonts/FlodeskSans/FlodeskSans-Medium.woff2) format("woff2"),url(/fonts/FlodeskSans/FlodeskSans-Medium.woff) format("woff")}@font-face{font-family:FlotesqueGX;font-weight:400;font-display:swap;src:url(/fonts/FlotesqueGX/FlotesqueGX_v2.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--text-primary);background:var(--frame-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none}.app{width:100%;height:100%;background:var(--frame-bg);color:var(--text-primary);font-family:var(--sans);display:flex;flex-direction:column;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:16px;flex:0 0 auto}.header-left{display:flex;align-items:center;gap:10px}.icon-btn{width:36px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--text-black);transition:background .12s ease}.icon-btn:hover{background:var(--hover)}.chat-pill{display:flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:100px;background:var(--blue);color:#fff}.chat-pill span{font-size:14px;font-weight:500}.header-right{display:flex;align-items:center;gap:16px}.saved-label{font-size:12px;color:var(--tab-inactive)}.btn-group{display:flex;align-items:center;gap:2px}.header-btns{display:flex;align-items:center;gap:8px}.btn-outline,.btn-dark{height:36px;padding:0 16px;border-radius:20px;font-size:14px;font-weight:500;display:flex;align-items:center}.btn-outline{background:#fff;border:1px solid rgba(17,17,0,.14);color:var(--text-black)}.btn-dark{background:#110;color:var(--frame-bg)}.stage{flex:1 1 auto;display:flex;gap:16px;padding:0 15px 15px;min-height:0}.canvas{flex:1 1 auto;background:var(--canvas);border-radius:var(--radius-l);overflow:auto;position:relative}.email-content{width:600px;margin:80px auto;display:flex;flex-direction:column;align-items:center}.email-hero{width:100%;background:var(--email-bg);padding:8px 24px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.email-hero p{font-family:var(--display);font-size:140px;line-height:1;letter-spacing:-2.8px;text-transform:uppercase;color:var(--canvas);white-space:nowrap}.email-hero .dark{color:var(--olive-dark)}.hero-blob{position:absolute;top:50%;left:50%;width:217px;height:217px;transform:translate(-50%,-50%);border-radius:46% 54% 52% 48%/52% 47% 53% 48%;overflow:hidden}.hero-blob img{width:100%;height:100%;object-fit:cover}.email-banner{width:100%;background:var(--email-bg);padding:24px;display:flex;align-items:center;justify-content:center}.banner-card{flex:1;display:flex;align-items:stretch;background:var(--banner-bg);border-radius:var(--radius-m);overflow:hidden;min-height:275px}.banner-content{flex:1;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:40px}.banner-content h2{font-family:var(--sans);font-weight:400;font-size:48px;line-height:1;color:var(--text-black)}.banner-content .cta{font-family:var(--sans);font-size:16px;text-decoration:underline;color:var(--text-black);align-self:flex-start;padding:4px 0}.banner-image-cell{flex:1;position:relative;background:#ededeb;outline:2px solid var(--blue);outline-offset:-2px;overflow:hidden}.banner-image-cell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.banner-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#b9b9b3}.panel{flex:0 0 360px;width:360px;background:#fff;border-radius:var(--radius-l);display:flex;flex-direction:column;position:relative}.tab-bar{height:52px;display:flex;align-items:flex-end;padding:0 16px 8px}.tab-group{display:flex;gap:4px;width:100%}.tab{height:36px;padding:0 16px;border-radius:48px;display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid var(--tab-border);color:var(--tab-inactive);background:#fff}.tab.active{background:var(--hover);border-color:transparent;color:var(--text-primary);font-weight:500}.builder-settings{display:flex;flex-direction:column;gap:24px;padding:32px;position:relative}.source-field{position:relative;width:296px}.source-field-inner{display:flex;align-items:center;gap:8px;height:48px;padding:0 16px 0 12px;border-radius:12px;background:var(--field-bg);width:100%;text-align:left;transition:background .12s ease}.source-field-inner:hover{background:#efefed}.source-field-inner .label{flex:1;font-size:14px;color:var(--text-primary)}.source-field-inner .chev{color:var(--text-black);display:flex}.add-box{width:296px;height:296px;border-radius:var(--radius-m);background:var(--gray-box);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;transition:background .12s ease}.add-box:hover{background:#eeeeec}.add-box .plus{color:var(--text-primary)}.add-box .lines{display:flex;flex-direction:column;gap:4px;padding:0 24px}.add-box .title{font-size:14px;line-height:20px;color:var(--text-primary)}.add-box .sub{font-size:12px;line-height:17.8px;color:var(--text-secondary)}.image-block{display:flex;flex-direction:column;gap:16px}.image-preview{position:relative;width:296px;height:296px;border-radius:var(--radius-m);border:1px solid rgba(14,14,3,.09);overflow:hidden;background:#c4c4c4}.image-preview img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .1s ease}.image-remove{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:100px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--text-black);box-shadow:0 1px .5px #0000000d,0 1.98px 1.53px #0000000d;z-index:2}.image-remove:hover{background:#f3f3f1}.slider-row{display:flex;flex-direction:column;gap:8px;padding:8px 0}.slider-row .slider-label{font-size:14px;font-weight:500;color:var(--text-primary)}.slider-controls{display:flex;align-items:center;gap:12px;width:296px}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:2px;border-radius:24px;background:#e9e9e8;outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid rgba(17,17,0,.14);box-shadow:0 1px 3px #0000002e;cursor:pointer}.range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid rgba(17,17,0,.14);box-shadow:0 1px 3px #0000002e;cursor:pointer}.value-box{width:36px;height:36px;border-radius:12px;background:var(--field-bg);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-black)}.separator{height:1px;width:100%;background:var(--separator)}.label-row{display:flex;align-items:center;justify-content:space-between;height:36px;width:296px}.label-row .label{font-size:14px;font-weight:500;color:var(--text-black)}.label-row .chev{color:var(--text-black);display:flex}.source-menu{position:absolute;width:256px;z-index:50;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.98);border-radius:var(--radius-m);padding:8px;box-shadow:0 12px 26px #2424221a,0 47px 47px #24242217,0 105px 63px #2424220d;animation:menu-in .12s ease}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-item{display:flex;align-items:center;gap:12px;height:36px;padding:0 12px;border-radius:10px;width:100%;text-align:left;font-size:14px;color:#251b18;transition:background .1s ease}.menu-item:hover{background:var(--hover)}.menu-item .mi-icon{display:flex;align-items:center;justify-content:center;color:var(--text-black)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;backdrop-filter:blur(12.5px);-webkit-backdrop-filter:blur(12.5px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:1024px;max-width:calc(100vw - 48px);height:735px;max-height:calc(100vh - 48px);background:#fff;border-radius:var(--radius-l);box-shadow:0 24px 40px -24px #1111003d;overflow:hidden;animation:modal-in .18s cubic-bezier(.16,1,.3,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-powered{position:absolute;top:22px;left:24px;font-size:12px;color:var(--tab-inactive)}.modal-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:100px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--text-black);z-index:5}.modal-close:hover{background:var(--hover)}.modal-scroll{height:100%;overflow-y:auto;display:flex;justify-content:center}.modal-inner{padding-top:64px;padding-bottom:48px;width:672px;max-width:100%}.modal-title{font-size:24px;line-height:28.6px;text-align:center;color:var(--text-primary);max-width:440px;margin:0 auto 24px}.modal-search{display:flex;align-items:center;gap:8px;height:48px;padding:0 16px;border-radius:12px;background:var(--modal-field-bg);max-width:440px;margin:0 auto 32px}.modal-search .s-icon{color:var(--text-secondary);display:flex}.modal-search input{flex:1;border:none;outline:none;background:none;font-family:inherit;font-size:14px;color:var(--text-primary)}.modal-search input::placeholder{color:var(--text-secondary)}.masonry{column-count:3;column-gap:12px;padding:0 12px}.masonry-item{position:relative;width:100%;margin-bottom:12px;break-inside:avoid;border-radius:2px;overflow:hidden;background:#c4c4c4;cursor:pointer}.masonry-item img{display:block;width:100%;height:100%;object-fit:cover}.masonry-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#11110380;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;opacity:0;transition:opacity .14s ease}.masonry-item:hover .masonry-overlay{opacity:1}.choose-btn{height:36px;padding:0 17px;border-radius:100px;background:#fff;color:var(--text-primary);font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center}.choose-btn:hover{background:#f3f3f1}.masonry-author{position:absolute;left:12px;bottom:12px;font-size:12px;line-height:17.8px;color:#fff}