html:has(.lp){scroll-behavior:smooth;scroll-padding-top:80px}@media(prefers-reduced-motion:reduce){html:has(.lp){scroll-behavior:auto}}.lp{min-height:100%;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6;overflow-x:clip}.lp em{font-style:italic;color:var(--brand-ink)}.lp-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px;box-sizing:border-box}.lp-narrow{max-width:780px}.lp-center{display:flex;justify-content:center;margin-top:40px}.lp-skip{position:absolute;left:12px;top:-60px;z-index:60;padding:8px 14px;border-radius:10px;background:var(--ink);color:#fff;text-decoration:none}.lp-skip:focus{top:12px}.lp-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.lp-nav-in{display:flex;align-items:center;gap:24px;height:64px}.lp-logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--display);font-size:26px;line-height:1}.lp-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--ink);color:#fff;font-size:21px;font-style:italic;box-shadow:inset 0 -3px 0 var(--brand)}.lp-links{display:flex;gap:4px;margin-left:auto}.lp-links a{padding:6px 12px;border-radius:10px;color:var(--ink-2);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.lp-links a:hover{color:var(--ink);background:var(--panel-2)}.lp-h1,.lp-h2{font-family:var(--display);font-weight:400;letter-spacing:-.015em;margin:0;text-wrap:balance}.lp-h1{font-size:clamp(44px,6.4vw,84px);line-height:1.02}.lp-h2{font-size:clamp(34px,4.4vw,56px);line-height:1.06}.lp-head{max-width:680px;margin-bottom:48px}.lp-eyebrow{margin:0 0 14px;color:var(--brand-ink);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.lp-lede,.lp-sub{margin:18px 0 0;color:var(--ink-2);font-size:18px;text-wrap:pretty}.lp-hero{padding:72px 0 96px}.lp-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}.lp-pill{display:inline-flex;align-items:center;gap:6px;margin-bottom:22px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink-2);font-size:13px;font-weight:500}.lp-pill svg{color:var(--brand)}.lp-sub{max-width:540px}.lp-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.lp .lp-big{height:50px;padding:0 22px;border-radius:14px;font-size:15px}.lp .btn{transition:background .15s,border-color .15s,transform .2s var(--ease),box-shadow .2s}.lp .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.lp-note{margin:18px 0 0;color:var(--ink-3);font-size:13px}.lp-hero-art{position:relative;height:420px}.lp-blob{position:absolute;inset:4% -6% 0 4%;border-radius:40px;background:radial-gradient(60% 60% at 75% 25%,var(--brand-soft),transparent 70%),radial-gradient(55% 55% at 20% 80%,var(--violet-soft),transparent 70%),var(--panel-2)}.lp-stack{position:absolute;transition:transform .5s var(--ease)}.lp-s1{top:6%;right:0;transform:rotate(3deg)}.lp-s2{top:34%;left:0;z-index:2}.lp-s3{bottom:2%;right:4%;transform:rotate(-2.5deg)}.lp-hero-art:hover .lp-s1{transform:rotate(4deg) translateY(-6px)}.lp-hero-art:hover .lp-s3{transform:rotate(-3.5deg) translateY(6px)}.lp-preview{max-width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-2)}.lp-preview .thumb{border-bottom:0}.lp-s2 .lp-preview{box-shadow:var(--shadow-3)}.lp-sec{padding:104px 0}.lp-alt{background:var(--panel);border-block:1px solid var(--line)}.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:none}.lp-step{padding:28px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel)}.lp-num{display:grid;place-items:center;width:40px;height:40px;margin-bottom:18px;border-radius:50%;border:1px solid var(--line-2);font-family:var(--display);font-size:22px;font-style:italic}.lp-step h3,.lp-card h3,.lp-plan h3{margin:0 0 6px;font-size:18px;font-weight:600;letter-spacing:-.01em}.lp-step p,.lp-card p,.lp-plan p{margin:0;color:var(--ink-2);font-size:15px}.lp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lp-card{padding:28px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}.lp-card:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:var(--shadow-2)}.lp-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:20px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--brand-ink)}.lp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}.lp-builder{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:14px;border-radius:22px;background:var(--panel-2);border:1px solid var(--line);box-shadow:var(--shadow-2)}.lp-palette{display:flex;flex-direction:column;gap:6px}.lp-block{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;background:var(--panel);border:1px solid var(--line);color:var(--ink-2);font-size:12px;font-weight:500;white-space:nowrap}.lp-block svg{color:var(--ink-3);flex:none}.lp-canvas{position:relative;display:flex;flex-direction:column;border-radius:14px;background:var(--panel);border:1px solid var(--line);overflow:hidden;min-width:0}.lp-canvas-bar{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line)}.lp-canvas-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}.lp-drop{flex:1;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:28px 18px 64px;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:14px 14px}.lp-drop .lp-preview{outline:2px dashed var(--violet);outline-offset:6px}.lp-ghost{position:absolute;right:22px;bottom:18px;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;transform:rotate(-4deg);box-shadow:var(--shadow-3)}.lp-strip{list-style:none;margin:0;--lp-gutter: max(24px, calc((100vw - 1180px)/2 + 24px) );padding:8px var(--lp-gutter) 24px;scroll-padding-inline:var(--lp-gutter);display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.lp-tile{flex:none;width:300px;scroll-snap-align:start;transition:transform .25s var(--ease)}.lp-tile:hover{transform:translateY(-4px)}.lp-tile-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:15px}.lp-tile-cat{color:var(--ink-3);font-size:13px}.lp-tag{padding:2px 9px;border-radius:999px;background:var(--panel-2);color:var(--ink-2);font-size:11px;font-weight:600}.lp-tag-art{background:var(--violet-soft);color:var(--violet)}.lp-dark{background:var(--ink);color:#fff}.lp-dark .lp-lede{color:#ffffffb8}.lp-dark .lp-eyebrow,.lp-dark em{color:var(--brand-2)}.lp-phone{position:relative;justify-self:center;width:min(300px,100%);padding:14px;border-radius:40px;background:#23202a;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 90px -30px #000000b3;box-sizing:border-box}.lp-dcard{display:flex;flex-direction:column;align-items:center;gap:4px;padding:40px 20px 24px;border-radius:28px;background:linear-gradient(160deg,#2d2935,#121016 70%);text-align:center;font-size:13px;color:#ffffffb3;animation:lp-flip 7s var(--ease) infinite}.lp-dcard strong{color:#fff;font-family:var(--display);font-size:30px;font-weight:400}.lp-avatar{display:grid;place-items:center;width:72px;height:72px;margin-bottom:12px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--violet));color:#fff;font-size:22px;font-weight:600}.lp-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:22px;padding:12px;border-radius:14px;background:var(--brand);color:#fff;font-weight:600}.lp-dacts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:8px}.lp-dacts span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;border-radius:12px;background:#ffffff12;font-size:12px}.lp-qr{position:absolute;right:-22px;bottom:48px;display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:#fff;color:var(--ink);box-shadow:var(--shadow-3);transform:rotate(6deg)}@keyframes lp-flip{0%,42%,to{transform:perspective(900px) rotateY(0)}50%{transform:perspective(900px) rotateY(-12deg)}}.lp-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.lp-plan{display:flex;flex-direction:column;gap:14px;padding:30px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel)}.lp-plan-main{border-color:var(--ink);box-shadow:var(--shadow-2)}.lp-plan-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.lp-plan h3{margin:0;font-family:var(--display);font-size:32px;font-weight:400}.lp-badge-live{background:var(--brand-soft);color:var(--brand-ink)}.lp-plan ul{margin:4px 0 0;padding:16px 0 0;list-style:none;border-top:1px solid var(--line);display:grid;gap:10px;font-size:14px;color:var(--ink-2)}.lp-plan li{position:relative;padding-left:22px}.lp-plan li:before{content:"";position:absolute;left:2px;top:.5em;width:9px;height:5px;border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(-45deg)}.lp-faq{border-top:1px solid var(--line)}.lp-faq details{border-bottom:1px solid var(--line)}.lp-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px;font-size:18px;font-weight:500;cursor:pointer;list-style:none}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq summary:after{content:"+";flex:none;font-size:24px;font-weight:300;color:var(--ink-3);transition:transform .25s var(--ease)}.lp-faq details[open] summary:after{transform:rotate(45deg);color:var(--brand)}.lp-faq summary:hover{color:var(--brand-ink)}.lp-faq p{margin:0;padding:0 4px 24px;max-width:640px;color:var(--ink-2)}.lp-band{padding:72px 32px;border-radius:28px;text-align:center;background:radial-gradient(50% 80% at 10% 0%,var(--brand-soft),transparent 70%),radial-gradient(50% 80% at 90% 100%,var(--violet-soft),transparent 70%),var(--panel);border:1px solid var(--line)}.lp-band p{margin:16px 0 0;color:var(--ink-2);font-size:18px}.lp-band .lp-ctas{justify-content:center}.lp-foot{padding:40px 0;border-top:1px solid var(--line);color:var(--ink-3);font-size:14px}.lp-foot-in{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}.lp-foot-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin-left:auto}.lp-foot-links a{color:var(--ink-2);text-decoration:none}.lp-foot-links a:hover{color:var(--ink);text-decoration:underline}@media(max-width:980px){.lp-hero-in,.lp-split{grid-template-columns:minmax(0,1fr);gap:48px}.lp-grid,.lp-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-hero-art{max-width:560px;width:100%;margin:0 auto}}@media(max-width:760px){.lp-links{display:none}.lp-nav .btn{margin-left:auto}.lp-sec{padding:72px 0}.lp-hero{padding:40px 0 64px}.lp-steps,.lp-grid,.lp-plans{grid-template-columns:minmax(0,1fr)}.lp-head{margin-bottom:32px}.lp-builder{grid-template-columns:minmax(0,1fr)}.lp-palette{flex-direction:row;flex-wrap:wrap}.lp-hero-art{height:330px}.lp-s1{right:-8px}.lp-s3{right:0}}@media(max-width:480px){.lp-wrap{padding:0 16px}.lp-strip{--lp-gutter: 16px}.lp-tile{width:260px}.lp-tile .lp-preview{width:260px!important}.lp-hero-art{height:280px}.lp-s1,.lp-s3{display:none}.lp-blob{inset:0}.lp-s2{top:14%;left:0;right:0}.lp-ctas .btn{flex:1 1 100%}.lp-band{padding:48px 20px}.lp-qr{right:-6px}.lp-s2 .lp-preview{zoom:.74}.lp-drop{padding-inline:10px}.lp-drop .lp-preview{zoom:.62}}@media(prefers-reduced-motion:reduce){.lp-dcard{animation:none}.lp .btn:hover,.lp-card:hover,.lp-tile:hover{transform:none}}:root{color-scheme:light;--bg: #f6f4ef;--panel: #ffffff;--panel-2: #f1eee7;--line: #e7e2d8;--line-2: #d6cfc1;--ink: #15131a;--ink-2: #4a4651;--ink-3: #8a8590;--brand: #ff5434;--brand-2: #ff7d52;--brand-ink: #d43a1b;--brand-soft: #fff0ea;--pink: #6c55ff;--violet: #6c55ff;--violet-soft: #efecff;--ok: #138a55;--ok-soft: #e2f5ea;--warn: #a8620a;--warn-soft: #fff3dc;--err: #cf2f3b;--err-soft: #fde7e8;--r: 16px;--r-sm: 10px;--shadow-1: 0 1px 2px rgba(21, 19, 26, .06);--shadow-2: 0 12px 32px -14px rgba(21, 19, 26, .22), 0 2px 6px rgba(21, 19, 26, .04);--shadow-3: 0 30px 80px -24px rgba(21, 19, 26, .38);--ui: "Geist", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Instrument Serif", Georgia, "Times New Roman", serif;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--ui);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--brand-ink)}:focus-visible{outline:2.5px solid var(--brand-2);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--line-2);background:var(--panel);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s}.btn:hover{border-color:var(--brand-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 6px 16px -8px #15131ab3}.btn.primary:hover{background:#2a2730;border-color:#2a2730}.btn.accent{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 20px -8px #ff5434cc}.btn.accent:hover{background:var(--brand-ink);border-color:var(--brand-ink)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--panel-2)}.btn.sm{height:32px;padding:0 12px;border-radius:10px;font-size:13px}.btn.danger{color:var(--err)}.btn.block{width:100%}.icon-btn{width:36px;height:36px;border-radius:10px;border:0;background:transparent;display:inline-grid;place-items:center;cursor:pointer;color:var(--ink-2);flex:none}.icon-btn:hover{background:var(--panel-2);color:var(--ink)}.icon-btn:disabled{opacity:.35;cursor:default;background:none}.icon-btn.sm{width:30px;height:30px}.field{display:grid;gap:6px;margin-bottom:14px}.field>label,.field>.label{font-size:12.5px;font-weight:600;color:var(--ink-2);display:flex;justify-content:space-between;gap:8px}.hint{font-size:12px;color:var(--ink-3);font-weight:500}.input,.select,.textarea{width:100%;height:42px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);padding:0 12px;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;min-height:74px;padding:10px 12px;resize:vertical}.input:hover,.select:hover,.textarea:hover{border-color:var(--line-2)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 4px #ff7d5226}.input.sm,.select.sm{height:34px;border-radius:10px;font-size:13px}.row{display:flex;gap:10px;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seg{display:flex;background:var(--panel-2);border-radius:12px;padding:3px;gap:3px}.seg button{flex:1;border:0;background:transparent;height:32px;border-radius:9px;font-weight:600;font-size:12.5px;color:var(--ink-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;padding:0 10px}.seg button[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-1)}.seg.inline{display:inline-flex}.seg.inline button{flex:none}.switch{position:relative;width:40px;height:24px;flex:none}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.switch span{position:absolute;inset:0;border-radius:12px;background:var(--line-2);transition:background .2s;pointer-events:none}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s var(--ease)}.switch input:checked+span{background:var(--brand)}.switch input:checked+span:after{transform:translate(16px)}.switch input:focus-visible+span{outline:2.5px solid var(--brand-2);outline-offset:2px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;margin-bottom:6px}.toggle-row .t{font-weight:600;font-size:13.5px}.slider{display:grid;grid-template-columns:1fr 56px;gap:10px;align-items:center}.slider input[type=range]{width:100%;accent-color:var(--brand)}.slider .num{height:32px;border:1.5px solid var(--line);border-radius:9px;text-align:center;font-size:12.5px;font-weight:600;background:var(--panel)}.swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line-2);cursor:pointer;padding:0}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--brand)}.color-pick{position:relative;width:28px;height:28px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--line-2);background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-pick input{position:absolute;inset:-6px;opacity:0;cursor:pointer}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:15px;border:1.5px solid var(--line);background:var(--panel);font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer;white-space:nowrap}.chip:hover{border-color:var(--line-2)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;font-size:11px;font-weight:700;background:var(--panel-2);color:var(--ink-2);white-space:nowrap;flex-shrink:0}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.err{background:var(--err-soft);color:var(--err)}.badge.brand{background:var(--brand-soft);color:var(--brand-ink)}.callout{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--panel-2);font-size:13px;color:var(--ink-2)}.callout svg{flex:none;margin-top:1px}.callout.brand{background:var(--brand-soft);color:#2e2580}.callout.warn{background:var(--warn-soft);color:#6b4100}.callout.err{background:var(--err-soft);color:#7c1820}.callout.ok{background:var(--ok-soft);color:#0d5a37}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px}.section-title{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:20px 0 10px}.muted{color:var(--ink-3)}.home{min-height:100%;overflow:auto;height:100%}.home-top{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;max-width:1280px;margin:0 auto}.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:25px;line-height:1;color:var(--ink);text-decoration:none}.logo-mark{width:32px;height:32px;border-radius:10px;background:var(--ink);display:grid;place-items:center;color:#fff;font-size:21px;font-style:italic;box-shadow:inset 0 -3px 0 var(--brand)}.hero{max-width:1280px;margin:0 auto;padding:36px 28px 20px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.035em;margin:0 0 16px;font-weight:800}.hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--brand),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:17px;color:var(--ink-2);max-width:520px;margin:0 0 24px}.hero-points{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:13px;color:var(--ink-2);font-weight:600}.hero-points span{display:inline-flex;align-items:center;gap:6px}.hero-visual{position:relative;min-height:320px}.hero-visual .blob{position:absolute;inset:10% 0 0 10%;background:radial-gradient(circle at 30% 30%,rgba(255,125,82,.35),transparent 60%),radial-gradient(circle at 70% 70%,rgba(108,85,255,.3),transparent 60%);filter:blur(10px)}.hero-card{position:absolute;background:#fff;border-radius:16px;box-shadow:var(--shadow-3);padding:18px 20px;overflow:hidden}.hero-card.a{top:6%;left:4%;transform:rotate(-3deg)}.hero-card.b{bottom:4%;right:2%;transform:rotate(2.5deg)}.section{max-width:1280px;margin:0 auto;padding:24px 28px}.section h2{font-size:24px;letter-spacing:-.02em;margin:0 0 14px}.sig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.sig-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .2s var(--ease),transform .2s var(--ease),border-color .2s;text-align:left;padding:0;cursor:pointer;position:relative}.sig-tile:hover{box-shadow:var(--shadow-2);transform:translateY(-2px);border-color:var(--line-2)}.sig-tile[aria-current=true]{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}.thumb{height:150px;overflow:hidden;position:relative;background:#fff;border-bottom:1px solid var(--line);pointer-events:none}.thumb-inner{position:absolute;left:16px;top:16px;transform-origin:top left}.tile-meta{padding:10px 14px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.tile-meta strong{font-size:14px}.tile-meta .muted{font-size:12px}.tile-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:1}.tile-actions .icon-btn{background:#ffffffeb;box-shadow:var(--shadow-1)}.new-tile{border:2px dashed var(--line-2);border-radius:var(--r);display:grid;place-items:center;min-height:210px;background:transparent;cursor:pointer;color:var(--brand-ink);font-weight:700;gap:6px}.new-tile:hover{background:var(--brand-soft);border-color:var(--brand-2)}.editor{display:grid;grid-template-columns:84px 400px 1fr;grid-template-rows:64px 1fr;grid-template-areas:"top top top" "nav panel preview";height:100%}.topbar{grid-area:top;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--line);min-width:0}.topbar .name{border:1.5px solid transparent;background:transparent;border-radius:10px;padding:6px 8px;font-weight:700;font-size:15px;min-width:80px;max-width:260px}.topbar .name:hover{border-color:var(--line)}.topbar .name:focus{outline:none;border-color:var(--brand-2)}.topbar .grow{flex:1}.save-state{font-size:12px;color:var(--ink-3);white-space:nowrap}.nav{grid-area:nav;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;padding:12px 8px;overflow:auto}.nav button{border:0;background:transparent;border-radius:14px;padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--ink-3);cursor:pointer}.nav button:hover{background:var(--panel-2);color:var(--ink)}.nav button[aria-selected=true]{background:var(--brand-soft);color:var(--brand-ink)}.nav .sep{flex:1}.panel{grid-area:panel;background:var(--panel);border-right:1px solid var(--line);overflow:auto;padding:22px 22px 60px}.panel h2{margin:0 0 4px;font-size:21px;letter-spacing:-.02em}.panel .lede{margin:0 0 18px;color:var(--ink-3);font-size:13.5px}.preview-area{grid-area:preview;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:24px 28px 60px;background:radial-gradient(circle at 20% 0%,rgba(255,125,82,.1),transparent 45%),radial-gradient(circle at 100% 100%,rgba(108,85,255,.08),transparent 40%),var(--bg)}.preview-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.mail{width:100%;max-width:760px;background:#fff;border-radius:16px;box-shadow:var(--shadow-2);overflow:hidden;transition:max-width .3s var(--ease)}.mail.mobile{max-width:390px}.mail-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f4f3f8;border-bottom:1px solid #ebe9f3;font-size:13px;font-weight:600;color:#4a4664}.mail-bar .dots{display:flex;gap:6px}.mail-bar .dots i{width:10px;height:10px;border-radius:50%;background:#d9d6e6;display:block}.mail-head{padding:12px 20px;border-bottom:1px solid #f0eef6;font-size:13px;color:#6b6880;display:grid;gap:6px}.mail-head b{color:#2a2740;font-weight:600}.mail-body{padding:20px 20px 28px;color:#2a2740;font-size:14px;overflow-x:auto}.mail-body .msg{color:#3d3a54;margin-bottom:18px;line-height:1.6}.mail.dark{background:#1f1f23}.mail.dark .mail-bar{background:#2a2a30;border-color:#333;color:#ccc}.mail.dark .mail-head{border-color:#333;color:#aaa}.mail.dark .mail-head b,.mail.dark .mail-body .msg{color:#e8e8ea}.mail.dark .sig-host{filter:invert(.92) hue-rotate(180deg)}.mail.dark .sig-host::part(img){filter:invert(1) hue-rotate(180deg)}.preview-note{font-size:12px;color:var(--ink-3);margin-top:12px;text-align:center;max-width:560px}.list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:8px}.list-item .grow{flex:1;min-width:0}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.platform-btn{border:1.5px solid var(--line);border-radius:12px;background:var(--panel);padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--ink-2);cursor:pointer}.platform-btn:hover{border-color:var(--brand-2);color:var(--ink)}.addon{border:1.5px solid var(--line);border-radius:var(--r);margin-bottom:10px;background:var(--panel);overflow:hidden}.addon[data-on=true]{border-color:#ff7d5280}.addon-head{display:flex;align-items:center;gap:12px;padding:12px 14px}.addon-head .ico{width:34px;height:34px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center;color:var(--ink-2);flex:none}.addon[data-on=true] .addon-head .ico{background:var(--brand-soft);color:var(--brand-ink)}.addon-head .t{flex:1;min-width:0}.addon-head .t strong{display:block;font-size:14px}.addon-head .t span{font-size:12px;color:var(--ink-3)}.addon-body{padding:14px;border-top:1px solid var(--line)}.image-slot{display:flex;gap:14px;align-items:center;margin-bottom:14px}.image-drop{width:92px;height:92px;border-radius:16px;border:2px dashed var(--line-2);display:grid;place-items:center;background:var(--panel-2);overflow:hidden;flex:none;cursor:pointer;color:var(--ink-3)}.image-drop img{width:100%;height:100%;object-fit:contain}.image-drop.round{border-radius:50%}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.palette{border:1.5px solid var(--line);border-radius:12px;padding:8px;cursor:pointer;background:var(--panel);display:grid;gap:6px}.palette:hover{border-color:var(--line-2)}.palette div{display:flex;height:22px;border-radius:7px;overflow:hidden}.palette div i{flex:1}.palette small{font-size:11px;font-weight:600;color:var(--ink-2)}.card-stage{position:relative;border-radius:12px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:var(--shadow-2);margin-bottom:14px;background:#fff}.card-stage img{display:block;width:100%;pointer-events:none}.hotspot{position:absolute;border:2px solid var(--brand);background:#ff54342e;border-radius:6px;cursor:move;touch-action:none}.hotspot.sel{border-color:var(--pink);background:#6c55ff33}.hotspot span{position:absolute;left:4px;top:2px;font-size:10px;font-weight:700;color:#fff;background:var(--brand);border-radius:4px;padding:0 4px;white-space:nowrap;pointer-events:none}.hotspot.sel span{background:var(--pink)}.hotspot .h{position:absolute;right:-7px;bottom:-7px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--pink);cursor:nwse-resize}.steps-list{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}.steps-list li{counter-increment:s;display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;font-size:13.5px}.steps-list li:before{content:counter(s);width:26px;height:26px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);display:grid;place-items:center;font-weight:800;font-size:12px}dialog.modal{border:0;padding:0;border-radius:22px;box-shadow:var(--shadow-3);width:min(680px,calc(100vw - 24px));max-height:calc(100vh - 32px);background:var(--panel);color:var(--ink)}dialog.modal.wide{width:min(980px,calc(100vw - 24px))}dialog.modal[open]{display:flex;flex-direction:column;animation:pop .25s var(--ease)}dialog.modal::backdrop{background:#15131a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 8px}.modal-head h2{margin:0;font-size:22px;letter-spacing:-.02em}.modal-head p{margin:4px 0 0;color:var(--ink-3)}.modal-body{padding:10px 24px 20px;overflow:auto}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid var(--line)}.modal-foot .grow{flex:1}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.client{border:1.5px solid var(--line);border-radius:14px;padding:14px;cursor:pointer;background:var(--panel);text-align:left;display:grid;gap:4px}.client[aria-pressed=true]{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:var(--brand-soft)}.client strong{font-size:14px}.client span{font-size:12px;color:var(--ink-3)}.progress{display:flex;gap:6px;margin:4px 0 18px}.progress i{flex:1;height:4px;border-radius:2px;background:var(--line)}.progress i.on{background:linear-gradient(90deg,var(--brand),var(--brand-2))}.ready-list{list-style:none;margin:0 0 14px;padding:0;border:1.5px solid var(--line);border-radius:14px;overflow:hidden}.ready-list li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line);font-size:13px}.ready-list li:first-child{border-top:0}.ready-list .what{flex:1}.ready-list small{display:block;color:var(--ink-3);font-size:12px}.copy-box{border:1.5px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:12px}.copy-box .pv{border:1px dashed var(--line-2);border-radius:12px;padding:14px;overflow:auto;max-height:260px;background:#fff}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:grid;gap:8px;z-index:100}.toast{display:flex;align-items:center;gap:14px;background:var(--ink);color:#fff;border-radius:14px;padding:10px 12px 10px 16px;box-shadow:var(--shadow-3);font-size:13.5px;font-weight:500;animation:pop .25s var(--ease)}.toast.error{background:#7c1820}.toast.success:before{content:"";width:8px;height:8px;border-radius:50%;background:#5be3a0}.toast button{border:0;border-radius:9px;background:#ffffff29;color:#fff;padding:5px 10px;font-weight:700;cursor:pointer}.dc{min-height:100%;display:grid;place-items:center;padding:28px 16px;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--dc-accent) 30%,transparent),transparent 50%),radial-gradient(circle at 90% 90%,color-mix(in srgb,var(--dc-accent) 22%,transparent),transparent 50%),#0f0e17;color:#fff}.dc-inner{width:min(460px,100%);display:grid;gap:18px}.dc-flip{perspective:1400px;cursor:pointer}.dc-flip-inner{position:relative;transition:transform .8s var(--ease);transform-style:preserve-3d}.dc-flip.flipped .dc-flip-inner{transform:rotateY(180deg)}.dc-face{border-radius:18px;overflow:hidden;backface-visibility:hidden;box-shadow:0 40px 80px -30px #000c}.dc-face img{display:block;width:100%}.dc-back{position:absolute;inset:0;transform:rotateY(180deg);background:#fff;color:#17142b;display:grid;place-items:center;padding:20px;text-align:center}.dc-name{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:0}.dc-title{opacity:.75;margin:2px 0 0}.dc-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dc-action{display:grid;justify-items:center;gap:6px;padding:14px 6px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.dc-action:hover{background:#ffffff29;transform:translateY(-1px)}.dc-save{height:52px;border-radius:16px;border:0;font-weight:800;font-size:15px;color:#fff;background:var(--dc-accent);cursor:pointer;box-shadow:0 14px 30px -12px var(--dc-accent)}.dc-socials{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.dc-socials a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffffff1a}.dc-foot{text-align:center;font-size:12px;opacity:.5}.editor.builder{grid-template-columns:84px 300px 1fr 300px;grid-template-areas:"top top top top" "nav panel preview inspector"}.mode-switch{display:inline-flex;background:var(--panel-2);border-radius:12px;padding:3px;gap:2px}.mode-switch button{border:0;background:transparent;height:32px;padding:0 12px;border-radius:9px;font-weight:600;font-size:13px;color:var(--ink-3);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.mode-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.inspector{grid-area:inspector;background:var(--panel);border-left:1px solid var(--line);overflow:auto;padding:18px 18px 60px}.insp-head{display:flex;align-items:center;gap:2px;margin-bottom:10px}.insp-title{margin:0 0 8px;font-size:17px;letter-spacing:-.01em;flex:1}.insp-head .insp-title{margin:0}kbd{font:600 11px var(--ui);background:var(--panel-2);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:0 4px}.stage{position:relative;padding-top:42px;margin-top:-24px}.stage .sig-host{cursor:default}.stage-overlay{position:absolute;inset:0;pointer-events:none}.ov-hover,.ov-select{position:absolute;border-radius:4px;pointer-events:none}.ov-hover{outline:1.5px dashed rgba(108,85,255,.7);outline-offset:2px}.ov-select{outline:2px solid var(--violet);outline-offset:2px;background:#6c55ff0a}.ov-toolbar{position:absolute;display:flex;align-items:center;gap:1px;background:var(--ink);color:#fff;border-radius:9px;padding:3px;box-shadow:var(--shadow-2);pointer-events:auto;z-index:3;white-space:nowrap}.ov-toolbar button{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}.ov-toolbar button:hover{background:#ffffff24}.ov-toolbar .ov-handle{cursor:grab;touch-action:none}.ov-name{font-size:12px;font-weight:600;padding:0 8px 0 2px}body.is-dragging,body.is-dragging *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.dnd-ghost{position:fixed;z-index:200;pointer-events:none;background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:8px;box-shadow:var(--shadow-3)}.dnd-line{position:fixed;z-index:199;height:3px;border-radius:2px;background:var(--brand);pointer-events:none;box-shadow:0 0 0 2px #ff543433}.dnd-col{position:fixed;z-index:198;pointer-events:none;border:1.5px dashed rgba(255,84,52,.55);border-radius:6px;background:#ff54340a}.palette-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pblock{border:1.5px solid var(--line);border-radius:12px;background:var(--panel);padding:12px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;color:var(--ink-2);transition:border-color .15s,transform .15s var(--ease),box-shadow .15s}.pblock:hover{border-color:var(--ink);transform:translateY(-1px);box-shadow:var(--shadow-1)}.pblock-ico{width:34px;height:34px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center;color:var(--ink)}.pblock-t{font-size:11.5px;font-weight:600;text-align:center;line-height:1.2}.layers{border:1.5px solid var(--line);border-radius:12px;overflow:hidden}.layer{width:100%;display:flex;align-items:center;gap:6px;border:0;border-top:1px solid var(--line);background:var(--panel);padding:8px 10px;font-size:13px;text-align:left;cursor:pointer}.layers>div:first-child>.layer{border-top:0}.layer:hover{background:var(--panel-2)}.layer[aria-current=true]{background:var(--violet-soft);color:#3b2bb3;font-weight:600}.layer .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-col{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding:6px 10px 2px;border-top:1px solid var(--line);background:var(--panel-2)}@media(max-width:1280px){.editor.builder{grid-template-columns:76px 280px 1fr 280px}}@media(max-width:1100px){.editor.builder{grid-template-columns:72px 260px 1fr;grid-template-rows:64px 1fr auto;grid-template-areas:"top top top" "nav panel preview" "nav panel inspector"}.editor.builder .inspector{border-left:0;border-top:1px solid var(--line);max-height:40vh}}@media(max-width:1100px){.editor{grid-template-columns:76px 340px 1fr}}@media(max-width:860px){.hero{grid-template-columns:1fr}.hero-visual{display:none}.editor{grid-template-columns:1fr;grid-template-rows:58px auto 1fr 64px;grid-template-areas:"top" "preview" "panel" "nav"}.nav{flex-direction:row;border:0;border-top:1px solid var(--line);padding:4px;overflow-x:auto}.nav button{min-width:64px;padding:6px 4px}.nav .sep{display:none}.preview-area{padding:12px;max-height:42vh}.panel{border:0;padding:18px 16px 40px}.desktop-only{display:none!important}.topbar .name{max-width:140px}}@media(max-width:860px){.install-grid{grid-template-columns:1fr!important}}.canva-tile{display:grid;gap:6px;padding:18px;align-content:start}.canva-tile .canva-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#00c4cc,#7d2ae8);margin-bottom:4px}.canva-tile strong{font-size:15px}.canva-tile .muted{font-size:13px}.hero-card{width:440px;padding:0}.hero-card .thumb{border:0}@media(max-width:860px){.editor.builder{grid-template-columns:1fr;grid-template-rows:58px auto auto 1fr 64px;grid-template-areas:"top" "preview" "inspector" "panel" "nav"}.editor.builder .inspector{max-height:34vh;border-top:1px solid var(--line)}.editor.builder .inspector.idle,.editor.builder .mail-bar,.editor.builder .mail-head,.editor.builder .mail-body .msg,.editor.builder .preview-note{display:none}.editor.builder .preview-area{max-height:46vh}.palette-blocks{grid-template-columns:repeat(4,1fr)}.mode-switch button{padding:0 9px}}.app-top{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;max-width:1280px;margin:0 auto}.dash-intro{max-width:1280px;margin:0 auto;padding:28px 28px 8px}.dash-intro h1{font-family:var(--display);font-weight:400;font-size:clamp(38px,5vw,60px);letter-spacing:-.015em;line-height:1;margin:0 0 10px}.dash-intro p{color:var(--ink-2);font-size:16px;margin:0 0 22px}.start-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.start-card{display:grid;gap:6px;align-content:start;text-align:left;padding:18px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}.start-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--line-2)}.start-card strong{font-size:15px}.start-card span:last-child{font-size:13px;color:var(--ink-3)}.start-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--panel-2);color:var(--ink);margin-bottom:6px}.start-card:first-child .start-ico{background:var(--ink);color:#fff;box-shadow:inset 0 -3px 0 var(--brand)}.section h2{font-family:var(--display);font-weight:400;font-size:34px;letter-spacing:-.01em}@media(max-width:960px){.start-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.app-top,.dash-intro,.section{padding-left:16px;padding-right:16px}.start-grid,.sig-grid{grid-template-columns:1fr}}.ov-grip,.ov-resize{position:absolute;pointer-events:auto;z-index:3;touch-action:none}.ov-grip{width:18px;height:28px;border:0;border-radius:6px;background:var(--violet);color:#fff;display:grid;place-items:center;cursor:grab;box-shadow:var(--shadow-1);padding:0}.ov-resize{width:14px;height:14px;padding:0;border-radius:4px;background:#fff;border:2px solid var(--violet);box-shadow:var(--shadow-1);transform:translate(-50%,-50%)}.ov-resize.corner{z-index:4}.ov-resize.edge-h{width:22px;height:10px;border-radius:5px}.ov-resize.edge-v{width:10px;height:22px;border-radius:5px}.ov-resize:hover{background:var(--violet)}@media(pointer:coarse){.ov-resize{width:24px;height:24px}.ov-resize.edge-h{width:30px;height:16px}.ov-resize.edge-v{width:16px;height:30px}.ov-grip{width:24px;height:34px}}.ov-tip{position:absolute;z-index:4;background:var(--ink);color:#fff;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:6px;pointer-events:none;white-space:nowrap}body.is-resizing,body.is-resizing *{cursor:nwse-resize!important;-webkit-user-select:none;user-select:none}.zoom-ctl{display:inline-flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:2px}.zoom-ctl button{border:0;background:transparent;height:30px;min-width:30px;border-radius:9px;cursor:pointer;color:var(--ink-2);font-weight:600;font-size:12.5px;display:grid;place-items:center}.zoom-ctl button:hover{background:var(--panel-2)}.palette-search{position:relative;margin-bottom:4px}.palette-search svg{position:absolute;left:12px;top:12px;color:var(--ink-3)}.palette-search .input{padding-left:36px}.layer-actions{display:none;gap:0}.layer:hover .layer-actions,.layer[aria-current=true] .layer-actions{display:inline-flex}.layer-actions span{width:24px;height:22px;display:grid;place-items:center;border-radius:6px;color:var(--ink-3)}.layer-actions span:hover{background:#15131a14;color:var(--ink)}.layer.is-hidden .grow{opacity:.45;text-decoration:line-through}.crop-stage{position:relative;margin:0 auto 16px;overflow:hidden;box-shadow:var(--shadow-2);cursor:grab;touch-action:none;background:repeating-conic-gradient(#f1eee7 0 25%,#fff 0 50%) 0 0 / 16px 16px}.crop-stage:active{cursor:grabbing}.crop-stage img{position:absolute;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.icon-grid button{height:36px;border-radius:9px;border:1.5px solid var(--line);background:var(--panel);display:grid;place-items:center;cursor:pointer}.icon-grid button[aria-pressed=true]{border-color:var(--ink);background:var(--panel-2)}.checks{position:relative}.checks-chip.ok{color:var(--ok)}.checks-chip.warn{color:var(--warn);border-color:#a8620a66;background:var(--warn-soft)}.checks-chip.err{color:var(--err);border-color:#cf2f3b66;background:var(--err-soft)}.checks-pop{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:min(440px,92vw);max-height:60vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-3);padding:8px;z-index:20;display:grid;gap:2px}.check-row{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:10px;font-size:13px;line-height:1.4}.check-row:hover{background:var(--panel-2)}.check-row svg{flex:none;margin-top:2px}.check-row .grow{flex:1}.size-meter{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:12px;color:var(--ink-3)}.size-meter .bar{width:140px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.size-meter .bar i{display:block;height:100%;background:var(--ok);border-radius:3px;transition:width .3s var(--ease)}.size-meter.warn .bar i{background:var(--warn)}.size-meter.err .bar i{background:var(--err)}.size-meter.err span{color:var(--err);font-weight:600}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);min-width:240px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-3);padding:6px;z-index:30;display:grid}.menu button{display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;font-size:13.5px;cursor:pointer;color:var(--ink)}.menu button:hover{background:var(--panel-2)}.ov-col{position:absolute;width:8px;padding:0;border:0;border-radius:4px;background:#6c55ff2e;cursor:col-resize;pointer-events:auto;touch-action:none;z-index:2}.ov-col:hover,body.is-col-resizing .ov-col{background:var(--violet)}@media(pointer:coarse){.ov-col{width:14px}}body.is-col-resizing,body.is-col-resizing *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.ov-guide{position:absolute;width:0;border-left:1.5px dashed var(--brand);pointer-events:none;z-index:4}.ov-inline{position:absolute;z-index:6;pointer-events:auto;box-sizing:border-box;border:2px solid var(--violet);border-radius:8px;padding:4px 8px;font:500 14px/1.4 var(--ui);color:var(--ink);background:#fff;box-shadow:var(--shadow-3);resize:none;outline:none}.link-pop{display:grid;gap:6px;margin-top:6px;padding:10px;border-radius:10px;background:var(--paper, #fff);border:1px solid var(--line, rgba(0, 0, 0, .12));box-shadow:var(--shadow-3)}.link-pop .row{display:flex;gap:6px}.link-pop .input{flex:1;min-width:0}.ov-link-pop{position:absolute;z-index:7;width:300px;pointer-events:auto}.ov-link-pop .link-pop{margin:0}.dc-save{transition:transform .2s var(--ease),box-shadow .2s var(--ease),filter .2s var(--ease)}.dc-save:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 30px -12px var(--dc-accent)}.dc-action{transition:background .2s var(--ease),transform .2s var(--ease),border-color .2s var(--ease)}.dc-action:hover{border-color:var(--dc-accent)}.dc-socials a{transition:background .2s var(--ease),transform .2s var(--ease)}.dc-socials a:hover,.dc-socials a:focus-visible{background:var(--dc-accent);transform:translateY(-2px) scale(1.06)}.dc-flip:hover .dc-face{box-shadow:0 50px 90px -30px #000000e6}.dc-face img{transition:transform .6s var(--ease)}.dc-flip:not(.flipped):hover .dc-face:not(.dc-back) img{transform:scale(1.015)}@media(prefers-reduced-motion:reduce){.dc-save,.dc-action,.dc-socials a,.dc-face img{transition:none}}.ov-select.multi{border-style:dashed}.dnd-line.v{width:3px;height:auto}.versions{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media(min-width:760px){.versions{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}.version-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:380px;overflow:auto}.version-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:10px}.version-list li.on{border-color:var(--violet)}.version-pick{flex:1;min-width:0;display:grid;gap:2px;text-align:left;background:none;border:0;padding:2px;cursor:pointer;color:inherit;font:inherit}.version-pick strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-peek{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:auto;max-height:380px}.banner-form{display:grid;grid-template-columns:minmax(0,1fr);gap:0 14px;margin-bottom:8px}@media(min-width:760px){.banner-form{grid-template-columns:1fr 1fr}}.banner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.banner-pick{display:grid;gap:6px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;text-align:left;font:600 13px/1.3 var(--ui);color:var(--ink);transition:border-color .15s,transform .15s var(--ease)}.banner-pick:hover:not(:disabled){border-color:var(--violet);transform:translateY(-1px)}.banner-pick img{width:100%;height:auto;border-radius:7px;display:block}.menu-note{display:grid;gap:2px;padding:8px 12px 10px;border-bottom:1px solid var(--line);margin-bottom:4px;font-size:12px;color:var(--ink-2)}.menu-note strong{color:var(--ink);font-size:13px}.sync-error,.sync-offline{color:#b42318}.or{display:flex;align-items:center;gap:10px;color:var(--ink-2);font-size:12px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.menu button.danger{color:#b42318}