:root{--accent:#ff2748;--accent-2:#f36;--accent-3:#ff2ea6;--accent-dark:#e01e3d;--accent-light:#ff274814;--accent-grad:linear-gradient(135deg, #ff2748 0%, #f36 55%, #ff2ea6 100%);--accent-grad-soft:linear-gradient(135deg, #ff27481f, #ff2ea61f);--accent-glow-soft:#ff336638;--accent-glow:0 4px 16px #ff336659;--accent-cyan:#3ddcff;--accent-cyan-soft:#3ddcff29;--accent-cyan-glow:0 0 20px #3ddcff59;--toolbar-h:52px;--left-w:264px;--right-w:304px;--border:#dcd9ec;--border-light:#e9e6f4;--bg-canvas:#e9e7f5;--bg-panel:#fff;--bg-side:#f5f4fb;--text:#23203a;--text-2:#6b6790;--danger:#dc2f4e;--shadow:0 2px 10px #281e5a1a;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif}@keyframes md-shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes md-glow{0%,to{text-shadow:0 0 24px #ff27488c}50%{text-shadow:0 0 34px #3ddcff8c}}@keyframes md-glow-pulse{0%,to{box-shadow:0 6px 24px #ff336659,0 0 #ff336659}50%{box-shadow:0 6px 30px #ff336680,0 0 0 10px #f360}}@keyframes md-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes md-float-slow{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes md-fade-up{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes md-orb{0%,to{opacity:.55;transform:translate(0)scale(1)}50%{opacity:.9;transform:translate(30px,-25px)scale(1.15)}}@keyframes md-spin-slow{to{transform:rotate(360deg)}}@keyframes md-border-flow{0%{background-position:0%}to{background-position:200%}}@keyframes md-hero-field{0%{background-position:0 0,100% 0,50% 100%}50%{background-position:22% 14%,78% 6%,62% 90%}to{background-position:0 0,100% 0,50% 100%}}@keyframes md-shine{0%{transform:translate(-120%)skew(-20deg)}60%,to{transform:translate(260%)skew(-20deg)}}@keyframes md-pulse-dot{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}.md-reveal{opacity:0;animation:.7s forwards md-fade-up}@supports (animation-timeline:view()){.md-reveal-on-scroll{animation:linear both md-fade-up;animation-timeline:view();animation-range:entry entry 55%}}.brand-shimmer{background:linear-gradient(90deg,#ff2748,#ff2ea6,#3ddcff,#ff2748) 0 0/300% 100%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3.4s ease-in-out infinite md-shimmer}.text-gradient{background:linear-gradient(120deg,#fff,#f36,#ff2ea6,#3ddcff,#fff) 0 0/250% 100%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite md-shimmer}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:#efedf9;font-size:13px;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{color:var(--text);font-family:inherit;font-size:13px}a{color:var(--accent-dark);text-decoration:none}::placeholder{color:#9aa29a}.btn{white-space:nowrap;border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:600;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .12s;display:inline-flex;box-shadow:0 1px 2px #281e5a14}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-grad);color:#fff;box-shadow:var(--accent-glow);border-color:#ffffff59}.btn-primary:hover{background:var(--accent-grad);filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 24px #ff336673}.btn-ghost{border-color:var(--border);color:var(--text);background:#fff}.btn-ghost:hover{background:var(--bg-side);border-color:var(--accent);color:var(--accent-dark)}.btn-ghost.active{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-light)}.btn-danger{color:var(--danger);background:#fdeef1;border-color:#f3c6ce}.btn-danger:hover{border-color:var(--danger);background:#fbe0e5}.btn-lg{border-radius:14px;padding:13px 28px;font-size:16px}.btn-block{width:100%}.btn-row{gap:8px;display:flex}.btn-column{flex-direction:column;gap:8px;display:flex}.icon-btn{width:30px;height:30px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--bg-side);color:var(--text)}.icon-btn:disabled{opacity:.35;cursor:default}.site-page{color:#f5f5f7;scroll-behavior:smooth;background:#0a0a0f;height:100%;overflow-y:auto}.site-page .btn-ghost{color:#f5f5f7;background:#ffffff0f;border-color:#ffffff24}.site-page .btn-ghost:hover{color:#ff4d6b;background:#ffffff1a;border-color:#f366;box-shadow:0 0 24px #ff336626}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);background:#0a0a0fc7;border-bottom:1px solid #ffffff14;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:12px 24px;display:flex}.logo{color:#f5f5f7;letter-spacing:-.3px;align-items:center;gap:9px;font-size:18px;font-weight:700;display:inline-flex}.logo-mark{color:#fff;background:radial-gradient(circle at 30% 30%,#ff5c7a,#ff2748 60%,#c41a38);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:flex;position:relative;box-shadow:0 0 18px #ff336680}.logo-mark:after{content:"";border:1px solid #ff336659;border-radius:50%;animation:3s ease-in-out infinite md-glow-pulse;position:absolute;inset:-4px}.logo-text{letter-spacing:-.3px}.site-nav{gap:26px;display:flex}.site-nav a{color:#a1a1aa;font-weight:500;transition:color .2s,text-shadow .2s}.site-nav a:hover{color:#ff4d6b;text-shadow:0 0 16px #ff336680}.site-header-actions{align-items:center;gap:10px;display:flex}.site-burger,.site-mobile-menu{display:none}.hero{background:#0a0a0f;padding:104px 24px 48px;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(12px);pointer-events:none;z-index:0;background:radial-gradient(46% 42% at 18% 8%,#ff33663d,#0000 70%) 0 0/170% 170%,radial-gradient(42% 38% at 82% 12%,#3ddcff2b,#0000 70%) 100% 0/150% 150%,radial-gradient(40% 44% at 72% 94%,#ff2ea626,#0000 70%) 50% 100%/170% 170%;animation:20s ease-in-out infinite alternate md-hero-field;position:absolute;inset:-15% -15% -38%}.hero:after{content:"";pointer-events:none;opacity:.7;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 35%,#0000 80%);mask-image:radial-gradient(#000 35%,#0000 80%)}.hero-fade{pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#0a0a0f8c 55%,#0a0a0f 100%);height:260px;position:absolute;bottom:0;left:0;right:0}.hero-fade-top{pointer-events:none;z-index:1;background:linear-gradient(#0a0a0f 0%,#0000 100%);height:120px;position:absolute;top:0;left:0;right:0}.hero-orb{pointer-events:none;z-index:1;border-radius:50%;position:absolute}.hero-orb.o1{background:#ff2ea6;width:9px;height:9px;animation:5.5s ease-in-out infinite md-float;top:34%;left:16%;box-shadow:0 0 18px 4px #ff2ea6b3}.hero-orb.o2{background:#3ddcff;width:7px;height:7px;animation:7s ease-in-out .8s infinite md-float;top:62%;left:78%;box-shadow:0 0 14px 3px #3ddcffb3}.hero-orb.o3{background:#f36;width:6px;height:6px;animation:6s ease-in-out 1.6s infinite md-float;top:22%;left:55%;box-shadow:0 0 12px 3px #ff3366b3}.hero-orb.o4{background:#ffd166;width:8px;height:8px;animation:8s ease-in-out 2.2s infinite md-float;top:78%;left:34%;box-shadow:0 0 16px 3px #ffd16699}.hero-orb.o5{background:#fff;width:5px;height:5px;animation:4s ease-in-out .5s infinite md-pulse-dot;top:40%;left:64%;box-shadow:0 0 10px 2px #fff9}.hero-inner{text-align:center;z-index:1;max-width:1100px;margin:0 auto;position:relative}.hero h1{letter-spacing:-.03em;color:#f5f5f7;max-width:820px;margin:0 auto 18px;font-size:58px;font-weight:800;line-height:1.08;animation:.7s both md-fade-up}.hero .accent{background:linear-gradient(120deg,#ff4d6b,#ff2ea6,#3ddcff) 0 0/220% 100%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite md-shimmer}.hero-badge{color:#ff8098;background:#ff27481a;border:1px solid #ff336659;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:600;animation:.7s .1s both md-fade-up;display:inline-flex}.hero-badge:before{content:"";background:#ff2ea6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #ff2ea6}.hero-sub{color:#a1a1aa;max-width:640px;margin:0 auto 32px;font-size:18px;line-height:1.55;animation:.7s .2s both md-fade-up}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;animation:.7s .3s both md-fade-up;display:flex}.hero-actions .btn-primary{animation:3s ease-in-out infinite md-glow-pulse}.hero-stats{justify-content:center;gap:60px;margin-top:52px;animation:.7s .4s both md-fade-up;display:flex}.hero-stats div{text-align:center}.hero-stats strong{background:linear-gradient(120deg,#ff4d6b,#ff2ea6,#3ddcff) 0 0/220% 100%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;animation:4.5s ease-in-out infinite md-shimmer;display:block}.hero-stats span{color:#a1a1aa;font-size:13px}.hero-preview{justify-content:center;padding:36px 24px 80px;display:flex;position:relative}.hero-preview-card{-webkit-backdrop-filter:blur(12px);background:#14141ad9;border:1px solid #ffffff1a;border-radius:20px;width:460px;animation:7s ease-in-out infinite md-float-slow;overflow:hidden;box-shadow:0 30px 80px #0009,0 0 60px #ff336614}.preview-float-chip{-webkit-backdrop-filter:blur(10px);color:#e8e8ee;z-index:2;white-space:nowrap;background:#14141ae6;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:12px;font-weight:600;display:flex;position:absolute;box-shadow:0 12px 34px #00000080,0 0 24px #ff336624}.preview-float-chip .chip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.preview-float-chip.c1{animation:5s ease-in-out infinite md-float;top:34%;left:12%}.preview-float-chip.c1 .chip-dot{background:#3ddcff;box-shadow:0 0 10px #3ddcff}.preview-float-chip.c2{animation:6.5s ease-in-out .9s infinite md-float;top:60%;right:10%}.preview-float-chip.c2 .chip-dot{background:#2bd34d;box-shadow:0 0 10px #2bd34d}.preview-float-chip.c3{animation:7.5s ease-in-out 1.7s infinite md-float;bottom:8%;left:20%}.preview-float-chip.c3 .chip-dot{background:#ff2ea6;box-shadow:0 0 10px #ff2ea6}.hero-preview-toolbar{background:#ffffff0a;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;padding:10px 14px;display:flex}.hero-preview-toolbar .dot{background:#2a2a33;border-radius:50%;width:10px;height:10px}.hero-preview-toolbar .dot:first-child{background:#ff2748}.hero-preview-toolbar .dot:nth-child(2){background:#ffb020}.hero-preview-toolbar .dot:nth-child(3){background:#2bd34d}.preview-title{color:#a1a1aa;margin-left:8px;font-size:12px}.hero-preview-body{background:#0a0a0fb3;flex-direction:column;gap:12px;padding:20px;display:flex}.preview-block{background:#ffffff0d;border:1px solid #ffffff12;border-radius:8px}.preview-block-header{height:42px}.preview-block-row{gap:12px;display:flex}.preview-block-half{flex:1;height:90px}.preview-block-btn{background:var(--accent-grad);border:none;width:55%;height:36px;margin:0 auto;box-shadow:0 0 20px #ff336673}.preview-block-footer{height:30px}.section{padding:80px 24px;position:relative}.section-alt{background:#14141a80;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;overflow:hidden}.section-alt:before{content:"";filter:blur(110px);pointer-events:none;background:#ff33661a;border-radius:50%;width:460px;height:460px;animation:14s ease-in-out infinite alternate md-orb;position:absolute;top:-160px;right:-120px}.section-alt:after{content:"";filter:blur(110px);pointer-events:none;background:#3ddcff14;border-radius:50%;width:420px;height:420px;animation:17s ease-in-out infinite alternate-reverse md-orb;position:absolute;bottom:-160px;left:-120px}.section-alt .section-inner{z-index:1;position:relative}.section-inner{max-width:1100px;margin:0 auto}.section h2{text-align:center;letter-spacing:-.5px;color:#f5f5f7;margin:0 0 12px;font-size:34px}.section-sub{text-align:center;color:#a1a1aa;margin:0 0 28px}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.feature-card{-webkit-backdrop-filter:blur(8px);background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:18px;padding:26px 24px;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .4s;position:relative;overflow:hidden;transform:translateZ(0)}.feature-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(300px 120px at 20% 0,#ff33661f,#0000);transition:opacity .45s;position:absolute;inset:0}.feature-card:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff12,#0000);width:45%;height:100%;animation:forwards md-shine;position:absolute;top:0;left:0}.feature-card:hover{border-color:#f366;transform:translateY(-6px);box-shadow:0 16px 44px #00000073,0 0 34px #ff33661f}.feature-card:hover:before{opacity:1}.feature-card:hover:after{animation:.9s forwards md-shine}.feature-icon{color:#fff;background:var(--accent-grad);border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:16px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s;display:flex;box-shadow:0 5px 16px #ff336652}.feature-card:nth-child(2n) .feature-icon{background:linear-gradient(135deg,#3ddcff,#2ea8ff);box-shadow:0 5px 16px #3ddcff4d}.feature-card:nth-child(3n) .feature-icon{background:linear-gradient(135deg,#ff2ea6,#ff2748);box-shadow:0 5px 16px #ff2ea652}.feature-card:hover .feature-icon{transform:scale(1.12)rotate(-5deg);box-shadow:0 8px 26px #ff336673}.feature-card h3{color:#f5f5f7;margin:0 0 8px;font-size:17px}.feature-card p{color:#a1a1aa;margin:0;line-height:1.55}.steps{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.step{text-align:center;border-radius:18px;padding:24px;transition:transform .4s cubic-bezier(.22,1,.36,1),background .4s;position:relative}.step:hover{background:#ffffff08;transform:translateY(-4px)}.step-num{color:#ff4d6b;background:#ff27481a;border:1px solid #f366;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:20px;font-weight:700;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s;display:flex;position:relative;box-shadow:0 0 22px #f363}.step:hover .step-num{transform:scale(1.1);box-shadow:0 0 30px #ff336659}.step:nth-child(2) .step-num{color:#3ddcff;border-color:#3ddcff66;box-shadow:0 0 22px #3ddcff33}.step:nth-child(3) .step-num{color:#ff2ea6;border-color:#ff2ea666;box-shadow:0 0 22px #ff2ea633}.step h3{color:#f5f5f7;margin:0 0 8px;font-size:17px}.step p{color:#a1a1aa;margin:0;line-height:1.55}.cycle-switch{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;gap:4px;margin-bottom:32px;padding:4px;display:inline-flex}.cycle-switch button{color:#a1a1aa;border-radius:11px;padding:8px 18px;font-weight:500;transition:all .2s}.cycle-switch button:hover{color:#f5f5f7}.cycle-switch button.active{background:var(--accent-grad);color:#fff;box-shadow:0 4px 14px #f366}.discount-badge{color:#3ddcff;background:#3ddcff29;border-radius:10px;margin-left:4px;padding:1px 7px;font-size:11px;font-weight:700}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:0 auto;display:grid}.pricing-card{background:linear-gradient(#14141af2,#101016e6);border:1px solid #ffffff17;border-radius:20px;flex-direction:column;padding:26px 22px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative}.pricing-card:hover{border-color:#ff336659;transform:translateY(-5px);box-shadow:0 18px 48px #00000080,0 0 30px #ff33661a}.pricing-card.highlighted{background:linear-gradient(#14141af7,#121218f7) padding-box padding-box,linear-gradient(135deg,#ff2748,#ff2ea6,#3ddcff) border-box;border:1px solid #0000;transform:translateY(-6px);box-shadow:0 18px 60px #ff336640}.pricing-card.highlighted:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ff2748,#ff2ea6,#3ddcff,#ff2748) 0 0/300% 100%;border-radius:20px;padding:1px;animation:4s linear infinite md-border-flow;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pricing-card.highlighted:hover{transform:translateY(-8px);box-shadow:0 24px 70px #ff336659}.pricing-badge{background:var(--accent-grad);color:#fff;white-space:nowrap;letter-spacing:.2px;border-radius:999px;padding:4px 14px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #ff336673}.pricing-card h3{color:#f5f5f7;margin:0 0 4px;font-size:18px}.pricing-desc{color:#a1a1aa;min-height:32px;margin:0 0 16px;font-size:12px}.pricing-price strong{letter-spacing:-.5px;color:#0000;background:linear-gradient(120deg,#ff4d6b,#ff2ea6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px}.pricing-price span{color:#a1a1aa;font-size:13px}.pricing-features{flex:1;margin:18px 0;padding:0;list-style:none}.pricing-features li{color:#c4c4ce;align-items:flex-start;gap:8px;padding:5px 0;line-height:1.4;display:flex}.pricing-features svg{color:#ff4d6b;filter:drop-shadow(0 0 6px #ff336680);flex-shrink:0;margin-top:2px}.cta{text-align:center;color:#fff;background:radial-gradient(600px 300px at 20% 120%,#3ddcff2e,#0000),linear-gradient(135deg,#ff2748 0%,#f36 55%,#ff2ea6 100%);padding:80px 24px;position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#0000) 0 0/200% 100%;animation:5s ease-in-out infinite md-shimmer;position:absolute;inset:0}.cta-inner{max-width:640px;margin:0 auto;position:relative}.cta svg{filter:drop-shadow(0 0 16px #fff9);margin-bottom:10px;animation:3.5s ease-in-out infinite md-float}.cta h2{letter-spacing:-.4px;text-shadow:0 2px 24px #00000040;margin:0 0 26px;font-size:32px}.cta .btn-ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border-color:#ffffff73}.cta .btn-ghost:hover{background:#ffffff42;border-color:#fff}.cta .btn-primary{border-color:#fff6;box-shadow:0 8px 30px #00000040}.site-footer{color:#c4c4ce;background:#07070b;border-top:1px solid #ffffff0f;padding:52px 24px 30px}.site-footer-inner{text-align:center;max-width:1100px;margin:0 auto}.footer-logo{color:#f5f5f7;align-items:center;gap:8px;font-size:16px;font-weight:700;display:inline-flex}.site-footer p{color:#8b8b96;max-width:480px;margin:12px auto;line-height:1.55}.footer-links{justify-content:center;gap:20px;margin:16px 0;display:flex}.footer-links a{color:#a1a1aa;transition:color .2s}.footer-links a:hover{color:#ff4d6b}.footer-copy{color:#5c5c68;margin-top:20px;font-size:12px}.auth-page{background:radial-gradient(800px 420px at 20% -80px,#ff33662e,#0000),radial-gradient(700px 400px at 90% 110%,#3ddcff1a,#0000),#0a0a0f;justify-content:center;align-items:center;height:100%;padding:32px 16px;display:flex;position:relative;overflow-y:auto}.auth-card{-webkit-backdrop-filter:blur(14px);background:#14141af2;border:1px solid #ffffff1a;border-radius:22px;width:400px;max-width:100%;padding:36px 32px;box-shadow:0 24px 70px #0009,0 0 50px #ff336614}.auth-logo{margin-bottom:20px}.auth-card h1{letter-spacing:-.3px;color:#f5f5f7;margin:0 0 6px;font-size:24px}.auth-sub{color:#a1a1aa;margin:0 0 24px}.auth-label{color:#a1a1aa;margin:14px 0 6px;font-size:12px;font-weight:600;display:block}.auth-page .settings-input{color:#f5f5f7;background:#ffffff0d;border-color:#ffffff1f}.auth-page .settings-input:focus{border-color:#f36;box-shadow:0 0 0 3px #f363}.auth-page .btn-ghost{color:#f5f5f7;background:#ffffff0f;border-color:#ffffff24}.auth-error{color:#ff8098;background:#ff27481f;border:1px solid #ff274859;border-radius:8px;margin-top:14px;padding:9px 12px;font-size:12px}.auth-card .btn-block{margin-top:20px}.auth-footer{text-align:center;color:#a1a1aa;margin:18px 0 10px}.auth-footer a{color:#ff4d6b;font-weight:600}.auth-footer a:hover{text-shadow:0 0 12px #f369}.editor-page{background:var(--bg-canvas);flex-direction:column;min-width:1180px;height:100%;min-height:640px;display:flex}.editor-body{flex:1;min-height:0;display:flex;overflow:hidden}.top-toolbar{border-bottom:1px solid var(--border);z-index:50;background:#fff;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:auto;padding:6px 10px;display:flex;box-shadow:0 1px 6px #281e5a14}.toolbar-left{align-items:center;gap:8px;min-width:0;display:flex}.toolbar-center{align-items:center;gap:4px;display:flex}.toolbar-right{align-items:center;gap:6px;display:flex}.toolbar-top-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.toolbar-bottom-row{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:6px;padding-top:6px;display:flex}.toolbar-top-right,.toolbar-actions-left,.toolbar-actions-right{align-items:center;gap:6px;display:flex}.toolbar-divider{background:var(--border-light);width:1px;height:22px;margin:0 4px}.template-name-wrap{max-width:260px;overflow:hidden}.template-name{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:260px;padding:5px 8px;font-size:14px;font-weight:600;display:block;overflow:hidden}.template-name:hover{background:var(--bg-side)}.template-name-input{border:1px solid var(--accent);border-radius:4px;outline:none;width:240px;padding:5px 8px;font-size:14px;font-weight:600}.device-switcher{--pad:2px;--gap:2px;background:var(--bg-side);border:1px solid var(--border-light);padding:var(--pad);gap:var(--gap);border-radius:10px;display:flex}.device-btn{width:34px;height:26px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;transition:background .2s,color .2s,box-shadow .2s,transform .15s;display:flex}.device-btn.active{color:var(--accent-dark);background:#fff;box-shadow:0 1px 3px #0000001f}.zoom-controls{align-items:center;gap:2px;display:flex}.zoom-value{color:var(--text-2);text-align:center;min-width:40px;font-size:12px}.autosave-status{color:var(--text-2);align-items:center;gap:6px;margin-right:6px;font-size:12px;display:inline-flex}.autosave-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.toolbar-btn{padding:6px 10px;font-size:12px}.user-menu{align-items:center;gap:4px;display:flex}.user-chip{background:var(--bg-side);border:1px solid var(--border-light);border-radius:14px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.user-chip:hover{background:var(--border-light)}.crown-icon{color:#a855f7}.left-panel{width:var(--left-w);background:var(--bg-side);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex-shrink:0;min-width:0;margin:8px 0 8px 8px;display:flex;overflow:hidden;box-shadow:0 6px 20px #281e5a1a}.right-panel{width:var(--right-w);border:1px solid var(--border);background:#fff;border-radius:16px;flex-shrink:0;min-width:0;margin:8px 8px 8px 0;overflow-y:auto;box-shadow:0 6px 20px #281e5a1a}.right-panel-inner{padding-bottom:40px}.panel-tabs{background:var(--bg-side);border-bottom:1px solid var(--border);flex-shrink:0;gap:3px;padding:5px;display:flex;position:relative}.panel-tab{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;min-width:0;padding:10px 2px;transition:color .22s;display:flex}.panel-tab:hover{color:var(--accent-dark)}.panel-tab.active{color:#fff}.left-panel-body{flex:1;min-height:0;overflow-y:auto}.panel-search{border:1px solid var(--border);color:var(--text-2);background:#fff;border-radius:10px;align-items:center;gap:6px;margin:10px;padding:7px 10px;display:flex}.panel-search input{background:0 0;border:none;outline:none;flex:1}.library-section{padding:0 10px 16px}.library-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);padding:12px 4px 8px;font-size:11px;font-weight:600}.library-section-toggle{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 4px;display:flex}.library-section-toggle:hover{color:var(--accent-dark)}.library-section-chevron{transition:transform .15s}.library-section-chevron.open{transform:rotate(180deg)}.library-section-count{color:var(--text-2);background:var(--bg-side);border:1px solid var(--border-light);border-radius:20px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:600}.lib-drop{border:1px solid var(--border-light);background:var(--bg-panel);z-index:1;border-radius:0;margin:0 0 -1px;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.lib-drop:last-of-type{margin-bottom:0}.lib-drop:hover{border-color:var(--accent-2);z-index:2;box-shadow:0 4px 16px #281e5a14}.lib-drop-head{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:9px 10px;transition:background .15s;display:flex}.lib-drop-head:hover{background:var(--bg-side)}.lib-drop-icon{background:var(--accent-light);width:26px;height:26px;color:var(--accent-dark);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lib-drop-title{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.lib-drop-count{color:var(--accent-dark);background:var(--accent-light);border:1px solid var(--accent-2);border-radius:20px;flex-shrink:0;margin-left:auto;padding:1px 8px;font-size:10.5px;font-weight:700}.lib-drop-chevron{color:var(--text-2);flex-shrink:0;transition:transform .2s}.lib-drop.open .lib-drop-chevron{transform:rotate(180deg)}.lib-drop-body{border-top:1px solid var(--border-light);padding:8px;animation:.18s libDropIn}@keyframes libDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}[data-theme=dark] .lib-drop{background:var(--bg-panel)}.library-subsection{margin-bottom:6px}.library-subsection-title{color:var(--text-2);padding:6px 4px 4px;font-size:11px;font-weight:600}.section-presets-grid{grid-template-columns:1fr;gap:4px;display:grid}.section-preset-item{border:1px solid var(--border-light);background:var(--bg-side);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:7px;padding:6px 9px;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:flex}.section-preset-item:hover{background:var(--accent-light);border-color:var(--accent-2);color:var(--accent-dark)}.structure-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.structure-item{border:1px solid var(--border);cursor:grab;background:#fff;border-radius:14px;padding:8px;transition:border-color .15s,box-shadow .15s,transform .15s}.structure-item:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 14px #7c5cf633}.structure-preview{gap:3px;display:flex}.structure-preview-col{background:#f7f9f7;border:1px solid #cfd8cf;border-radius:3px;flex:1;height:28px}.content-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.content-item{border:1px solid var(--border);cursor:grab;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.content-item:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 14px #7c5cf633}.content-item-label{color:var(--text-2);text-align:center;font-size:11px}.block-preview{width:100%;height:36px;color:var(--text-2);background:#f7f9f7;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.block-preview-text{gap:3px;padding:5px 6px}.text-line{background:#cfd8cf;border-radius:2px;height:4px;display:block}.block-preview-btn{background:var(--accent);color:#fff;letter-spacing:.5px;border-radius:3px;width:62%;height:20px;margin:0 auto;font-size:10px;font-weight:600}.preview-divider{border-top:2px solid #cfd8cf;width:90%}.preview-spacer{background:repeating-linear-gradient(90deg,#cfd8cf 0 6px,#0000 6px 12px);width:100%;height:8px}.block-preview-icon{opacity:.65;background:0 0}.card-preview{box-sizing:border-box;gap:2px;width:100%;height:100%;padding:3px;display:flex}.card-preview-col{border:1px dashed var(--border);background:var(--bg-side);border-radius:3px;flex:1}.card-column{background:0 0;border:none;min-height:48px;transition:background .15s,outline-color .15s;position:relative}.card-column-empty-state{border:1px dashed #786ea066;border-radius:6px}[data-theme=dark] .card-column{background:0 0}.library-empty{color:var(--text-2);text-align:center;padding:24px 8px;font-size:12px}.templates-library{padding:10px}.templates-grid{grid-template-columns:1fr;gap:10px;display:grid}.template-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;height:100%;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.template-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 20px #7c5cf62e}.template-thumb{border-bottom:1px solid var(--border-light);pointer-events:none;background:#eef0f6;justify-content:center;align-items:flex-start;width:100%;height:190px;display:flex;position:relative;overflow:hidden}.template-thumb-frame{transform-origin:top;background:#fff;border:0;border-radius:4px;flex-shrink:0;width:600px;height:900px;box-shadow:0 2px 8px #00000014}.template-card-name{text-overflow:ellipsis;white-space:nowrap;padding:10px 12px;font-size:12.5px;font-weight:600;overflow:hidden}.template-card-delete{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:none;position:absolute;top:4px;right:4px}.template-card:hover .template-card-delete{display:flex}.plan-hint{background:var(--accent-light);color:#1f6b2c;border:1px solid #c5e8cd;border-radius:6px;margin:8px 0;padding:8px 10px;font-size:11px;line-height:1.4}.ai-key-row,.figma-input-row{color:var(--text-2);align-items:center;gap:8px;display:flex}.figma-input-row input,.ai-key-row input{flex:1;min-width:0}.settings-error{color:#dc2f4e;margin:8px 0 0;font-size:11.5px;line-height:1.4}.send-ok{color:#16a34a;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:600;display:flex}.spin{animation:.9s linear infinite spin}.short-words-list{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.short-word-chip{border:1px solid var(--border);background:var(--bg-side);color:var(--text);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.short-word-chip.builtin{background:var(--accent-light);color:#1f6b2c;border-color:#c5e8cd}.short-word-chip button{color:#fff;cursor:pointer;background:#dc2f4e;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.short-words-add{gap:8px;display:flex}.short-words-add .settings-input{flex:1;min-width:0}[data-theme=dark] .short-word-chip.builtin{color:#4ade80;background:#22c55e26;border-color:#22c55e66}.responsive-hint{margin:0 0 10px}.responsive-banner{border:1px solid var(--accent-2);background:var(--accent-light);border-radius:10px;margin:0 14px 10px;padding:8px 10px}.responsive-banner-head{color:var(--accent-dark);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.responsive-banner-head button{color:var(--accent-dark);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:inline-flex}.responsive-banner-head button:hover{background:#6d5ae61f}.responsive-banner-list{color:var(--text-2);margin-top:6px;font-size:11px;line-height:1.4}.responsive-banner-list.muted{opacity:.7}[data-theme=dark] .responsive-banner{background:#6d5ae626;border-color:#8b5cf680}[data-theme=dark] .responsive-banner-head,[data-theme=dark] .responsive-banner-head button{color:#c4b5fd}.theme-banner{background:#28283099;border:1px solid #3b3b45;border-radius:10px;margin:0 14px 10px;padding:8px 10px}.theme-banner-head{color:#c4b5fd;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.theme-banner-head button{color:#c4b5fd;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:inline-flex}.theme-banner-head button:hover{background:#8b5cf626}@keyframes spin{to{transform:rotate(360deg)}}.images-library{padding:10px}.upload-btn{border:1px dashed var(--border);color:var(--text-2);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:500;transition:border-color .15s,color .15s;display:flex}.upload-btn:hover{border-color:var(--accent);color:var(--accent-dark)}.images-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.image-item{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;border-radius:6px;position:relative;overflow:hidden}.image-item img{object-fit:cover;width:100%;height:100%;display:block}.image-item-remove{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:none;position:absolute;top:3px;right:3px}.image-item:hover .image-item-remove{display:flex}.image-picker{border:1px solid var(--border-light);background:var(--bg-side);border-radius:12px;margin-top:10px;padding:10px}.image-picker-tabs{gap:4px;margin-bottom:10px;display:flex}.image-picker-tab{border:1px solid var(--border);color:var(--text-2);background:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.image-picker-tab.active{background:var(--accent-grad);color:#fff;border-color:#0000}.image-picker-catalog{flex-direction:column;gap:10px;max-height:280px;display:flex;overflow-y:auto}.image-picker-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px;font-weight:600}.image-picker-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.image-picker-thumb{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:0;transition:all .15s;overflow:hidden}.image-picker-thumb img{object-fit:cover;width:100%;height:100%;display:block}.image-picker-thumb:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 3px 10px #7c5cf640}.image-picker-upload{border:1px dashed var(--border);min-height:120px;color:var(--text-2);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.image-picker-upload:hover{border-color:var(--accent);color:var(--accent-dark)}.image-picker-link{flex-direction:column;gap:8px;display:flex}.image-picker-link-row{color:var(--text-2);align-items:center;gap:8px;display:flex}.image-picker-link-row .settings-input{flex:1;min-width:0}.image-current-preview{border:1px solid var(--border);border-radius:10px;margin-top:10px;overflow:hidden}.image-current-preview img{width:100%;display:block}.image-info{background:var(--bg-2,#f2f5f2);border-top:1px solid var(--border);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.image-info-size,.image-info-weight{font-variant-numeric:tabular-nums}.image-info-compress{margin-left:auto;padding:4px 10px;font-size:12px}.stock-section{margin-top:14px}.stock-categories{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.stock-cat{border:1px solid var(--border);color:var(--text-2);background:#fff;border-radius:20px;padding:5px 12px;font-size:11.5px;transition:all .15s}.stock-cat:hover{border-color:var(--accent);color:var(--accent-dark)}.stock-cat.active{background:var(--accent-grad);color:#fff;border-color:#0000}.stock-refresh{border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:#fff;border-radius:8px;margin:6px 0 10px;padding:6px 12px;font-size:12px;transition:all .15s;display:block}.stock-refresh:hover{background:var(--accent-light);color:var(--accent-dark)}.stock-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stock-item{border:1px solid var(--border);cursor:pointer;aspect-ratio:4/3;border-radius:10px;transition:all .18s;overflow:hidden}.stock-item:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 14px #7c5cf640}.stock-item img{object-fit:cover;width:100%;height:100%;display:block}.stock-note{color:var(--text-2);margin-top:8px;font-size:11px}.tags-library{padding:12px}.tags-hint{color:var(--text-2);margin:0 0 12px;font-size:12px;line-height:1.5}.tags-list{flex-direction:column;gap:6px;display:flex}.tag-item{border:1px solid var(--border);text-align:left;background:#fff;border-radius:10px;flex-direction:column;gap:3px;padding:9px 12px;transition:border-color .15s;display:flex}.tag-item:hover{border-color:var(--accent)}.tag-label{font-size:12px;font-weight:600}.tag-item code{color:var(--accent-dark);background:var(--accent-light);border-radius:4px;width:fit-content;padding:2px 6px;font-size:11px;display:inline-block}.editor-canvas{background:radial-gradient(circle at 50% 0, #e6ebe6, var(--bg-canvas));-webkit-user-select:none;user-select:none;flex:1;min-width:0;position:relative;overflow:auto}.canvas-block,.canvas-block *{cursor:default}.canvas-block [data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--text-2);opacity:.45;pointer-events:none}.canvas-inner{transform-origin:top;justify-content:center;min-height:100%;padding:56px 24px 24px;transition:transform .15s;display:flex}.canvas-email{background-clip:padding-box;position:relative;box-shadow:0 4px 24px #00000029}.canvas-stage{flex-direction:column;flex-shrink:0;align-items:stretch;display:flex}.canvas-ruler{border-bottom:1px solid var(--border);background:var(--bg-panel);cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:8px 8px 0 0;height:18px;position:relative;overflow:hidden}.ruler-tick{pointer-events:none;background:#b7b2cd;width:1px;position:absolute;bottom:0}.ruler-tick.tick-5{height:4px}.ruler-tick.tick-10{height:7px}.ruler-tick.tick-50{background:#8f88ad;height:11px}.ruler-label{color:var(--text-2);pointer-events:none;padding-left:2px;font-size:9px;line-height:1;position:absolute;bottom:0}.ruler-actions{cursor:default;gap:2px;display:flex;position:absolute;top:1px;right:4px}.ruler-action{width:18px;height:14px;color:var(--text-2);background:0 0;border-radius:4px;justify-content:center;align-items:center;display:flex}.ruler-action:hover{background:var(--bg-side);color:var(--accent-dark)}.canvas-guide{z-index:60;cursor:ew-resize;pointer-events:auto;border-left:1px dashed #ff5f6d;width:0;position:absolute;top:0;bottom:0}.canvas-guide:hover,.canvas-guide.dragging{border-left-style:solid;border-left-width:1.5px}.canvas-guide-handle{cursor:ew-resize;background:#ff5f6d;border-radius:3px 3px 7px 7px;width:13px;height:11px;position:absolute;top:-1px;left:-6px}.guide-tooltip{color:#fff;z-index:70;pointer-events:none;white-space:nowrap;background:#ff5f6d;border-radius:5px;flex-direction:column;align-items:center;padding:3px 7px;font-size:10px;font-weight:600;line-height:1.3;display:flex;position:absolute;top:4px;transform:translate(-50%)}.guide-tooltip-sub{opacity:.85;font-size:9px;font-weight:500}.canvas-empty-cta{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px dashed var(--border);color:var(--text-2);text-align:center;z-index:5;pointer-events:auto;background:#ffffffb3;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 56px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #281e5a14}.canvas-empty-cta h3{color:var(--text-1);margin:0;font-size:18px;font-weight:600}.canvas-empty-cta p{max-width:260px;margin:0;font-size:13px;line-height:1.45}.canvas-empty-icon{border:1px dashed var(--text-2);width:56px;height:56px;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex}.canvas-empty p{margin:0}.structure-row{border-radius:0;margin:0;transition:background .2s;position:relative}.structure-row:hover{z-index:8;outline:1px solid var(--accent);outline-offset:-1px}.structure-row:has(.canvas-block:hover){z-index:8;outline:1px solid var(--accent);outline-offset:-1px}.structure-row.selected{outline:3px solid var(--accent);outline-offset:-3px;z-index:50}.structure-row.active{z-index:50}.structure-row.over{z-index:40;background:var(--accent-grad-soft)!important}body.dragging-row .structure-row:hover,body.dragging-row .structure-row.over{z-index:auto;margin:0;transform:none;background-color:#0000!important}body.dragging-row .canvas-block:hover{z-index:auto;background-color:#0000;transform:none}.structure-toolbar{color:var(--text-2);border:1px solid var(--border);opacity:0;z-index:20;pointer-events:none;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:4px;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #281e5a24}.structure-toolbar-left{left:0;transform:translateY(-50%)translate(calc(-100% - 8px))}.structure-toolbar-right{right:0;transform:translateY(-50%)translate(calc(100% + 8px))}.structure-row.active .structure-toolbar,.structure-row.selected .structure-toolbar{opacity:1;pointer-events:auto}.structure-toolbar-grip{width:24px;height:24px;color:var(--text-2);cursor:grab;border-radius:8px;justify-content:center;align-items:center;display:flex}.structure-toolbar-grip:hover{background:var(--bg-side)}.structure-toolbar-grip:active{cursor:grabbing}.structure-toolbar button{width:24px;height:24px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;display:flex}.structure-toolbar button:hover{background:var(--accent-light);color:var(--accent-dark)}.structure-row-inner{grid-auto-flow:column;align-items:stretch;gap:1px;min-height:30px;display:grid;position:relative}.structure-row-inner.row-empty{background:#ffffff59;transition:padding .25s,gap .25s}.column-cell{cursor:default;background:0 0;flex-direction:column;gap:1px;min-width:0;transition:gap .25s,padding .25s,background-color .25s;display:flex;position:relative}.canvas-email.no-markup .structure-row-inner,.canvas-email.no-markup .column-cell{gap:0}.canvas-email.no-markup .card-column{background:0 0;border:none}.canvas-inner{transform-origin:top;justify-content:center;min-height:100%;padding:56px 24px 24px;transition:transform .15s;display:flex;position:relative}.canvas-gap-guide{pointer-events:none;z-index:4;background:#6366f138;position:absolute}.canvas-gap-guide.vertical{width:1px;top:0;bottom:0}.canvas-gap-guide.horizontal{height:1px;left:0;right:0}[data-theme=dark] .canvas-gap-guide{background:#94a3b84d}.column-cell.column-empty-cell{border:1px dashed #c3bddb;justify-content:center;align-items:center;min-height:70px;padding:10px}.structure-drop-line{background:var(--accent-grad);height:3px;box-shadow:0 0 0 2px #ffffffb3, var(--accent-glow);border-radius:2px;animation:.2s dropLineIn;position:relative}.structure-drop-slot{padding:8px 0}.column-cell.drop-column{outline:2px solid var(--accent);outline-offset:-2px}.column-cell.drop-active{background:var(--accent-grad-soft)}.column-cell.drop-column.column-empty-cell{border:none}.column-empty{width:26px;height:26px;color:var(--text-2);cursor:pointer;background:#786ea01f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.column-empty:hover{background:var(--accent-light);color:var(--accent)}.column-add{z-index:5;background:var(--bg-side);width:26px;height:26px;color:var(--text-2);cursor:pointer;border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:50%;right:-13px;transform:translateY(-50%)}.column-add:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.card-column-empty{width:26px;height:26px;color:var(--text-2);cursor:pointer;background:#786ea01f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.card-column-empty:hover{background:var(--accent-light);color:var(--accent)}.add-block-menu{z-index:200;border:1px solid var(--border);background:#fff;border-radius:12px;width:200px;padding:8px;animation:.16s popIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #1e193c2e}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.add-block-menu-head{color:var(--text);align-items:center;gap:6px;padding:2px 4px 8px;font-size:12px;font-weight:600;display:flex}.add-block-menu-close{width:20px;height:20px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;display:flex}.add-block-menu-close:hover{background:var(--bg-side);color:var(--text)}.add-block-menu-grid{grid-template-columns:1fr 1fr;gap:4px;max-height:220px;display:grid;overflow-y:auto}.add-block-menu-grid button{background:var(--bg-side);color:var(--text);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;transition:background .15s,color .15s;display:flex}.add-block-menu-grid button:hover{background:var(--accent-light);color:var(--accent-dark)}.add-block-menu{width:260px;max-height:420px;overflow-y:auto}.add-block-menu-section{margin-bottom:8px}.add-block-menu-section:last-child{margin-bottom:0}.add-block-menu-title{text-transform:uppercase;letter-spacing:.4px;color:var(--text-2);align-items:center;gap:5px;padding:2px 4px 6px;font-size:11px;font-weight:700;display:flex}.add-block-menu-presets{grid-template-columns:1fr;gap:4px;display:grid}.add-block-preset{border:1px solid var(--border-light);background:var(--bg-side);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:flex}.add-block-preset:hover{background:var(--accent-light);border-color:var(--accent-2);color:var(--accent-dark)}[data-theme=dark] .add-block-menu{background:var(--bg-panel);border-color:var(--border)}[data-theme=dark] .column-empty,[data-theme=dark] .card-column-empty{background:var(--bg-panel)}.column-drop-overlay{background:var(--accent-grad-soft);border:2px solid var(--accent);color:var(--accent-dark);pointer-events:none;border-radius:6px;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.block-drop-wrapper{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.block-drop-line{pointer-events:none;background:0 0;height:18px;margin:-2px 6px;position:relative}.block-drop-line:before{content:"";background:var(--accent-grad);height:3px;box-shadow:0 0 0 2px #ffffffb3, var(--accent-glow);border-radius:2px;animation:.2s dropLineIn;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}@keyframes dropLineIn{0%{opacity:0;transform:translateY(-50%)scaleX(.35)}to{opacity:1;transform:translateY(-50%)scaleX(1)}}.canvas-block{border-radius:0;flex-direction:column;flex:auto;width:100%;min-height:0;transition:background-color .18s;display:flex;position:relative}.canvas-block:hover{outline:1px solid var(--accent);outline-offset:-1px;z-index:10}.structure-row:has(.canvas-block:hover){z-index:8}.canvas-block.selected{outline:3px solid var(--accent);outline-offset:-3px;z-index:50}.block-actions{border:1px solid var(--border);z-index:30;background:#fff;border-radius:12px;gap:2px;margin-bottom:8px;padding:3px;transition:opacity .2s,transform .2s,box-shadow .2s;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #281e5a24}.block-grip{width:26px;height:26px;color:var(--text-2);cursor:grab;border-radius:8px;justify-content:center;align-items:center;display:flex}.block-grip svg,.block-actions button svg{overflow:visible}.block-grip:hover{background:var(--bg-side)}.block-grip:active{cursor:grabbing}.block-actions button{width:26px;height:26px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.block-actions button:hover{background:var(--accent-light);color:var(--accent-dark)}.block-actions button[title=Удалить],.structure-toolbar button[title=Удалить\ слой]{color:var(--danger)}.block-actions button[title=Удалить]:hover,.structure-toolbar button[title=Удалить\ слой]:hover{color:var(--danger);background:#fdecea}.canvas-block-inner{flex-direction:column;flex:1;width:100%;min-height:8px;display:flex}.canvas-block-inner>*{flex:1;width:100%;min-height:0}.canvas-block a{user-drag:none;-webkit-user-drag:none}.canvas-block-inner [contenteditable]{cursor:text;outline:none;min-height:14px}.drop-zone-bottom{justify-content:center;align-items:center;height:44px;display:flex}.drop-zone-indicator{border:1px dashed var(--accent-2);width:96%;color:var(--accent-dark);text-align:center;background:var(--accent-light);border-radius:10px;padding:8px;font-size:13px;font-weight:600}.block-drop-preview{pointer-events:none;opacity:.85;border:1px dashed var(--accent-2);background:#fff;border-radius:0;width:100%;margin:2px 0;padding:6px;animation:.15s fadeSlideIn}.block-drop-preview .canvas-block-inner,.block-drop-preview .block-actions{display:none}.block-drop-preview-bottom{width:96%;margin:4px auto}.settings-header{border-bottom:1px solid var(--border-light);z-index:5;background:#fbfcfb;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:600;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #281e5a0f}.close-settings{width:26px;height:26px;color:var(--text-2);border-radius:4px;font-size:13px}.close-settings:hover{background:var(--bg-side)}.settings-section{border:1px solid var(--border-light);z-index:1;background:#fff;border-radius:0;margin:0 0 -1px;padding:12px 14px;transition:box-shadow .18s;position:relative}.settings-section:last-of-type{margin-bottom:0}.settings-section:hover{z-index:2;box-shadow:0 4px 16px #281e5a14}.settings-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);margin-bottom:10px;font-size:11px;font-weight:600}.settings-field{margin-bottom:10px}.settings-field:last-child,.settings-section>:last-child{margin-bottom:0}.settings-label{color:var(--text-2);margin-bottom:5px;font-size:11.5px;font-weight:600;display:block}.settings-input{border:1px solid var(--border);background:#fff;border-radius:10px;outline:none;width:100%;padding:6px 9px;transition:border-color .15s,box-shadow .15s}.settings-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow-soft)}.settings-input:hover{border-color:var(--accent-2)}.settings-input.number{padding-right:34px}.settings-input.number.has-icon{padding:8px 8px 8px 32px;font-size:11.5px}.settings-input.datetime-field{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.settings-input.datetime-field::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.settings-text-editor{border:1px solid var(--border);width:100%;min-height:90px;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:8px;font-family:Inter,ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5}.settings-text-editor:focus{border-color:var(--accent)}.settings-text-editor[data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--text-2);opacity:.5;pointer-events:none}.text-editor-wrap{flex-direction:column;gap:6px;display:flex}.text-format-toolbar{border:1px solid var(--border);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:2px;padding:4px;display:flex}.text-format-toolbar button{width:28px;height:26px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.text-format-toolbar button:hover{background:var(--bg-side);color:var(--accent-dark)}.text-format-sep{background:var(--border);flex-shrink:0;width:1px;height:16px;margin:0 3px}.text-color-field{display:flex;position:relative}.text-format-color-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:26px;transition:background .15s;display:flex;position:relative}.text-format-color-btn:after{content:"";background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:14px;height:14px}.text-format-color-btn:hover{background:var(--bg-side)}.text-color-popover{z-index:40;border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:10px;width:196px;padding:10px;animation:.18s fadeSlideIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #1e193c29}[data-theme=dark] .text-color-popover{background:var(--bg-panel);border-color:var(--border)}.text-format-color input{opacity:0;cursor:pointer;position:absolute;inset:0}[data-theme=dark] .text-format-toolbar{background:var(--bg-panel)}[data-theme=dark] .text-format-toolbar button:hover{background:var(--bg-side)}[data-theme=dark] .text-format-sep{background:var(--border)}.settings-textarea{border:1px solid var(--border);resize:vertical;background:#fff;border-radius:10px;outline:none;width:100%;padding:8px;font-family:Inter,ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5}.settings-textarea:focus{border-color:var(--accent)}.settings-textarea:hover{border-color:var(--accent-2)}.custom-select{position:relative}.custom-select-trigger{border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text-1);background:#fff;border-radius:10px;outline:none;justify-content:space-between;align-items:center;gap:6px;padding:6px 9px;font-size:13px;transition:border-color .15s,box-shadow .15s;display:flex}.custom-select-trigger:hover,.custom-select-trigger.open{border-color:var(--accent)}.custom-select-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow-soft)}.custom-select-trigger:disabled{opacity:.55;cursor:not-allowed}.custom-select-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-select-chevron{color:var(--text-2);flex-shrink:0;transition:transform .15s}.custom-select-trigger.open .custom-select-chevron{transform:rotate(180deg)}.custom-select-menu{z-index:30;border:1px solid var(--border);background:#fff;border-radius:12px;max-height:220px;padding:4px;animation:.18s fadeSlideIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 6px 18px #281e5a1f}.custom-select-option{cursor:pointer;width:100%;color:var(--text-1);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background .15s,color .15s;display:flex}.custom-select-option:hover{background:var(--bg-side)}.custom-select-option.selected{color:var(--accent);font-weight:600}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.settings-hint{color:var(--text-2);padding:0 14px;font-size:11.5px;line-height:1.45}.settings-warn{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:8px;margin:8px 14px 0;padding:8px 10px}[data-theme=dark] .settings-warn{color:#fbbf24;background:#f59e0b24;border-color:#f59e0b59}.field-row{align-items:stretch;gap:10px;margin-bottom:10px;display:flex}.field-row:last-child{margin-bottom:0}.bg-inline-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.field-row .settings-field{flex:1;min-width:0;margin-bottom:0}.field-row .number-input-wrap{flex:1;min-width:0}.number-input-wrap{position:relative}.settings-input.number.has-slider{appearance:textfield}.settings-input.number.has-slider::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.settings-input.number.has-slider::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range-popover{z-index:40;border:1px solid var(--border);background:#fff;border-radius:12px;padding:10px 12px;animation:.15s fadeSlideIn;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 6px 20px #281e5a29}.range-popover .range-slider{width:100%;accent-color:var(--accent-2);cursor:pointer;margin:0}.number-suffix{color:var(--text-2);pointer-events:none;font-size:11px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.color-input-wrap{gap:8px;display:flex}.color-input{border:1px solid var(--border);background:#fff;border-radius:5px;flex-shrink:0;width:36px;height:30px;padding:0}.color-text{flex:1}.align-buttons{width:fit-content}.align-btn{width:30px;height:26px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:color .18s;display:flex}.align-btn.active{color:#fff}.figma-spacing{flex-direction:column;gap:8px;display:flex}.figma-spacing-head{justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.figma-spacing-title{color:var(--text-2);font-size:11.5px;font-weight:600}.figma-spacing-body{flex:1;min-width:0}.figma-spacing-inline{align-items:center;gap:5px;display:flex}.figma-spacing-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.figma-spacing-cell{flex:1;min-width:0}.figma-spacing-cell .settings-input.number{border-radius:8px;padding:8px 8px 8px 32px;font-size:11.5px}.number-input-icon{color:var(--text-2);pointer-events:none;z-index:1;display:flex;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.spacing-link-btn{border:1px solid var(--border);width:30px;height:32px;color:var(--text-2);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.spacing-link-btn:hover{border-color:var(--accent);color:var(--accent-dark)}.spacing-link-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 3px var(--accent-glow-soft)}.toggle-wrap{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.toggle-wrap input{display:none}.toggle-track{box-sizing:border-box;background:#cfd6cf;border:1px solid #0000;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.toggle-track .toggle-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:50%;left:2px;transform:translateY(-50%);box-shadow:0 1px 2px #00000040}.toggle-wrap input:checked+.toggle-track{background:var(--accent)}.toggle-wrap input:checked+.toggle-track .toggle-thumb{left:18px}.columns-info{flex-direction:column;gap:8px;display:flex}.column-info-row{flex-direction:column;gap:5px;font-size:12px;display:flex}.column-info-head{text-transform:uppercase;letter-spacing:.03em;color:var(--text-2);font-size:11px;font-weight:600}.column-info-controls{align-items:center;gap:8px;display:flex}.column-info-controls .custom-select,.column-info-controls .number-input-wrap{flex:1;min-width:0}.column-width-control{display:block}.column-width-control .number-input-wrap{flex:1;min-width:0}.column-width-unit{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.column-width-unit .custom-select{flex:0 0 72px}.column-width-unit .number-input-wrap{flex:1;min-width:0}.column-info-input{margin-top:6px}.column-info-input .number-input-wrap{flex:1;min-width:0}.range-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:4px}.range-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.range-slider::-moz-range-thumb{border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.range-slider::-moz-range-track{background:var(--border);border-radius:3px;height:4px}.range-slider:disabled{opacity:.55;cursor:not-allowed}.range-input-wrap{align-items:center;gap:8px;display:flex}.range-input-wrap .range-slider{flex:1}.range-input-value{text-align:right;min-width:40px;color:var(--text);font-size:12px;font-weight:600}.color-field{position:relative}.color-swatch{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;width:38px;height:38px;transition:border-color .15s,box-shadow .15s}.color-swatch:hover,.color-swatch:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow-soft)}.color-swatch.none{background-image:linear-gradient(45deg,#0000 46%,#d33 46% 54%,#0000 54%)}.color-popover{z-index:30;border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:10px;width:196px;padding:10px;animation:.18s fadeSlideIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #1e193c29}.color-presets{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.color-preset{cursor:pointer;border:1px solid #0000001f;border-radius:50%;width:24px;height:24px;padding:0;transition:transform .12s,box-shadow .12s}.color-preset-none{background:#fff;justify-content:center;align-items:center;display:inline-flex;position:relative}.color-none-line{background:#ef4444;width:100%;height:1px;transform:rotate(-45deg)}.color-preset-none.active .color-none-line{background:#fff}.color-preset:hover{transform:scale(1.15)}.color-preset.active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.color-swatch,.color-preset{aspect-ratio:1}.color-picker-row{align-items:center;gap:8px;display:flex}.color-custom-btn{border:2px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;width:36px;height:36px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff9}.color-custom-btn input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.color-custom-btn:hover{box-shadow:0 0 0 3px var(--accent-glow-soft);transform:scale(1.1)}.color-picker-row .color-text{flex:1;min-width:0}.padding-controls{flex-direction:column;gap:10px;display:flex}.custom-checkbox-wrap,.custom-radio-wrap{cursor:pointer;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.custom-checkbox-wrap input,.custom-radio-wrap input{display:none}.custom-checkbox{border:1.5px solid var(--border);color:#fff;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:background .15s,border-color .15s;display:flex}.custom-checkbox-wrap input:checked+.custom-checkbox{background:var(--accent);border-color:var(--accent)}.custom-checkbox-wrap input:focus-visible+.custom-checkbox{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow-soft)}.custom-checkbox-label,.custom-radio-label{white-space:nowrap}.custom-radio{border:1.5px solid var(--border);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .15s;display:flex}.custom-radio-dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.custom-radio-wrap input:checked+.custom-radio{border-color:var(--accent)}.custom-radio-wrap input:focus-visible+.custom-radio{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow-soft)}.custom-checkbox-wrap:hover .custom-checkbox,.custom-radio-wrap:hover .custom-radio{box-shadow:0 0 0 3px var(--accent-glow-soft)}.network-list{flex-direction:column;gap:7px;display:flex}.network-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.network-row .settings-input{flex:1;min-width:110px}.network-row .network-name-input{flex:0 90px;min-width:70px}.network-reorder{flex-direction:column;gap:2px;display:flex}.network-reorder button{width:18px;height:14px;color:var(--text-2);border-radius:4px;justify-content:center;align-items:center;display:flex}.network-reorder button:hover:not(:disabled){background:var(--accent-light);color:var(--accent-dark)}.network-reorder button:disabled{opacity:.3;cursor:default}.network-icon-btn{border:1px solid var(--border);width:26px;height:26px;color:var(--text-2);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.network-icon-btn:hover{border-color:var(--accent)}.network-icon-btn img{object-fit:cover;width:16px;height:16px}.network-icon-btn svg{width:15px;height:15px}.network-icon-btn .network-letter{color:var(--text-2);font-size:12px;font-weight:700}.social-icon-mask{-webkit-background-size:contain;background-size:contain;flex-shrink:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.network-icon-clear{background:var(--danger);color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:-22px;margin-left:-8px;display:flex}.network-name{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;max-width:88px;font-size:12px;font-weight:600;overflow:hidden}.network-row-remove{width:20px;height:20px;color:var(--danger);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.network-row-remove:hover{color:var(--danger);background:#fdecea}.network-add-list{flex-wrap:wrap;gap:6px;margin:8px 0 2px;display:flex}.network-add-chip{border:1px dashed var(--border);color:var(--text-2);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:border-color .15s,color .15s;display:inline-flex}.network-add-chip:hover{border-color:var(--accent);color:var(--accent)}.menu-items-list{flex-direction:column;gap:7px;display:flex}.menu-item-row{align-items:center;gap:5px;display:flex}.menu-item-row .settings-input{flex:1}.menu-item-idx{background:var(--accent-light);width:18px;height:18px;color:var(--accent-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.menu-item-remove{width:20px;height:20px;color:var(--danger);border-radius:4px;flex-shrink:0;font-size:11px}.menu-item-remove:hover{color:var(--danger);background:#fdecea}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;flex-direction:column;width:520px;max-width:100%;max-height:86vh;padding:0 20px 20px;animation:.22s cubic-bezier(.2,.9,.3,1.1) modalIn;display:flex;box-shadow:0 24px 64px #00000047}.export-modal{width:680px}.modal-header{justify-content:space-between;align-items:center;padding:16px 0 8px;display:flex}.modal-header h3{margin:0;font-size:16px}.modal-hint{color:var(--text-2);margin:4px 0 12px;font-size:12.5px;line-height:1.5}.export-actions{gap:8px;margin-bottom:10px;display:flex}.export-size{color:var(--text-2);background:var(--bg-2,#f2f5f2);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;padding:8px 12px;font-size:12.5px;display:flex}.export-size-warn{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;line-height:1.4;display:inline-flex}.export-code{border:1px solid var(--border);resize:none;background:#fafbfa;border-radius:8px;flex:1;min-height:300px;padding:12px;font-family:Inter,ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5}.modal-input{margin:4px 0 14px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.account-modal-overlay{z-index:90;opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;padding:20px;transition:opacity .15s;display:flex;position:fixed;inset:0}.account-modal-overlay.open{opacity:1;pointer-events:auto}.account-modal{background:#fff;border-radius:20px;width:480px;max-width:100%;max-height:88vh;padding:0 20px 20px;overflow-y:auto;box-shadow:0 24px 64px #00000047}.account-info{align-items:center;gap:12px;padding:16px 0 8px;display:flex}.account-avatar{background:var(--accent-grad);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:600;display:flex}.account-name{font-size:15px;font-weight:600}.account-email{color:var(--text-2);font-size:12px}.plan-badge{background:var(--accent-light);color:var(--accent-dark);border-radius:12px;align-items:center;gap:6px;margin-top:6px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-flex}.plan-free{background:var(--bg-side);color:var(--text-2)}.plan-expiry{color:var(--text-2);margin:8px 0 0;font-size:12px}.account-section{border-top:1px solid var(--border-light);padding:14px 0}.account-plans{flex-direction:column;gap:8px;display:flex}.account-plan{border:1px solid var(--border);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:border-color .15s;display:flex}.account-plan:hover{border-color:var(--accent)}.account-plan.active{border-color:var(--accent);background:var(--accent-light)}.account-plan-head{flex-direction:column;gap:2px;display:flex}.account-plan-name{font-weight:600}.account-plan-price{color:var(--text-2);font-size:12px}.account-plan-price small{font-size:11px}.account-plan-check{color:var(--accent-dark);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.account-actions{border-top:1px solid var(--border-light);padding-top:12px}.account-meta-row{color:var(--text-2);align-items:center;gap:8px;padding:3px 0;font-size:12px;display:flex}.account-empty{text-align:center;padding:28px 8px}.account-empty h3{margin:0 0 8px}.account-empty p{color:var(--text-2);line-height:1.5}.account-empty .modal-actions{justify-content:center;margin-top:16px}@media (width<=1100px){.features-grid,.steps,.pricing-grid{grid-template-columns:repeat(2,1fr)}:root{--left-w:220px;--right-w:270px}}@media (width<=820px){.site-nav,.site-header-actions .btn{display:none}.site-burger{display:inline-flex}.site-mobile-menu{border-top:1px solid var(--border-light);background:#fff;flex-direction:column;gap:6px;padding:10px 20px 16px;display:flex}.site-mobile-menu a{padding:8px 4px;font-weight:500}.hero h1{font-size:32px}.features-grid,.steps,.pricing-grid{grid-template-columns:1fr}.hero-stats{gap:30px}.toolbar-center,.autosave-status{display:none}:root{--left-w:190px;--right-w:240px}.left-panel{display:none}}@media (width<=640px){.template-name-wrap{display:none}.toolbar-right .btn{padding:6px 8px}.right-panel{display:none}}.preview-modal{width:920px;max-width:96vw}.preview-header{justify-content:flex-start;gap:12px}.preview-header h3{margin-right:auto}.preview-device-switch{background:#f1f3f4;border-radius:8px;gap:2px;padding:3px;display:flex}.preview-device-btn{width:30px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.preview-device-btn:hover{background:var(--bg-side);color:var(--text)}.preview-device-btn.active{background:var(--accent-grad);color:#fff;box-shadow:var(--accent-glow)}.preview-device-sep{background:var(--border);width:1px;height:18px;margin:0 5px}.preview-stage{border:1px solid var(--border);background:#eef0f3;border-radius:12px;justify-content:center;max-height:70vh;margin-top:4px;padding:24px;display:flex;overflow:hidden auto}.email-client-frame{background:#fff;border:1px solid #dfe1e5;border-radius:10px;flex-direction:column;flex-shrink:0;height:560px;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000024}.stage-desktop .email-client-frame{width:860px}.stage-mobile .email-client-frame{width:342px}.email-client-header{border-bottom:1px solid #eceff1;align-items:center;gap:10px;padding:8px 12px;display:flex}.email-client-logo{color:#fff;background:#ea4335;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.email-client-brand{white-space:nowrap;font-size:13px;font-weight:600}.email-client-search{color:#5f6368;background:#f1f3f4;border-radius:8px;flex:1;align-items:center;gap:6px;max-width:300px;padding:6px 10px;font-size:12px;display:flex}.email-client-icon{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.email-client-icon:hover{background:#f1f3f4}.email-client-body{flex:1;min-height:0;display:flex}.email-list{border-right:1px solid #eceff1;flex-shrink:0;width:250px;overflow-y:auto}.email-list-header{color:#3c4043;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;font-weight:600;display:flex}.email-list-header span{margin-right:auto}.email-list-item{border-bottom:1px solid #f1f3f4;padding:10px 12px}.email-list-item.active{background:#e8f0fe;box-shadow:inset 2px 0 #1a73e8}.email-list-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.email-list-item-name{color:#202124;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.email-list-item-time{color:#5f6368;white-space:nowrap;font-size:11px}.email-list-item-sender{color:#3c4043;margin-top:2px;font-size:11.5px}.email-list-item-preview{color:#5f6368;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.email-reading{background:#f6f8fa;flex-direction:column;flex:1;align-items:center;min-width:0;padding:16px;display:flex;overflow:hidden auto}.email-reading-head{width:100%;margin-bottom:10px}.email-reading-title{color:#202124;margin-bottom:8px;font-size:16px;font-weight:600}.email-reading-from{align-items:center;gap:10px;display:flex}.email-reading-avatar{color:#fff;background:#1a73e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.email-reading-sender{color:#202124;font-size:12.5px;font-weight:600}.email-reading-address{color:#5f6368;font-weight:400}.email-reading-time{color:#5f6368;font-size:11px}.email-client-frame.preview-dark{background:#202124;border-color:#3c4043}.email-client-frame.preview-dark .email-client-header{border-bottom-color:#3c4043}.email-client-frame.preview-dark .email-client-brand,.email-client-frame.preview-dark .email-list-header{color:#e8eaed}.email-client-frame.preview-dark .email-client-search{color:#9aa0a6;background:#3c4043}.email-client-frame.preview-dark .email-client-icon{color:#9aa0a6}.email-client-frame.preview-dark .email-client-icon:hover{background:#3c4043}.email-client-frame.preview-dark .email-list{border-right-color:#3c4043}.email-client-frame.preview-dark .email-list-item{border-bottom-color:#3c4043}.email-client-frame.preview-dark .email-list-item.active{background:#373b3e;box-shadow:inset 2px 0 #8ab4f8}.email-client-frame.preview-dark .email-list-item-name,.email-client-frame.preview-dark .email-reading-title,.email-client-frame.preview-dark .email-reading-sender{color:#e8eaed}.email-client-frame.preview-dark .email-list-item-sender{color:#bdc1c6}.email-client-frame.preview-dark .email-list-item-time,.email-client-frame.preview-dark .email-list-item-preview,.email-client-frame.preview-dark .email-reading-address,.email-client-frame.preview-dark .email-reading-time{color:#9aa0a6}.email-client-frame.preview-dark .email-reading{background:#2d2e30}.email-client-frame.preview-dark .link-tooltip{color:#e8eaed;background:#35363a;border-color:#5f6368;box-shadow:0 8px 24px #00000080}.email-reading-actions{gap:6px;margin-top:8px;display:flex}.preview-email{box-sizing:border-box;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.preview-email.markup{flex-direction:column;gap:1px;display:flex}.preview-email.markup .preview-structure>div,.preview-email.markup .preview-structure>div>div,.preview-email.markup .preview-structure>div>div{gap:1px}.preview-structure{box-sizing:border-box}.preview-structure>div{align-items:stretch;display:flex}.preview-structure>div>div{box-sizing:border-box;flex-direction:column;display:flex}.preview-structure>div>div>*{flex:auto;min-height:0}.preview-overlay{align-items:center}.preview-client{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #281e5a1f}.preview-client-header{border-bottom:1px solid var(--border-light);background:#f8f9fb;align-items:center;gap:10px;padding:8px 12px;display:flex}.preview-client-logo{color:#d93025;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.preview-client-search{border:1px solid var(--border-light);max-width:260px;color:var(--text-2);background:#fff;border-radius:8px;flex:1;align-items:center;gap:6px;margin-left:8px;padding:4px 8px;font-size:12px;display:flex}.preview-client-actions{color:var(--text-2);gap:6px;margin-left:auto;display:flex}.preview-client-body{min-height:420px;display:flex}.preview-list{border-right:1px solid var(--border-light);background:#fff;width:240px;overflow-y:auto}.preview-list-item{border-bottom:1px solid var(--border-light);cursor:default;padding:10px 12px}.preview-list-item.active{background:var(--accent-light);box-shadow:inset 3px 0 0 var(--accent)}.preview-mail-title{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.preview-mail-subject{color:var(--text-2);margin-top:2px;font-size:12px}.preview-mail-preview{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.preview-article{background:#f4f6f8;flex-direction:column;flex:1;align-items:center;gap:12px;padding:16px;display:flex;overflow:hidden auto}.preview-article-head{text-align:left;width:100%}.preview-article-head h4{margin:0;font-size:16px}.preview-article-head .sender{color:var(--text-2);font-size:12px}.preview-email .preview-structure{display:block}.stage-mobile .preview-client-body{min-height:380px}.stage-mobile .preview-list{display:none}.stage-mobile .preview-article{padding:10px}.segmented-control{margin-bottom:10px;display:flex}.segmented-control .seg-btn{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:12px;font-weight:600;transition:color .18s;display:inline-flex}.segmented-control .seg-btn:hover{color:var(--accent-dark)}.segmented-control .seg-btn.active{color:#fff}.segmented-control.heading-levels{margin-top:8px}.segmented-control.heading-levels .seg-btn span{text-overflow:ellipsis;color:var(--text-2);font-size:11px;overflow:hidden}.structure-panel{padding:10px}.structure-panel-head{color:var(--text);align-items:center;gap:8px;padding:6px 4px 10px;font-weight:600;display:flex}.structure-tree{flex-direction:column;gap:4px;display:flex}.tree-node{flex-direction:column;display:flex}.tree-row{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:7px;padding:7px 9px;font-size:12.5px;transition:background .15s,color .15s;display:flex}.tree-row:hover{background:var(--bg-side);color:var(--text)}.tree-row.selected{background:var(--accent-light);color:var(--accent-dark);font-weight:600}.tree-badge{background:var(--bg-side);border:1px solid var(--border-light);color:var(--text-2);border-radius:8px;margin-left:auto;padding:1px 6px;font-size:10px}.tree-children{border-left:1px solid var(--border-light);flex-direction:column;gap:3px;margin-left:14px;padding-left:6px;display:flex}.tree-column-row{color:var(--text-2)}.tree-block .tree-row{padding:6px 8px;font-size:12px}.tree-block.selected .tree-row{background:var(--accent-light);color:var(--accent-dark)}.tree-empty{color:var(--text-2);padding:5px 8px;font-size:11px;font-style:italic}.tree-image-meta{background:var(--bg-side);border:1px solid var(--border-light);color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:6px;margin:0 8px 4px;padding:3px 6px;font-size:10.5px;display:flex}.tree-image-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-image-compress{border:1px solid var(--border);color:var(--accent-dark);cursor:pointer;background:0 0;border-radius:6px;flex:none;margin-left:auto;padding:2px 7px;font-size:10.5px;font-weight:600}.tree-image-compress:hover{background:var(--accent-light)}.tree-image-compress:disabled{opacity:.6;cursor:default}@keyframes blockPulse{0%{box-shadow:0 0 #7c5cf680}70%{box-shadow:0 0 0 10px #7c5cf600}to{box-shadow:0 0 #7c5cf600}}.canvas-block.block-focus{outline:2px solid var(--accent);animation:1.2s 2 blockPulse}.toolbar-actions-center{justify-content:center;align-items:center;gap:6px;display:flex}.toolbar-title{text-align:left;flex:1}.toolbar-instruments{flex:1;justify-content:center;align-items:center;display:flex}.toolbar-save{flex:1;justify-content:flex-end;align-items:center;display:flex}.template-name-input-centered{width:240px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#281e5a29 padding-box content-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#281e5a4d padding-box content-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#281e5a29 transparent}.add-custom-btn{margin-top:10px}.custom-network-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:8px;margin-top:10px;padding:10px;animation:.18s fadeSlideIn;display:flex}.custom-network-head{justify-content:space-between;align-items:center;display:flex}.custom-network-title{color:var(--text);font-size:12px;font-weight:600}.custom-network-remove{width:24px;height:24px;color:var(--danger);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.custom-network-remove:hover{color:var(--danger);background:#fdecea}.custom-network-icon-row{align-items:center;gap:8px;display:flex}.custom-network-icon-preview{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:28px;height:28px}.custom-network-upload{border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:11.5px;transition:all .15s;display:inline-flex}.custom-network-upload:hover{border-color:var(--accent);color:var(--accent-dark)}.link-tooltip{border:1px solid var(--border);z-index:5;background:#fff;border-radius:12px;flex-direction:column;align-self:stretch;gap:6px;margin:12px 0 0;padding:12px 14px;animation:.18s fadeSlideIn;display:flex;position:sticky;bottom:8px;box-shadow:0 8px 30px #281e5a2e}.link-tooltip-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.link-tooltip-url{color:var(--accent-dark);word-break:break-all;font-size:13px;font-weight:500}.link-tooltip-actions{justify-content:flex-end;gap:8px;display:flex}.btn-sm{border-radius:8px;padding:6px 12px;font-size:12px}.image-picker-wrap{flex-direction:column;gap:8px;display:flex}.image-picker-current{border:1px solid var(--border);border-radius:10px;position:relative;overflow:hidden}.image-picker-current img{object-fit:cover;width:100%;max-height:90px;display:block}.image-picker-clear{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;right:4px}.seg-switch{--pad:3px;--gap:3px;align-items:stretch;gap:var(--gap);padding:var(--pad);background:var(--bg-side);border:1px solid var(--border-light);border-radius:10px;display:flex;position:relative;overflow:hidden}.seg-slider{top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc((100% - 2 * var(--pad) - (var(--n) - 1) * var(--gap)) / var(--n));transform:translateX(calc((100% + var(--gap)) * var(--i)));background:var(--accent-grad);box-shadow:var(--accent-glow);z-index:0;pointer-events:none;border-radius:8px;transition:transform .3s cubic-bezier(.3,.8,.4,1);position:absolute}.seg-switch>button,.seg-switch>:not(.seg-slider){z-index:1;position:relative}.panel-tabs{border-bottom:1px solid var(--border)}[data-theme=dark]{--border:#3a3650;--border-light:#2e2b40;--bg-canvas:#1c1a28;--bg-panel:#232130;--bg-side:#2a2738;--text:#e8e6f5;--text-2:#a29cbb;--accent-light:#2e2a45;--shadow:0 2px 10px #0006;--accent-glow-soft:#8b5cf64d}[data-theme=dark] body{background:#1c1a28}[data-theme=dark] .top-toolbar,[data-theme=dark] .left-panel,[data-theme=dark] .right-panel,[data-theme=dark] .settings-section,[data-theme=dark] .template-card,[data-theme=dark] .content-item,[data-theme=dark] .structure-item,[data-theme=dark] .custom-select-menu,[data-theme=dark] .color-popover,[data-theme=dark] .modal,[data-theme=dark] .btn-ghost,[data-theme=dark] .settings-input,[data-theme=dark] .settings-textarea{background:var(--bg-panel);color:var(--text)}[data-theme=dark] .settings-input,[data-theme=dark] .settings-textarea,[data-theme=dark] .custom-select-trigger{border-color:var(--border);color:var(--text)}[data-theme=dark] .settings-input:focus{border-color:var(--accent)}[data-theme=dark] .structure-toolbar,[data-theme=dark] .block-actions,[data-theme=dark] .spacing-link-btn,[data-theme=dark] .settings-text-editor,[data-theme=dark] .block-drop-preview{background:var(--bg-panel);border-color:var(--border);color:var(--text)}[data-theme=dark] .settings-text-editor{color:var(--text)}[data-theme=dark] .structure-row.active,[data-theme=dark] .structure-row.selected,html[data-theme=dark] .structure-row.active,html[data-theme=dark] .structure-row.selected,[data-theme=dark] .canvas-block.selected,html[data-theme=dark] .canvas-block.selected{outline-color:var(--accent)}[data-theme=dark] .spacing-link-btn.active{background:var(--accent);border-color:var(--accent)}[data-theme=dark] .spacing-link-btn:hover{border-color:var(--accent);color:var(--accent)}[data-theme=dark] .block-actions button:hover,[data-theme=dark] .structure-toolbar button:hover{background:var(--bg-side);color:var(--accent)}[data-theme=dark] .block-grip,[data-theme=dark] .structure-toolbar-grip{color:var(--text-2)}[data-theme=dark] .block-grip:hover,[data-theme=dark] .structure-toolbar-grip:hover{background:var(--bg-side)}[data-theme=dark] .list-item-row,[data-theme=dark] .network-row{background:var(--bg-side);border-color:var(--border)}[data-theme=dark] .network-icon-btn{background:var(--bg-panel);border-color:var(--border);color:var(--text-2)}[data-theme=dark] .network-reorder button:hover:not(:disabled){color:var(--accent);background:#6d5ae629}[data-theme=dark] .network-row-remove:hover{color:var(--danger);background:#dc2f4e29}[data-theme=dark] .network-add-chip{color:var(--text-2)}[data-theme=dark] .network-add-chip:hover{color:var(--accent)}[data-theme=dark] .settings-hint{color:var(--text-2)}[data-theme=dark] .settings-header{background:var(--bg-panel);border-bottom-color:var(--border);color:var(--text);box-shadow:0 1px 4px #0000004d}[data-theme=dark] .structure-preview-col{background:var(--bg-side);border-color:var(--border)}[data-theme=dark] .panel-search{background:var(--bg-panel);border-color:var(--border)}[data-theme=dark] .panel-search input{color:var(--text)}[data-theme=dark] .custom-select-trigger{background:var(--bg-panel);color:var(--text)}[data-theme=dark] .range-popover{background:var(--bg-panel);border-color:var(--border);box-shadow:0 6px 20px #00000073}[data-theme=dark] .template-thumb{background:var(--bg-side);border-bottom-color:var(--border)}[data-theme=dark] .template-thumb-frame,[data-theme=dark] .custom-checkbox,[data-theme=dark] .stock-cat,[data-theme=dark] .stock-refresh,[data-theme=dark] .tag-item{background:var(--bg-panel)}[data-theme=dark] .stock-cat:hover,[data-theme=dark] .stock-refresh:hover,[data-theme=dark] .tag-item code{background:var(--bg-side);color:var(--accent)}[data-theme=dark] .block-preview{background:var(--bg-side);color:var(--text-2)}[data-theme=dark] .block-preview-icon{background:0 0}[data-theme=dark] .text-line{background:var(--border)}[data-theme=dark] .preview-divider{border-top-color:var(--border)}[data-theme=dark] .preview-spacer{background:repeating-linear-gradient(90deg, var(--border) 0 6px, transparent 6px 12px)}[data-theme=dark] .image-current-preview{background:var(--bg-panel);border-color:var(--border)}[data-theme=dark] .device-btn.active{background:var(--bg-panel);color:var(--accent);box-shadow:0 1px 3px #0006}[data-theme=dark] .preview-device-switch,[data-theme=dark] .preview-stage{background:var(--bg-side)}[data-theme=dark] .export-code{background:var(--bg-panel);color:var(--text);border-color:var(--border)}[data-theme=dark] .toggle-track{background:var(--bg-side);border:1px solid var(--border);box-sizing:border-box}[data-theme=dark] .toggle-track .toggle-thumb{background:var(--bg-panel);border:1px solid var(--border);box-sizing:border-box}[data-theme=dark] .custom-radio{background:var(--bg-panel)}[data-theme=dark] .plan-hint{background:var(--bg-side);border-color:var(--border);color:var(--text)}[data-theme=dark] .preview-client{background:var(--bg-panel);border-color:var(--border);box-shadow:0 10px 40px #00000080}[data-theme=dark] .preview-client-header{background:var(--bg-side);border-bottom-color:var(--border)}[data-theme=dark] .preview-client-search{background:var(--bg-panel);border-color:var(--border)}[data-theme=dark] .preview-list{background:var(--bg-panel);border-right-color:var(--border)}[data-theme=dark] .preview-list-item{border-bottom-color:var(--border)}[data-theme=dark] .preview-article{background:var(--bg-side)}[data-theme=dark] .preview-email{box-shadow:0 1px 3px #0006}[data-theme=dark] .email-client-frame{background:var(--bg-panel);border-color:var(--border);box-shadow:0 10px 30px #00000080}[data-theme=dark] .email-client-brand{color:var(--text)}[data-theme=dark] .email-client-header{border-bottom-color:var(--border)}[data-theme=dark] .email-client-search{background:var(--bg-side);color:var(--text-2)}[data-theme=dark] .email-client-icon{color:var(--text-2)}[data-theme=dark] .email-client-icon:hover{background:var(--bg-side)}[data-theme=dark] .email-list{border-right-color:var(--border)}[data-theme=dark] .email-list-header{color:var(--text)}[data-theme=dark] .email-list-item{border-bottom-color:var(--border)}[data-theme=dark] .email-list-item.active{background:var(--accent-light);box-shadow:inset 2px 0 0 var(--accent)}[data-theme=dark] .email-list-item-name,[data-theme=dark] .email-list-item-sender,[data-theme=dark] .email-reading-title,[data-theme=dark] .email-reading-sender{color:var(--text)}[data-theme=dark] .email-list-item-time,[data-theme=dark] .email-list-item-preview,[data-theme=dark] .email-reading-address,[data-theme=dark] .email-reading-time{color:var(--text-2)}[data-theme=dark] .email-reading{background:var(--bg-side)}[data-theme=dark] .link-tooltip{background:var(--bg-panel);border-color:var(--border);color:var(--text);box-shadow:0 8px 24px #00000080}.uikit-modal{width:760px;max-width:94vw}.uikit-grid{grid-template-columns:1fr 1fr;gap:14px;max-height:70vh;padding:4px 0 16px;display:grid;overflow-y:auto}.uikit-section{background:var(--bg-side);border:1px solid var(--border-light);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.uikit-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-2);font-size:11px;font-weight:600}.uikit-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--bg-side);color:var(--text-2);cursor:pointer;border-radius:10px;align-items:center;gap:4px;padding:6px 8px;transition:all .2s;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent-dark)}.theme-toggle svg{opacity:.4;transition:opacity .2s}.theme-toggle svg.on{opacity:1;color:var(--accent-2)}.list-items-editor{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.list-items-editor-title{color:var(--text-2);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.list-item-row{align-items:center;gap:6px;display:flex}.list-item-row .settings-input{flex:1}.list-item-row .menu-item-idx{background:var(--accent-light);width:18px;height:18px;color:var(--accent-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.list-item-row .menu-item-remove{width:20px;height:20px;color:var(--danger);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.list-item-row .menu-item-remove:hover{color:var(--danger);background:#fdecea}[data-theme=dark] .block-actions button[title=Удалить],[data-theme=dark] .structure-toolbar button[title=Удалить\ слой],[data-theme=dark] .menu-item-remove,[data-theme=dark] .list-item-row .menu-item-remove,[data-theme=dark] .custom-network-remove{color:var(--danger)}[data-theme=dark] .block-actions button[title=Удалить]:hover,[data-theme=dark] .structure-toolbar button[title=Удалить\ слой]:hover,[data-theme=dark] .menu-item-remove:hover,[data-theme=dark] .list-item-row .menu-item-remove:hover,[data-theme=dark] .custom-network-remove:hover{color:var(--danger);background:#dc2f4e29}.app-loading{min-height:100vh;color:var(--text-2,#6b7280);justify-content:center;align-items:center;font-size:15px;display:flex}.app-error{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.app-error-card{background:var(--panel,#fff);border:1px solid var(--border,#e5e7eb);text-align:center;border-radius:14px;width:100%;max-width:420px;padding:28px}.app-error-card h2{margin:0 0 8px;font-size:18px}.app-error-card p{color:var(--text-2,#6b7280);word-break:break-word;margin:0 0 20px;font-size:13px}.right-panel.theme-locked .settings-input:not(.color-text),.right-panel.theme-locked .settings-textarea,.right-panel.theme-locked .custom-select-trigger,.right-panel.theme-locked .custom-checkbox-wrap,.right-panel.theme-locked .custom-radio-wrap,.right-panel.theme-locked .toggle-wrap,.right-panel.theme-locked .align-buttons,.right-panel.theme-locked .range-input-wrap,.right-panel.theme-locked .text-editor-wrap,.right-panel.theme-locked .text-format-toolbar,.right-panel.theme-locked .short-words-controls,.right-panel.theme-locked .image-picker-link-row,.right-panel.theme-locked .video-embed-input,.right-panel.theme-locked .html-code-area,.right-panel.theme-locked .datetime-field,.right-panel.theme-locked .menu-items-editor,.right-panel.theme-locked .social-items-editor{opacity:.2;pointer-events:none}.site-mobile-overlay{-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:55;background:#0009;transition:opacity .3s;position:fixed;inset:0}.site-mobile-overlay.open{opacity:1;pointer-events:auto}.site-mobile-drawer{z-index:60;background:#14141a;border-right:1px solid #ffffff1f;flex-direction:column;width:304px;max-width:85vw;padding:22px 18px;transition:transform .34s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 28px #0009}.site-mobile-drawer.open{transform:translate(0)}.site-mobile-drawer-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:18px;display:flex}.site-mobile-drawer-nav{flex-direction:column;flex:1;gap:4px;display:flex}.site-mobile-drawer-nav a{color:#c4c4ce;border-radius:13px;padding:12px 14px;font-size:15px;font-weight:500;transition:background .25s,color .25s,transform .25s;position:relative}.site-mobile-drawer.open .site-mobile-drawer-nav a:first-child{animation:.4s 80ms both md-fade-up}.site-mobile-drawer.open .site-mobile-drawer-nav a:nth-child(2){animation:.4s .16s both md-fade-up}.site-mobile-drawer.open .site-mobile-drawer-nav a:nth-child(3){animation:.4s .24s both md-fade-up}.site-mobile-drawer-nav a:before{content:"";background:var(--accent-grad);border-radius:3px;width:3px;height:22px;transition:transform .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0);box-shadow:0 0 12px #f369}.site-mobile-drawer-nav a:hover{color:#ff4d6b;background:#ff274814;transform:translate(4px)}.site-mobile-drawer-nav a:hover:before{transform:translateY(-50%)scaleY(1)}.site-mobile-drawer-actions{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;margin-top:12px;padding-top:18px;display:flex}@media (width<=1024px){.features-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:46px}.site-nav{gap:16px}}@media (width<=820px){.site-nav{display:none}.site-burger{display:inline-flex}.hero{padding:64px 18px 32px}.hero h1{font-size:34px}.hero-badge{font-size:11px}.hero-sub{font-size:16px}.hero-actions .btn-lg{padding:11px 20px;font-size:15px}.hero-stats{flex-wrap:wrap;gap:26px;margin-top:38px}.hero-stats strong{font-size:24px}.section{padding:56px 18px}.section h2{font-size:27px}.features-grid,.steps,.pricing-grid{grid-template-columns:1fr}.hero-preview{padding:24px 18px 60px}.hero-preview-card{width:100%;max-width:440px}.preview-float-chip{display:none}.site-header-inner{padding:10px 16px}.site-header-actions .btn{padding:8px 14px;font-size:13px}.cta{padding:60px 18px}.cta h2{font-size:25px}.site-footer{padding:40px 18px 26px}.pricing-grid{gap:18px}.pricing-card.highlighted{transform:none}.pricing-card.highlighted:hover{transform:translateY(-4px)}}@media (width<=460px){.hero h1{font-size:29px}.hero-stats{gap:18px}.hero-stats div{min-width:90px}.cycle-switch{flex-wrap:wrap;justify-content:center}.auth-card{padding:26px 20px}.logo-text{font-size:17px}}