:root{--bg-app: #000000;--bg-panel: #0a0a0a;--bg-panel-2: #111111;--bg-elevated: #1a1a1a;--bg-hover: #1f1f1f;--bg-active: #2a2a2a;--border: #242424;--border-strong: #383838;--text: #ededed;--text-dim: #a1a1a1;--text-faint: #6b6b6b;--accent: #ffffff;--accent-hover: #d4d4d4;--accent-soft: rgba(255, 255, 255, .1);--accent-contrast: #000000;--danger: #ff5555;--topbar-h: 52px;--toolbar-w: 56px;--optionsbar-h: 52px;--beautify-w: 280px;--radius: 10px;--radius-sm: 7px;--check-a: #1b1b1b;--check-b: #131313;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 24px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-app);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{height:100%;overflow-y:auto;overflow-x:hidden}.page__app{height:100dvh;min-height:480px}.app{display:flex;flex-direction:column;height:100%;min-height:0}.app__body{display:flex;flex:1;min-height:0}.app__main{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;font-weight:500;padding:7px 12px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap}.btn:hover{background:var(--bg-hover)}.btn--ghost{border-color:var(--border);color:var(--text-dim)}.btn--ghost:hover{color:var(--text);border-color:var(--border-strong)}.btn--lang{border-color:var(--border);color:var(--text-dim);min-width:40px;justify-content:center;font-weight:600;letter-spacing:.03em}.btn--lang:hover{color:var(--text);border-color:var(--border-strong)}.btn--primary{background:var(--accent);color:var(--accent-contrast);padding:10px 18px;font-weight:600}.btn--primary:hover{background:var(--accent-hover)}.btn--icon{border-color:var(--border);color:var(--text-dim);padding:7px}.btn--icon:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:transparent;border-color:var(--border);color:var(--text-dim)}.topbar{height:var(--topbar-h);flex:0 0 var(--topbar-h);display:flex;align-items:center;padding:0 14px;background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:5}.topbar__brand{display:flex;align-items:center;gap:9px}.topbar__logo{display:block;width:26px;height:26px;flex:0 0 auto}.topbar__title{font-weight:650;font-size:15px;letter-spacing:-.01em}.topbar__group{display:flex;align-items:center;gap:4px;margin-left:14px;padding-left:14px;border-left:1px solid var(--border)}.topbar__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.segmented--export .segmented__btn{display:inline-flex;align-items:center;gap:5px;color:var(--text)}.segmented--export .segmented__btn:hover{background:var(--bg-hover);border-radius:5px}.toolbar{width:var(--toolbar-w);flex:0 0 var(--toolbar-w);display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;background:var(--bg-panel);border-right:1px solid var(--border)}.toolbar__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.toolbar__btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.toolbar__btn.is-active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.toolbar__btn:disabled{opacity:.35;cursor:not-allowed}.tooltip{position:absolute;left:calc(100% + 12px);top:50%;z-index:20;display:flex;align-items:center;gap:8px;padding:5px 7px 5px 10px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);white-space:nowrap;font-size:12.5px;font-weight:500;color:var(--text);opacity:0;pointer-events:none;transform:translateY(-50%) translate(-5px);transition:opacity .12s ease,transform .12s ease}.toolbar__btn:hover:not(:disabled) .tooltip{opacity:1;transform:translateY(-50%) translate(0)}.tooltip:before{content:"";position:absolute;left:-5px;top:50%;width:8px;height:8px;background:var(--bg-elevated);border-left:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);transform:translateY(-50%) rotate(45deg)}.tooltip__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:4px;font-family:inherit;font-size:11px;font-weight:600;color:var(--text-dim)}.optionsbar{position:absolute;top:12px;left:50%;z-index:6;max-width:calc(100% - 24px);display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:8px 14px;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-2);transform:translate(-50%);animation:optionsbar-in .18s ease}@keyframes optionsbar-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.optionsbar__group{display:flex;align-items:center;gap:9px}.optionsbar__label{color:var(--text-dim);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.optionsbar__value{min-width:22px;text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.swatches{display:flex;align-items:center;gap:6px}.swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px #ffffff1f inset,var(--shadow-1);cursor:pointer;padding:0;transition:transform .1s ease}.swatch:hover{transform:scale(1.12)}.swatch.is-active{border-color:var(--text);box-shadow:0 0 0 2px var(--bg-panel-2),0 0 0 4px var(--accent)}.swatch--custom{position:relative;display:inline-flex;align-items:center;justify-content:center;background:conic-gradient(from 90deg,#ff3b30,#ff9500,#fc0,#34c759,#007aff,#5856d6,#ff3b30);overflow:hidden}.swatch--custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;border:none;padding:0;cursor:pointer}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:130px;height:4px;background:var(--bg-elevated);border-radius:3px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-panel-2);box-shadow:var(--shadow-1)}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-panel-2)}.segmented{display:inline-flex;background:var(--bg-elevated);border-radius:var(--radius-sm);padding:2px;gap:2px}.segmented__btn{border:none;background:transparent;color:var(--text-dim);font:inherit;font-weight:600;font-size:12px;padding:5px 12px;border-radius:5px;cursor:pointer;transition:background .12s ease,color .12s ease}.segmented__btn:hover{color:var(--text)}.segmented__btn.is-active{background:var(--accent);color:var(--accent-contrast)}.canvasarea{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--check-b);background-image:linear-gradient(45deg,var(--check-a) 25%,transparent 25%),linear-gradient(-45deg,var(--check-a) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--check-a) 75%),linear-gradient(-45deg,transparent 75%,var(--check-a) 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.canvasarea.is-dragging{outline:2px dashed var(--accent);outline-offset:-8px}.canvasarea__stage{line-height:0;box-shadow:var(--shadow-2);border-radius:2px;overflow:hidden}.canvasarea__stage.is-hidden{display:none}.canvasarea__stage canvas{display:block}.canvasarea__dropzone{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0e0f13b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.canvasarea__dropzone span{padding:14px 24px;border:2px dashed var(--accent);border-radius:var(--radius);color:var(--text);font-weight:600;background:var(--bg-panel)}.empty{position:absolute;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:32px;max-width:440px}.empty__icon{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:20px;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-faint);margin-bottom:4px}.empty__title{font-size:20px;font-weight:650;margin:0;letter-spacing:-.01em}.empty__hint{color:var(--text-dim);margin:0 0 6px}.beautify{width:var(--beautify-w);flex:0 0 var(--beautify-w);display:flex;flex-direction:column;background:var(--bg-panel);border-left:1px solid var(--border)}.beautify__header{height:var(--optionsbar-h);display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--border)}.beautify__title{margin:0;font-size:14px;font-weight:650;letter-spacing:-.01em}.beautify__body{flex:1;min-height:0;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.beautify__section{border:none;margin:0;padding:0;min-width:0}.beautify__section:disabled{opacity:.45}.beautify__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.beautify__label{color:var(--text-dim);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:0}.beautify__value{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.beautify__section input[type=range]{width:100%}.bg-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.bg-swatch{aspect-ratio:1;border-radius:8px;border:2px solid transparent;box-shadow:0 0 0 1px #ffffff1a inset,var(--shadow-1);cursor:pointer;padding:0;transition:transform .1s ease,box-shadow .12s ease}.bg-swatch:hover:not(:disabled){transform:scale(1.06)}.bg-swatch.is-active{border-color:var(--text);box-shadow:0 0 0 2px var(--bg-panel),0 0 0 4px var(--accent)}.bg-swatch:disabled{cursor:not-allowed}.bg-more{margin-top:10px;width:100%;height:30px;background:none;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-dim);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:color .12s ease,border-color .12s ease}.bg-more:hover:not(:disabled){color:var(--text);border-color:var(--text-faint)}.bg-more:disabled{cursor:not-allowed}.bg-photo{display:flex;flex-direction:column;gap:8px;margin-top:10px}.bg-photo__actions{display:flex;gap:8px}.bg-photo__btn{flex:1;height:30px;padding:0 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .12s ease,border-color .12s ease}.bg-photo__btn:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.bg-photo__btn:disabled{opacity:.5;cursor:not-allowed}.bg-photo__url{display:flex;gap:8px}.bg-photo__url input{width:0;flex:1;height:30px;padding:0 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:12.5px}.bg-photo__url input:focus{outline:none;border-color:var(--border-strong)}.bg-photo__url .bg-photo__btn{flex:0 0 auto}.beautify__select{width:100%;margin-top:10px;height:34px;padding:0 28px 0 10px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-elevated);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a1a1a1' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.beautify__select:hover:not(:disabled){border-color:var(--border-strong)}.beautify__select:focus{outline:none;border-color:var(--border-strong)}.beautify__select:disabled{cursor:not-allowed}.beautify__row-controls{display:flex;align-items:center;gap:8px}.color-dot{width:20px;height:20px;padding:0;border:1px solid var(--border-strong);border-radius:50%;background:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden}.color-dot::-webkit-color-swatch-wrapper{padding:0}.color-dot::-webkit-color-swatch{border:none;border-radius:50%}.color-dot::-moz-color-swatch{border:none;border-radius:50%}.color-dot:disabled{cursor:not-allowed;opacity:.45}.filter-chips--stack{margin-top:6px}.aspect-custom{display:flex;align-items:center;gap:6px;margin-top:8px}.aspect-custom input{width:0;flex:1;height:30px;padding:0 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:13px}.aspect-custom input:focus{outline:none;border-color:var(--border-strong)}.aspect-custom input::-webkit-outer-spin-button,.aspect-custom input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.aspect-custom__sep{color:var(--text-faint);font-size:13px}.bg-swatch--transparent{background-color:#3a3f4d;background-image:linear-gradient(45deg,#545b6d 25%,transparent 25%),linear-gradient(-45deg,#545b6d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#545b6d 75%),linear-gradient(-45deg,transparent 75%,#545b6d 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.toaststack{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:20}.toast{padding:10px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;color:#fff;box-shadow:var(--shadow-2);animation:toast-in .18s ease}.toast--success{background:#1f8f4e}.toast--error{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ctxmenu{position:fixed;z-index:100;min-width:190px;padding:5px;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);animation:ctxmenu-in .12s ease}@keyframes ctxmenu-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ctxmenu__item{display:flex;align-items:center;width:100%;padding:7px 10px;border:none;border-radius:5px;background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:background .1s ease}.ctxmenu__item:hover{background:var(--bg-hover)}.ctxmenu__item--danger{color:var(--danger)}.ctxmenu__item--danger:hover{background:#ff55551f}.ctxmenu__divider{height:1px;margin:4px 6px;background:var(--border)}.landing{position:relative;overflow:hidden;background:var(--bg-app);border-top:1px solid var(--border);color:var(--text)}.landing__hero{position:relative;isolation:isolate;max-width:760px;margin:0 auto;padding:110px 24px 90px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.landing__hero:before{content:"";position:absolute;z-index:-1;top:-120px;right:-240px;bottom:0;left:-240px;pointer-events:none;background:radial-gradient(560px 320px at 22% 16%,rgba(244,63,94,.3),transparent 70%),radial-gradient(640px 380px at 78% 20%,rgba(139,92,246,.32),transparent 70%),radial-gradient(520px 320px at 55% 78%,rgba(56,189,248,.22),transparent 70%),radial-gradient(420px 260px at 38% 52%,rgba(251,146,60,.18),transparent 70%);filter:blur(44px);animation:landing-glow 14s ease-in-out infinite alternate}@keyframes landing-glow{0%{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,3%,0) scale(1.08)}}@media(prefers-reduced-motion:reduce){.landing__hero:before{animation:none}}.landing__hero:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(244,63,94,.55),rgba(139,92,246,.65),rgba(56,189,248,.55),transparent)}.landing__title{margin:0;font-size:clamp(34px,5vw,56px);font-weight:750;line-height:1.14;letter-spacing:-.03em;background:linear-gradient(93deg,#ff8a8a,#ffb46b,#ff6ba9,#a78bfa 72%,#67c7ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:title-shimmer 7s ease-in-out infinite alternate}@keyframes title-shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}[data-reveal]{opacity:0}[data-reveal].is-revealed{animation:reveal-up .65s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--reveal-delay, 0ms)}@keyframes reveal-up{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.landing__title.is-revealed{animation:reveal-up .65s cubic-bezier(.22,1,.36,1) both,title-shimmer 7s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1}[data-reveal].is-revealed,.landing__title{animation:none}}.landing__hero .btn--primary{box-shadow:0 0 28px #a78bfa59,0 0 10px #ffffff1f}.landing__hero .btn--primary:hover{box-shadow:0 0 40px #a78bfa8c,0 0 14px #ffffff2e}.landing__tagline{margin:0;font-size:19px;font-weight:600;color:var(--text)}.landing__subtitle{margin:0;max-width:620px;font-size:17px;line-height:1.6;color:var(--text-dim)}.landing__privacy-line{margin:4px 0 0;padding:6px 14px;border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-elevated);font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--text-dim)}.landing__hint{margin:0;font-size:13px;color:var(--text-faint)}.landing__cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.landing__hero .btn--ghost{border-color:#ffffff2e}.landing__hero .btn--ghost:hover{border-color:#ffffff52;background:#ffffff0d;color:var(--text)}.landing__trustbar{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:6px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--text-faint)}.landing__trustbar li{padding:0 12px;border-left:1px solid var(--border)}.landing__trustbar li:first-child{border-left:none;padding-left:0}.landing__section{max-width:1000px;margin:0 auto;padding:70px 24px;border-top:1px solid var(--border)}.landing__h2{margin:0 0 36px;font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.02em;text-align:center}.landing__h2:after{content:"";display:block;width:56px;height:3px;margin:14px auto 0;border-radius:2px;background:linear-gradient(90deg,#f43f5e,#a78bfa,#38bdf8)}.landing__section-intro{max-width:620px;margin:-8px auto 36px;text-align:center;font-size:15px;line-height:1.6;color:var(--text-dim)}.landing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.landing__grid--usecases{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.landing__card{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);transition:border-color .15s ease,box-shadow .2s ease,translate .2s ease}.landing__card:hover{border-color:var(--border-strong);box-shadow:0 0 34px var(--card-glow, rgba(139, 92, 246, .16));translate:0 -2px}.landing__card:before{content:"";display:block;width:26px;height:26px;border-radius:8px;margin-bottom:14px;background:var(--card-grad, linear-gradient(135deg, #f43f5e, #fb923c))}.landing__card:nth-of-type(1){--card-grad: linear-gradient(135deg, #f43f5e, #fb923c);--card-glow: rgba(244, 63, 94, .18)}.landing__card:nth-of-type(2){--card-grad: linear-gradient(135deg, #8b5cf6, #38bdf8);--card-glow: rgba(139, 92, 246, .2)}.landing__card:nth-of-type(3){--card-grad: linear-gradient(135deg, #ef4444, #ec4899);--card-glow: rgba(236, 72, 153, .18)}.landing__card:nth-of-type(4){--card-grad: linear-gradient(135deg, #f59e0b, #f43f5e);--card-glow: rgba(245, 158, 11, .18)}.landing__card:nth-of-type(5){--card-grad: linear-gradient(135deg, #38bdf8, #2dd4bf);--card-glow: rgba(56, 189, 248, .18)}.landing__card:nth-of-type(6){--card-grad: linear-gradient(135deg, #4ade80, #10b981);--card-glow: rgba(74, 222, 128, .18)}.landing__card:nth-of-type(7){--card-grad: linear-gradient(135deg, #d946ef, #8b5cf6);--card-glow: rgba(217, 70, 239, .18)}.landing__card:nth-of-type(8){--card-grad: linear-gradient(135deg, #60a5fa, #6366f1);--card-glow: rgba(99, 102, 241, .18)}.landing__card--plain:before{display:none}.landing__card-title{margin:0 0 6px;font-size:15px;font-weight:650}.landing__card-desc{margin:0;font-size:13.5px;line-height:1.55;color:var(--text-dim)}.landing__privacy{position:relative;isolation:isolate;text-align:center;max-width:880px;margin:70px auto;padding:56px 32px;border:1px solid transparent;border-radius:18px;background:linear-gradient(var(--bg-panel),var(--bg-panel)) padding-box,linear-gradient(120deg,#4ade808c,#38bdf880,#8b5cf68c) border-box}.landing__privacy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:radial-gradient(420px 200px at 30% 0%,rgba(74,222,128,.1),transparent 70%),radial-gradient(420px 200px at 70% 100%,rgba(139,92,246,.1),transparent 70%)}.landing__privacy-text{max-width:680px;margin:0 auto;font-size:16px;line-height:1.7;color:var(--text-dim)}.landing__badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px;margin-top:36px;text-align:left}.landing__badge-title{margin:0 0 4px;font-size:14px;font-weight:650;color:var(--text)}.landing__badge-desc{margin:0;font-size:12.5px;line-height:1.55;color:var(--text-dim)}.landing__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.landing__step{display:flex;gap:14px;align-items:flex-start}.landing__step-num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#f06595,#845ef7);color:#fff;font-weight:700;font-size:14px;box-shadow:0 0 18px #845ef759}.landing__how-closing{margin:30px 0 0;text-align:center;font-size:14px;font-weight:650;color:var(--text-dim)}.landing__compare .landing__h2,.landing__seo .landing__h2{margin-bottom:24px}.landing__prose{max-width:700px;margin:0 auto 16px;text-align:center;font-size:15.5px;line-height:1.75;color:var(--text-dim)}.landing__prose:last-child{margin-bottom:0}.landing__faq{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.landing__faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-panel);padding:0 16px}.landing__faq-item[open]{border-color:#8b5cf673;box-shadow:0 0 24px #8b5cf614}.landing__faq-q{padding:14px 26px 14px 0;font-weight:600;font-size:14.5px;cursor:pointer;list-style:none;position:relative}.landing__faq-q::-webkit-details-marker{display:none}.landing__faq-q:after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:var(--text-faint);font-size:18px;font-weight:400}.landing__faq-item[open] .landing__faq-q:after{content:"−"}.landing__faq-a{margin:0;padding:0 0 16px;font-size:14px;line-height:1.6;color:var(--text-dim)}.landing__footer{max-width:1000px;margin:0 auto;padding:32px 24px 44px;border-top:1px solid var(--border);text-align:center}.landing__footer-copy{display:flex;flex-direction:column;gap:3px}.landing__footer-tagline{margin:0;font-size:13px;color:var(--text-faint)}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-dim);font:inherit;font-size:12.5px;font-weight:600;padding:5px 12px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.filter-chip:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.filter-chip.is-active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.filter-chip:disabled{opacity:.4;cursor:not-allowed}.resize-row{display:flex;align-items:center;gap:6px}.resize-field{flex:1;display:flex;align-items:center;gap:2px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-panel-2);transition:border-color .12s ease}.resize-field:focus-within{border-color:var(--border-strong)}.resize-field__label{font-size:12px;font-weight:600;color:var(--text-faint);-webkit-user-select:none;user-select:none}.resize-field__label--scrub{cursor:ew-resize;padding:6px 4px 6px 0}.resize-field__label--scrub:hover{color:var(--text-dim)}.resize-field input{width:100%;min-width:0;padding:7px 0;border:none;background:transparent;color:var(--text);font:inherit;font-size:13px;font-variant-numeric:tabular-nums}.resize-field input:focus{outline:none}.resize-field input::-webkit-outer-spin-button,.resize-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.resize-field input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.resize-lock{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-faint);cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.resize-lock:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.resize-lock.is-locked{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.resize-lock:disabled{opacity:.4;cursor:not-allowed}.resize-presets{display:flex;gap:6px;margin-top:10px}.resize-preset{flex:1;padding:6px 0;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.resize-preset:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.resize-preset--apply{flex:1.4;background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.resize-preset--apply:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-contrast)}.resize-preset:disabled{opacity:.4;cursor:not-allowed}.optionsbar__btn{padding:6px 12px;font-size:13px}