/* Shared public styles. Base typography, brand and chrome come from the current Landing.tsx Vite CSS. */
/* BEGIN PUBLIC PAGE catalog */
.public-content[data-public-page="catalog"] *{box-sizing:border-box}
.public-content[data-public-page="catalog"]{scroll-behavior:smooth;scroll-padding-top:100px}
.public-content[data-public-page="catalog"]{margin:0;color:#191919;background:#fff;font:14px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.public-content[data-public-page="catalog"] a{color:inherit;text-decoration:none}
.public-content[data-public-page="catalog"] button,.public-content[data-public-page="catalog"] input{font:inherit}
.public-content[data-public-page="catalog"] button{cursor:pointer}
.public-content[data-public-page="catalog"] button,.public-content[data-public-page="catalog"] a,.public-content[data-public-page="catalog"] input{touch-action:manipulation}
.public-content[data-public-page="catalog"] a:focus-visible,.public-content[data-public-page="catalog"] button:focus-visible,.public-content[data-public-page="catalog"] input:focus-visible,.public-content[data-public-page="catalog"] summary:focus-visible{outline:2px solid #60765e;outline-offset:4px}
.public-content[data-public-page="catalog"] .wrap{max-width:1224px;margin:auto;padding:26px 32px 0}
.public-content[data-public-page="catalog"] .crumb{font-size:11px;color:#888;margin-bottom:37px}
.public-content[data-public-page="catalog"] .hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:55px;margin-bottom:34px}
.public-content[data-public-page="catalog"] .eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:#777}
.public-content[data-public-page="catalog"] .eyebrow:before{content:"";height:1px;width:24px;background:#888}
.public-content[data-public-page="catalog"] h1{font-size:52px;line-height:1.08;letter-spacing:-2.3px;font-weight:650;margin:15px 0 17px}
.public-content[data-public-page="catalog"] .lead{font-size:14px;color:#7c7c7c;max-width:640px;margin:0}
.public-content[data-public-page="catalog"] .hero-stat{border:1px solid #e7e7e7;border-radius:18px;padding:22px 28px;min-width:175px}
.public-content[data-public-page="catalog"] .hero-stat strong{font-size:44px;line-height:1;letter-spacing:-2px;font-weight:550;display:block}
.public-content[data-public-page="catalog"] .hero-stat span{display:block;color:#777;font-size:11px;margin-top:8px}
.public-content[data-public-page="catalog"] .hero-stat i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#669369;margin-right:4px}
.public-content[data-public-page="catalog"] .catalog-bar{padding:21px;border:1px solid #e5e5e5;border-radius:15px;margin-bottom:23px}
.public-content[data-public-page="catalog"] .search{display:flex;align-items:center;gap:12px;border:1px solid #ddd;border-radius:10px;padding:0 13px;max-width:100%;background:#fafafa}
.public-content[data-public-page="catalog"] .search svg{height:18px;width:18px;fill:none;stroke:#777;stroke-width:1.6;flex-shrink:0}
.public-content[data-public-page="catalog"] .search input{width:100%;border:0;background:none;padding:12px 0;font-size:12px;color:#333;min-width:0}
.public-content[data-public-page="catalog"] .search input:focus{outline:none}
.public-content[data-public-page="catalog"] .search:focus-within{outline:2px solid #d9e1d6}
.public-content[data-public-page="catalog"] .search button{border:0;background:none;color:#777;font-size:11px;padding:4px}
.public-content[data-public-page="catalog"] .search button[hidden]{display:none}
.public-content[data-public-page="catalog"] .categories{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.public-content[data-public-page="catalog"] .filter{padding:7px 12px;border:1px solid #e4e4e4;background:white;color:#777;border-radius:7px;font-size:11px}
.public-content[data-public-page="catalog"] .filter[aria-pressed=true]{background:#222;color:#fff;border-color:#222}
.public-content[data-public-page="catalog"] .filter:hover{border-color:#aaa}
.public-content[data-public-page="catalog"] .filter span{font-size:10px;opacity:.6;margin-left:5px}
.public-content[data-public-page="catalog"] .catalog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.public-content[data-public-page="catalog"] .catalog-head h2{font-size:15px;font-weight:550;margin:0}
.public-content[data-public-page="catalog"] .catalog-head p{font-size:11px;color:#888;margin:0}
.public-content[data-public-page="catalog"] .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.public-content[data-public-page="catalog"] .tool-card{border:1px solid #e6e6e6;border-radius:16px;padding:23px;display:flex;flex-direction:column;min-height:257px;transition:transform .18s,border-color .18s,box-shadow .18s;background:#fff}
.public-content[data-public-page="catalog"] .tool-card:hover{transform:translateY(-4px);border-color:#c7c7c7;box-shadow:0 9px 28px #00000007}
.public-content[data-public-page="catalog"] .tool-card[hidden]{display:none}
.public-content[data-public-page="catalog"] .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}
.public-content[data-public-page="catalog"] .tool-icon{height:45px;width:45px;display:grid;place-items:center;border:1px solid #e7e9e5;border-radius:12px;background:#f4f6f2;color:#6a7c60}
.public-content[data-public-page="catalog"] .tool-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.public-content[data-public-page="catalog"] .tool-card[data-category=marketing] .tool-icon{background:#f7f2ec;border-color:#eee5db;color:#9d8364}
.public-content[data-public-page="catalog"] .tool-card[data-category=technical] .tool-icon{background:#f0f3f8;border-color:#e2e8ef;color:#6d839b}
.public-content[data-public-page="catalog"] .tool-card[data-category=security] .tool-icon{background:#f5f1f7;border-color:#e9e1ef;color:#937c9e}
.public-content[data-public-page="catalog"] .card-category{font-size:10px;color:#9b9b9b}
.public-content[data-public-page="catalog"] .tool-card h3{font-size:17px;font-weight:600;letter-spacing:-.4px;line-height:1.35;margin:0 0 10px}
.public-content[data-public-page="catalog"] .tool-card p{font-size:12px;color:#888;margin:0 0 22px;line-height:1.7}
.public-content[data-public-page="catalog"] .card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.public-content[data-public-page="catalog"] .card-tag{font-size:9px;color:#888;background:#f7f7f7;border:1px solid #ededed;border-radius:5px;padding:3px 7px}
.public-content[data-public-page="catalog"] .card-open{font-size:10px;color:#444}
.public-content[data-public-page="catalog"] .empty{padding:42px 25px;text-align:center;border:1px dashed #ddd;border-radius:14px;color:#777}
.public-content[data-public-page="catalog"] .empty h3{font-size:17px;color:#444;margin:0 0 8px}
.public-content[data-public-page="catalog"] .empty p{font-size:12px;margin:0 0 15px}
.public-content[data-public-page="catalog"] .empty[hidden]{display:none}
.public-content[data-public-page="catalog"] .action{display:inline-flex;align-items:center;justify-content:center;background:#202020;color:white;padding:12px 18px;border:1px solid #202020;border-radius:9px;font-size:12px;gap:8px}
.public-content[data-public-page="catalog"] .action:hover{background:#383838}
.public-content[data-public-page="catalog"] .action.light{background:white;color:#333;border-color:#ddd}
.public-content[data-public-page="catalog"] .promo{margin-top:32px;padding:29px 31px;border-radius:17px;border:1px solid #e5e5e5;background:linear-gradient(120deg,#f8f8f8,#f2f3ef);display:flex;align-items:center;justify-content:space-between;gap:35px}
.public-content[data-public-page="catalog"] .promo-label{font-size:10px;color:#888;margin-bottom:10px}
.public-content[data-public-page="catalog"] .promo h2{font-size:27px;line-height:1.15;letter-spacing:-.9px;font-weight:650;margin:0 0 10px}
.public-content[data-public-page="catalog"] .promo p{font-size:12px;color:#888;margin:0;max-width:650px}
.public-content[data-public-page="catalog"] .promo .action{white-space:nowrap}
.public-content[data-public-page="catalog"] .seo{max-width:900px;margin-top:42px}
.public-content[data-public-page="catalog"] .seo h2{font-size:26px;letter-spacing:-.8px;font-weight:650;margin:0 0 18px}
.public-content[data-public-page="catalog"] .seo details{border-bottom:1px solid #e9e9e9;padding:16px 0}
.public-content[data-public-page="catalog"] .seo summary{font-size:13px;font-weight:550;cursor:pointer}
.public-content[data-public-page="catalog"] .seo p{font-size:12px;line-height:1.85;color:#888;margin:12px 0 0}
.public-content[data-public-page="catalog"] .seo a{border-bottom:1px solid #bbb}
.public-content[data-public-page="catalog"] .wrap{padding-bottom:9px}
@media(max-width:1050px){.public-content[data-public-page="catalog"] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.public-content[data-public-page="catalog"] .hero{gap:30px}
.public-content[data-public-page="catalog"] h1{font-size:46px}
.public-content[data-public-page="catalog"] .wrap{padding-left:24px;padding-right:24px}
}
@media(max-width:700px){.public-content[data-public-page="catalog"] .wrap{padding:23px 20px 0}
.public-content[data-public-page="catalog"] .crumb{margin-bottom:28px}
.public-content[data-public-page="catalog"] .hero{display:block;margin-bottom:26px}
.public-content[data-public-page="catalog"] h1{font-size:36px;letter-spacing:-1.4px}
.public-content[data-public-page="catalog"] .hero-stat{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px 15px;min-width:0;width:fit-content}
.public-content[data-public-page="catalog"] .hero-stat strong{font-size:26px;letter-spacing:-1px}
.public-content[data-public-page="catalog"] .hero-stat span{margin:0;font-size:10px}
.public-content[data-public-page="catalog"] .lead{font-size:13px}
.public-content[data-public-page="catalog"] .catalog-bar{padding:15px}
.public-content[data-public-page="catalog"] .categories{gap:6px;margin-top:13px}
.public-content[data-public-page="catalog"] .filter{font-size:10px;padding:7px 9px}
.public-content[data-public-page="catalog"] .tool-card{padding:20px;min-height:260px}
.public-content[data-public-page="catalog"] .promo{padding:23px;display:block}
.public-content[data-public-page="catalog"] .promo h2{font-size:25px}
.public-content[data-public-page="catalog"] .promo .action{margin-top:19px}
.public-content[data-public-page="catalog"] .catalog-head{align-items:flex-start;gap:10px}
.public-content[data-public-page="catalog"] .catalog-head p{font-size:10px}
.public-content[data-public-page="catalog"] .seo{margin-top:30px}
.public-content[data-public-page="catalog"] .seo h2{font-size:23px}
}
@media(max-width:520px){.public-content[data-public-page="catalog"] .grid{grid-template-columns:1fr;gap:13px}
.public-content[data-public-page="catalog"] .tool-card{min-height:225px}
.public-content[data-public-page="catalog"] .card-top{margin-bottom:16px}
.public-content[data-public-page="catalog"] .tool-card p{margin-bottom:18px}
.public-content[data-public-page="catalog"] .catalog-head{display:block}
.public-content[data-public-page="catalog"] .catalog-head p{margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.public-content[data-public-page="catalog"]{scroll-behavior:auto}
.public-content[data-public-page="catalog"] .tool-card{transition:none}
}
.public-content[data-public-page="catalog"] .mepage-shell-top{position:sticky;top:0;z-index:20}
/* END PUBLIC PAGE catalog */
/* BEGIN PUBLIC PAGE colors */
.public-content[data-public-page="colors"]{--ink:#171717;--muted:#747474;--line:#e7e7e7;--radius:16px}
.public-content[data-public-page="colors"] *{box-sizing:border-box}
.public-content[data-public-page="colors"]{margin:0;color:var(--ink);background:#fff;font:14px/1.55 Arial,Helvetica,sans-serif}
.public-content[data-public-page="colors"] a{color:inherit}
.public-content[data-public-page="colors"] button,.public-content[data-public-page="colors"] input,.public-content[data-public-page="colors"] select{font:inherit}
.public-content[data-public-page="colors"] button,.public-content[data-public-page="colors"] a,.public-content[data-public-page="colors"] input,.public-content[data-public-page="colors"] select{touch-action:manipulation}
.public-content[data-public-page="colors"] button{cursor:pointer}
.public-content[data-public-page="colors"] main{max-width:1224px;margin:auto;padding-left:24px;padding-right:24px}
.public-content[data-public-page="colors"] .logo{text-decoration:none;font-size:27px;font-weight:800;letter-spacing:-1.5px}
.public-content[data-public-page="colors"] .logo span{font-weight:400}
.public-content[data-public-page="colors"] nav{display:flex;gap:24px;align-items:center}
.public-content[data-public-page="colors"] nav a{text-decoration:none;font-size:12px}
.public-content[data-public-page="colors"] .btn{display:inline-flex;align-items:center;justify-content:center;background:#171717;color:white;border:1px solid #171717;border-radius:9px;padding:12px 18px;text-decoration:none;font-size:12px}
.public-content[data-public-page="colors"] .btn.light{background:white;color:#171717}
.public-content[data-public-page="colors"] main{padding-top:27px;padding-bottom:48px}
.public-content[data-public-page="colors"] .crumb{color:var(--muted);font-size:11px;margin-bottom:24px}
.public-content[data-public-page="colors"] .crumb a{text-decoration:none}
.public-content[data-public-page="colors"] .eyebrow{color:#777;font-size:10px;letter-spacing:1.8px;text-transform:uppercase}
.public-content[data-public-page="colors"] h1{font-size:46px;line-height:1.1;letter-spacing:-1.8px;margin:13px 0 16px}
.public-content[data-public-page="colors"] h2{font-size:26px;letter-spacing:-.8px;margin:0 0 15px}
.public-content[data-public-page="colors"] h3{font-size:16px;margin:0 0 10px}
.public-content[data-public-page="colors"] .intro{max-width:700px;color:var(--muted);margin-bottom:26px}
.public-content[data-public-page="colors"] .stats{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 30px}
.public-content[data-public-page="colors"] .tag{padding:7px 11px;border:1px solid var(--line);border-radius:7px;color:#555;font-size:11px}
.public-content[data-public-page="colors"] .filter{display:flex;gap:12px;background:#f6f6f6;border-radius:12px;padding:14px;margin-bottom:18px}
.public-content[data-public-page="colors"] .filter input{flex:1;min-width:0}
.public-content[data-public-page="colors"] .filter input,.public-content[data-public-page="colors"] .filter select{border:1px solid #ddd;border-radius:8px;background:white;padding:11px 13px}
.public-content[data-public-page="colors"] .count{font-size:11px;color:#777;margin:18px 0}
.public-content[data-public-page="colors"] .grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.public-content[data-public-page="colors"] .card{border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}
.public-content[data-public-page="colors"] .card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000000c}
.public-content[data-public-page="colors"] .chip{height:126px;display:block;background:var(--swatch)}
.public-content[data-public-page="colors"] .card-info{padding:13px}
.public-content[data-public-page="colors"] .card-info strong{display:block;font-size:12px}
.public-content[data-public-page="colors"] .card-info small{display:block;color:#777;font-size:10px;margin-top:5px}
.public-content[data-public-page="colors"] .pending{font-size:9px!important;color:#91642e!important}
.public-content[data-public-page="colors"] .pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:30px 0}
.public-content[data-public-page="colors"] .pagination a{padding:9px 15px;border:1px solid var(--line);border-radius:8px;text-decoration:none}
.public-content[data-public-page="colors"] .promo{border:1px solid var(--line);border-radius:16px;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;gap:22px;margin:34px 0;background:#fafafa}
.public-content[data-public-page="colors"] .promo p{color:#777;margin:5px 0 0;max-width:590px;font-size:12px}
.public-content[data-public-page="colors"] .promo h2{font-size:22px;margin-bottom:7px}
.public-content[data-public-page="colors"] .seo{margin-top:40px}
.public-content[data-public-page="colors"] .seo details{border-bottom:1px solid var(--line);padding:17px 0}
.public-content[data-public-page="colors"] .seo summary{cursor:pointer;font-weight:600}
.public-content[data-public-page="colors"] .seo p{color:#777;max-width:850px;font-size:13px}
.public-content[data-public-page="colors"] .detail{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}
.public-content[data-public-page="colors"] .big-swatch{height:350px;border-radius:14px;display:flex;align-items:flex-end;padding:28px;background:var(--swatch);color:var(--on)}
.public-content[data-public-page="colors"] .big-swatch strong{font-size:40px;letter-spacing:-1px}
.public-content[data-public-page="colors"] .caption{color:#777;font-size:11px;margin-top:12px}
.public-content[data-public-page="colors"] .codes{display:grid;gap:10px}
.public-content[data-public-page="colors"] .copy{border:1px solid var(--line);background:white;border-radius:10px;display:flex;justify-content:space-between;text-align:left;align-items:center;padding:16px;gap:12px}
.public-content[data-public-page="colors"] .copy span{color:#777;font-size:10px}
.public-content[data-public-page="colors"] .copy strong{font:14px ui-monospace,monospace}
.public-content[data-public-page="colors"] .note{background:#faf4eb;border:1px solid #eadcc8;border-radius:10px;padding:14px;font-size:12px;margin-top:18px;color:#79592e}
.public-content[data-public-page="colors"] .detail-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.public-content[data-public-page="colors"] .related{margin:35px 0}
.public-content[data-public-page="colors"] .detail-title small{display:block;color:#777;font-size:22px;font-weight:400;letter-spacing:-.4px;margin-top:12px}
.public-content[data-public-page="colors"] dialog{border:1px solid var(--line);border-radius:16px;max-width:400px;width:calc(100% - 32px);padding:24px}
.public-content[data-public-page="colors"] dialog::backdrop{background:#0006}
.public-content[data-public-page="colors"] dialog input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;margin:10px 0 18px}
.public-content[data-public-page="colors"] dialog p{color:#777;font-size:12px}
.public-content[data-public-page="colors"] .empty{padding:45px 0;color:#777}
.public-content[data-public-page="colors"] .section-label{display:flex;align-items:center;justify-content:space-between;margin-top:34px}
.public-content[data-public-page="colors"] a:focus-visible,.public-content[data-public-page="colors"] button:focus-visible,.public-content[data-public-page="colors"] input:focus-visible,.public-content[data-public-page="colors"] select:focus-visible{outline:2px solid #555;outline-offset:4px}
@media(max-width:1000px){.public-content[data-public-page="colors"] .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){.public-content[data-public-page="colors"] nav a:not(.btn){display:none}
.public-content[data-public-page="colors"] h1{font-size:36px}
.public-content[data-public-page="colors"] .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.public-content[data-public-page="colors"] .filter{flex-wrap:wrap}
.public-content[data-public-page="colors"] .filter input{flex-basis:100%}
.public-content[data-public-page="colors"] .filter select{flex:1}
.public-content[data-public-page="colors"] .detail{grid-template-columns:1fr}
.public-content[data-public-page="colors"] .promo{align-items:flex-start;flex-direction:column}
.public-content[data-public-page="colors"] .big-swatch{height:290px}
.public-content[data-public-page="colors"] .chip{height:100px}
}
@media(max-width:420px){.public-content[data-public-page="colors"] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.public-content[data-public-page="colors"] main{padding-left:18px;padding-right:18px}
.public-content[data-public-page="colors"] .copy strong{font-size:12px}
}
.public-content[data-public-page="colors"] .mepage-shell-top{position:sticky;top:0;z-index:20}
/* END PUBLIC PAGE colors */
/* BEGIN PUBLIC PAGE conversion */
.public-content[data-public-page="conversion"]{--bg:#fff;--fg:#171717;--muted:#747474;--line:#e8e8e8;--soft:#f7f7f7;--green:#28794e;--green-bg:#edf6ef;--radius:18px;--shadow:0 4px 28px #00000004;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.public-content[data-public-page="conversion"] *{box-sizing:border-box}
.public-content[data-public-page="conversion"]{scroll-behavior:smooth;scroll-padding-top:96px}
.public-content[data-public-page="conversion"]{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}
.public-content[data-public-page="conversion"] button,.public-content[data-public-page="conversion"] input,.public-content[data-public-page="conversion"] textarea{font:inherit}
.public-content[data-public-page="conversion"] button,.public-content[data-public-page="conversion"] a,.public-content[data-public-page="conversion"] input,.public-content[data-public-page="conversion"] textarea,.public-content[data-public-page="conversion"] summary{touch-action:manipulation}
.public-content[data-public-page="conversion"] a{color:inherit;text-decoration:none}
.public-content[data-public-page="conversion"] button{cursor:pointer}
.public-content[data-public-page="conversion"] button:disabled{cursor:not-allowed;opacity:.42}
.public-content[data-public-page="conversion"] button,.public-content[data-public-page="conversion"] a,.public-content[data-public-page="conversion"] input,.public-content[data-public-page="conversion"] textarea,.public-content[data-public-page="conversion"] summary{outline-offset:4px}
.public-content[data-public-page="conversion"] button:focus-visible,.public-content[data-public-page="conversion"] a:focus-visible,.public-content[data-public-page="conversion"] input:focus-visible,.public-content[data-public-page="conversion"] textarea:focus-visible,.public-content[data-public-page="conversion"] summary:focus-visible{outline:2px solid #555}
.public-content[data-public-page="conversion"] button{color:inherit}
.public-content[data-public-page="conversion"] svg{width:19px;height:19px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.public-content[data-public-page="conversion"] .container{max-width:1224px;margin:auto;padding:0 32px}
.public-content[data-public-page="conversion"] .brand{display:inline-flex;gap:10px;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1.2px}
.public-content[data-public-page="conversion"] .brand-mark{height:35px;width:35px;display:grid;place-items:center;background:#191919;color:white;border-radius:11px;box-shadow:0 3px 8px #0000000d}
.public-content[data-public-page="conversion"] .brand-mark svg{width:23px;height:23px;stroke-width:1.8}
.public-content[data-public-page="conversion"] .brand-dot{color:#8b8b8b}
.public-content[data-public-page="conversion"] .btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 17px;border-radius:10px;border:1px solid #191919;background:#191919;color:#fff;font-size:13px;font-weight:600;transition:background .18s,transform .18s,box-shadow .18s}
.public-content[data-public-page="conversion"] .btn:hover:not(:disabled){background:#343434;box-shadow:0 3px 9px #00000012;transform:translateY(-1px)}
.public-content[data-public-page="conversion"] .btn-white{background:#fff;color:#252525;border-color:#dedede}
.public-content[data-public-page="conversion"] .btn-white:hover:not(:disabled){background:#f5f5f5}
.public-content[data-public-page="conversion"] .btn-small{padding:10px 15px}
.public-content[data-public-page="conversion"] .breadcrumb{display:flex;align-items:center;gap:10px;color:#8a8a8a;font-size:12px;padding-top:28px}
.public-content[data-public-page="conversion"] .breadcrumb svg{width:12px;height:12px}
.public-content[data-public-page="conversion"] .breadcrumb span{color:#4b4b4b}
.public-content[data-public-page="conversion"] .intro{padding:32px 0 28px}
.public-content[data-public-page="conversion"] .eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:12px;font-size:11px;font-weight:650;letter-spacing:1.6px;text-transform:uppercase;color:#7b7b7b}
.public-content[data-public-page="conversion"] .eyebrow-line{width:22px;height:1px;background:#aaa}
.public-content[data-public-page="conversion"] h1{font-size:44px;line-height:1.12;letter-spacing:-2px;margin:0 0 14px;font-weight:720}
.public-content[data-public-page="conversion"] .intro-row{display:flex;gap:24px;align-items:center;justify-content:space-between}
.public-content[data-public-page="conversion"] .intro p{color:#777;font-size:15px;max-width:690px;margin:0;line-height:1.65}
.public-content[data-public-page="conversion"] .free-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--green);background:var(--green-bg);font-size:12px;padding:7px 11px;border-radius:7px}
.public-content[data-public-page="conversion"] .free-badge svg{width:14px;height:14px}
.public-content[data-public-page="conversion"] .workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;align-items:start}
.public-content[data-public-page="conversion"] .panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}
.public-content[data-public-page="conversion"] .panel-heading{padding:21px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}
.public-content[data-public-page="conversion"] .panel-title{display:flex;align-items:center;gap:11px;font-weight:650;font-size:15px}
.public-content[data-public-page="conversion"] .step-num{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e2e2e2;border-radius:8px;color:#666;font:11px var(--font)}
.public-content[data-public-page="conversion"] .panel-heading small{font-size:11px;color:#929292}
.public-content[data-public-page="conversion"] .form-body{padding:22px 24px}
.public-content[data-public-page="conversion"] .field{min-width:0}
.public-content[data-public-page="conversion"] .field label{font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.public-content[data-public-page="conversion"] .req{color:#999;margin-left:3px;font-size:12px}
.public-content[data-public-page="conversion"] .field-code{font-size:10px;font-weight:400;color:#959595;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.public-content[data-public-page="conversion"] .input{width:100%;border:1px solid #ddd;border-radius:9px;height:44px;padding:0 12px;background:#fff;color:#262626;font-size:13px;transition:border-color .18s,box-shadow .18s}
.public-content[data-public-page="conversion"] .input::placeholder{color:#aaa}
.public-content[data-public-page="conversion"] .input:focus{border-color:#777;box-shadow:0 0 0 3px #00000004;outline:none}
.public-content[data-public-page="conversion"] .input[aria-invalid="true"]{border-color:#bc4747}
.public-content[data-public-page="conversion"] .field-hint{font-size:11px;color:#999;margin:6px 0 0}
.public-content[data-public-page="conversion"] .url-input{position:relative}
.public-content[data-public-page="conversion"] .url-input .input{padding-left:38px}
.public-content[data-public-page="conversion"] .url-input svg{position:absolute;left:12px;top:13px;width:17px;color:#909090}
.public-content[data-public-page="conversion"] .presets{margin:20px 0 23px}
.public-content[data-public-page="conversion"] .small-label{font-size:11px;color:#929292;margin:0 0 9px}
.public-content[data-public-page="conversion"] .preset-list{display:flex;flex-wrap:wrap;gap:7px}
.public-content[data-public-page="conversion"] .preset{border:1px solid #e7e7e7;background:#fff;border-radius:7px;padding:7px 11px;font-size:11px;display:flex;gap:6px;align-items:center;transition:.16s}
.public-content[data-public-page="conversion"] .preset:hover{border-color:#999}
.public-content[data-public-page="conversion"] .preset[aria-pressed="true"]{background:#f0f0f0;border-color:#a8a8a8;color:#111;box-shadow:inset 0 0 0 .5px #a8a8a8}
.public-content[data-public-page="conversion"] .preset-icon{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;font-size:10px;font-weight:700}
.public-content[data-public-page="conversion"] .ya{color:#d24b38;background:#fff0ec}
.public-content[data-public-page="conversion"] .vk{color:#4c79c6;background:#eef3fc;font-size:8px}
.public-content[data-public-page="conversion"] .tg{color:#3491b1;background:#eaf6fa}
.public-content[data-public-page="conversion"] .email{color:#8067a5;background:#f3eff8}
.public-content[data-public-page="conversion"] .preset-icon svg{width:11px;height:11px}
.public-content[data-public-page="conversion"] .fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}
.public-content[data-public-page="conversion"] .full{grid-column:1/-1}
.public-content[data-public-page="conversion"] .options{padding-top:20px;margin-top:21px;border-top:1px solid #eee}
.public-content[data-public-page="conversion"] .options summary{cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:space-between;list-style:none}
.public-content[data-public-page="conversion"] .options summary::-webkit-details-marker{display:none}
.public-content[data-public-page="conversion"] .options summary svg{width:14px;height:14px;transition:transform .18s}
.public-content[data-public-page="conversion"] .options[open] summary svg{transform:rotate(180deg)}
.public-content[data-public-page="conversion"] .options .fields{margin-top:16px}
.public-content[data-public-page="conversion"] .form-foot{padding:15px 24px;background:#fafafa;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}
.public-content[data-public-page="conversion"] .check-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;color:#777}
.public-content[data-public-page="conversion"] .check-label input{accent-color:#222;margin:0;width:14px;height:14px}
.public-content[data-public-page="conversion"] .text-btn{border:0;background:none;color:#777;font-size:11px;padding:4px;white-space:nowrap}
.public-content[data-public-page="conversion"] .text-btn:hover{color:#111}
.public-content[data-public-page="conversion"] .error{color:#ab3535;font-size:11px;min-height:0;margin-top:5px}
.public-content[data-public-page="conversion"] .error:empty{display:none}
.public-content[data-public-page="conversion"] .form-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#969696;margin:13px 0 0}
.public-content[data-public-page="conversion"] .form-note svg{width:12px;height:12px}
.public-content[data-public-page="conversion"] .result-column{display:grid;gap:20px}
.public-content[data-public-page="conversion"] .result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.public-content[data-public-page="conversion"] .result-heading h2{font-size:14px;font-weight:650;margin:0}
.public-content[data-public-page="conversion"] .live{display:flex;align-items:center;gap:6px;color:#7e7e7e;font-size:10px}
.public-content[data-public-page="conversion"] .live i{width:6px;height:6px;border-radius:50%;background:#68a57b;box-shadow:0 0 0 3px #68a57b12}
.public-content[data-public-page="conversion"] .result-body{padding:23px}
.public-content[data-public-page="conversion"] .result-url{width:100%;height:104px;padding:14px;border:1px solid #e7e7e7;border-radius:10px;background:#fafafa;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;resize:none;color:#444;overflow-wrap:anywhere;word-break:break-all}
.public-content[data-public-page="conversion"] .result-url:focus{outline:1px solid #aaa}
.public-content[data-public-page="conversion"] .result-actions{display:flex;gap:8px;margin:12px 0 18px}
.public-content[data-public-page="conversion"] .result-actions .btn{flex:1;padding:11px;font-size:12px}
.public-content[data-public-page="conversion"] .icon-btn{width:42px;display:grid;place-items:center;flex-shrink:0;background:#fff;border:1px solid #ddd;border-radius:9px;transition:.15s}
.public-content[data-public-page="conversion"] .icon-btn:hover:not(:disabled){background:#f3f3f3}
.public-content[data-public-page="conversion"] .icon-btn svg{width:17px;height:17px}
.public-content[data-public-page="conversion"] .parameter-label{font-size:10px;color:#999;margin-bottom:9px}
.public-content[data-public-page="conversion"] .parameter-list{display:flex;flex-wrap:wrap;gap:6px}
.public-content[data-public-page="conversion"] .parameter{display:flex;gap:5px;max-width:100%;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;padding:5px 7px;border-radius:5px;overflow-wrap:anywhere}
.public-content[data-public-page="conversion"] .parameter b{font-weight:500;opacity:.7}
.public-content[data-public-page="conversion"] .source-tag{background:#eef3fb;color:#416694}
.public-content[data-public-page="conversion"] .medium-tag{background:#f3eef9;color:#7a609c}
.public-content[data-public-page="conversion"] .campaign-tag{background:#eef5ef;color:#507c58}
.public-content[data-public-page="conversion"] .extra-tag{background:#f5f1e9;color:#8e7040}
.public-content[data-public-page="conversion"] .result-bottom{padding:12px 23px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#999}
.public-content[data-public-page="conversion"] .result-bottom button{font-size:10px;display:flex;gap:5px;align-items:center}
.public-content[data-public-page="conversion"] .result-bottom svg{width:12px;height:12px}
.public-content[data-public-page="conversion"] .promo{position:relative;border:1px solid #e4e4e4;border-radius:var(--radius);background:linear-gradient(135deg,#fcfcfc,#f1f1f1);padding:23px;overflow:hidden}
.public-content[data-public-page="conversion"] .promo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.public-content[data-public-page="conversion"] .promo-top .brand{font-size:17px;letter-spacing:-.7px;gap:7px}
.public-content[data-public-page="conversion"] .promo-top .brand-mark{width:24px;height:24px;border-radius:7px}
.public-content[data-public-page="conversion"] .promo-top .brand-mark svg{width:15px;height:15px}
.public-content[data-public-page="conversion"] .promo-top small{font-size:9px;color:#999}
.public-content[data-public-page="conversion"] .promo h2{font-size:24px;line-height:1.2;letter-spacing:-.8px;font-weight:680;margin:0 0 10px;max-width:290px}
.public-content[data-public-page="conversion"] .promo p{font-size:12px;line-height:1.65;color:#7d7d7d;margin:0 0 17px}
.public-content[data-public-page="conversion"] .promo .btn{width:100%;font-size:12px;background:white;color:#191919;border-color:#d8d8d8;justify-content:space-between}
.public-content[data-public-page="conversion"] .promo .btn:hover{background:#f8f8f8}
.public-content[data-public-page="conversion"] .promo-note{font-size:10px;color:#969696;text-align:center;margin-top:10px}
.public-content[data-public-page="conversion"] .mini-browser{margin-top:18px;border:1px solid #dcdcdc;border-radius:10px 10px 0 0;background:#fff;height:112px;overflow:hidden;box-shadow:0 6px 14px #00000004}
.public-content[data-public-page="conversion"] .mini-top{height:21px;display:flex;align-items:center;padding:0 9px;gap:3px;border-bottom:1px solid #eee;background:#fafafa}
.public-content[data-public-page="conversion"] .mini-top i{width:4px;height:4px;background:#d7d7d7;border-radius:50%}
.public-content[data-public-page="conversion"] .mini-address{height:10px;width:55%;margin-left:15px;border-radius:3px;background:#eee}
.public-content[data-public-page="conversion"] .mini-site{padding:13px;display:flex;gap:15px;align-items:center}
.public-content[data-public-page="conversion"] .mini-copy{flex:1}
.public-content[data-public-page="conversion"] .mini-copy strong{font-size:12px;line-height:1.1;letter-spacing:-.3px;display:block;margin-bottom:7px}
.public-content[data-public-page="conversion"] .mini-copy .skeleton{height:3px;background:#e7e7e7;width:85%;margin-top:4px}
.public-content[data-public-page="conversion"] .mini-copy .mini-button{height:12px;width:46px;margin-top:9px;background:#222;border-radius:3px}
.public-content[data-public-page="conversion"] .mini-art{width:68px;height:63px;border-radius:6px;background:#f2efe9;position:relative;overflow:hidden}
.public-content[data-public-page="conversion"] .mini-art:before{content:"";position:absolute;width:42px;height:70px;border-radius:23px 23px 0 0;background:#c4cbb8;top:13px;left:14px;transform:rotate(18deg)}
.public-content[data-public-page="conversion"] .mini-art:after{content:"";position:absolute;width:20px;height:35px;border-radius:12px 12px 0 0;background:#f2ebe0;top:34px;left:5px;transform:rotate(-14deg)}
.public-content[data-public-page="conversion"] .below{padding:44px 0 0}
.public-content[data-public-page="conversion"] .section-top{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:22px}
.public-content[data-public-page="conversion"] .section-top h2{font-size:25px;letter-spacing:-.8px;margin:0;font-weight:650}
.public-content[data-public-page="conversion"] .section-top p{font-size:12px;color:#909090;margin:0}
.public-content[data-public-page="conversion"] .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:39px;border-bottom:1px solid var(--line)}
.public-content[data-public-page="conversion"] .step{display:flex;gap:13px}
.public-content[data-public-page="conversion"] .step-icon{border:1px solid #e9e9e9;border-radius:10px;display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;color:#777}
.public-content[data-public-page="conversion"] .step h3{font-size:13px;margin:0 0 6px;font-weight:600}
.public-content[data-public-page="conversion"] .step p{font-size:12px;color:#8a8a8a;line-height:1.7;margin:0}
.public-content[data-public-page="conversion"] .guide-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:34px}
.public-content[data-public-page="conversion"] .guide-grid h2{font-size:21px;font-weight:650;letter-spacing:-.6px;margin:0 0 17px}
.public-content[data-public-page="conversion"] .guide-table{width:100%;border-collapse:collapse;font-size:12px}
.public-content[data-public-page="conversion"] .guide-table tr+tr{border-top:1px solid #eee}
.public-content[data-public-page="conversion"] .guide-table td{padding:10px 0;vertical-align:top}
.public-content[data-public-page="conversion"] .guide-table td:first-child{width:130px}
.public-content[data-public-page="conversion"] .guide-table code{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;background:#f5f5f5;padding:4px 6px;border-radius:4px}
.public-content[data-public-page="conversion"] .guide-table td:nth-child(2){color:#888}
.public-content[data-public-page="conversion"] .faq details{border-bottom:1px solid #eee;padding:13px 0}
.public-content[data-public-page="conversion"] .faq details:first-of-type{padding-top:0}
.public-content[data-public-page="conversion"] .faq summary{cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font-weight:550}
.public-content[data-public-page="conversion"] .faq summary:after{content:"+";font-size:19px;font-weight:400;color:#aaa}
.public-content[data-public-page="conversion"] .faq details[open] summary:after{content:"−"}
.public-content[data-public-page="conversion"] .faq p{font-size:12px;line-height:1.8;color:#888;margin:11px 16px 0 0}
.public-content[data-public-page="conversion"] .toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#242424;color:#fff;border:1px solid #454545;border-radius:11px;padding:12px 20px;font-size:12px;box-shadow:0 6px 20px #0000001a;opacity:0;transition:.2s;pointer-events:none;z-index:50;max-width:calc(100vw - 30px);text-align:center}
.public-content[data-public-page="conversion"] .toast.show{opacity:1;transform:translate(-50%,0)}
.public-content[data-public-page="conversion"] dialog{width:min(480px,calc(100% - 30px));border:1px solid #ddd;border-radius:18px;padding:26px;color:#222;box-shadow:0 20px 70px #0002}
.public-content[data-public-page="conversion"] dialog::backdrop{background:#0005;backdrop-filter:blur(3px)}
.public-content[data-public-page="conversion"] dialog h2{font-size:21px;letter-spacing:-.6px;margin:0 0 8px}
.public-content[data-public-page="conversion"] dialog p{color:#888;font-size:12px;margin:0 0 20px}
.public-content[data-public-page="conversion"] .dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.public-content[data-public-page="conversion"] .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.public-content[data-public-page="conversion"] .mobile-help{display:none}
@media(min-width:1350px){.public-content[data-public-page="conversion"] .intro{padding-top:39px;padding-bottom:32px}
.public-content[data-public-page="conversion"] .form-body{padding-top:25px;padding-bottom:25px}
.public-content[data-public-page="conversion"] .fields{gap:20px 18px}
}
@media(max-width:1000px){.public-content[data-public-page="conversion"] .container{padding:0 24px}
.public-content[data-public-page="conversion"] .workspace{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.public-content[data-public-page="conversion"] .form-body,.public-content[data-public-page="conversion"] .panel-heading{padding-left:20px;padding-right:20px}
.public-content[data-public-page="conversion"] .result-body,.public-content[data-public-page="conversion"] .promo{padding:19px}
.public-content[data-public-page="conversion"] .promo h2{font-size:22px}
.public-content[data-public-page="conversion"] .preset{padding:7px 8px}
.public-content[data-public-page="conversion"] .guide-grid{gap:35px}
}
@media(max-width:760px){.public-content[data-public-page="conversion"] .container{padding:0 20px}
.public-content[data-public-page="conversion"] .brand{font-size:23px}
.public-content[data-public-page="conversion"] .brand-mark{width:31px;height:31px}
.public-content[data-public-page="conversion"] .breadcrumb{padding-top:20px;font-size:10px}
.public-content[data-public-page="conversion"] .intro{padding:25px 0 22px}
.public-content[data-public-page="conversion"] .eyebrow{font-size:9px;margin-bottom:10px}
.public-content[data-public-page="conversion"] h1{font-size:34px;letter-spacing:-1.5px}
.public-content[data-public-page="conversion"] .intro-row{display:block}
.public-content[data-public-page="conversion"] .intro p{font-size:13px;line-height:1.7}
.public-content[data-public-page="conversion"] .free-badge{font-size:10px;margin-top:13px}
.public-content[data-public-page="conversion"] .workspace{grid-template-columns:1fr}
.public-content[data-public-page="conversion"] .panel-title{font-size:14px}
.public-content[data-public-page="conversion"] .panel-heading{padding:17px 18px}
.public-content[data-public-page="conversion"] .form-body{padding:19px 18px}
.public-content[data-public-page="conversion"] .result-column{gap:18px}
.public-content[data-public-page="conversion"] .promo{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;padding:21px}
.public-content[data-public-page="conversion"] .promo-top{grid-column:1/-1;margin-bottom:15px}
.public-content[data-public-page="conversion"] .promo h2{font-size:22px;grid-column:1/-1;max-width:100%}
.public-content[data-public-page="conversion"] .promo p{grid-column:1/-1;margin-bottom:15px}
.public-content[data-public-page="conversion"] .promo .btn{grid-column:1/-1}
.public-content[data-public-page="conversion"] .promo-note{grid-column:1/-1}
.public-content[data-public-page="conversion"] .mini-browser{display:none}
.public-content[data-public-page="conversion"] .form-foot{padding:14px 18px}
.public-content[data-public-page="conversion"] .below{padding-top:32px}
.public-content[data-public-page="conversion"] .section-top{align-items:start;flex-direction:column;gap:6px;margin-bottom:20px}
.public-content[data-public-page="conversion"] .section-top h2{font-size:23px}
.public-content[data-public-page="conversion"] .steps{grid-template-columns:1fr;gap:22px;padding-bottom:29px}
.public-content[data-public-page="conversion"] .step p{max-width:450px}
.public-content[data-public-page="conversion"] .guide-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}
.public-content[data-public-page="conversion"] .panel-heading small{font-size:10px}
.public-content[data-public-page="conversion"] .result-url{height:93px}
.public-content[data-public-page="conversion"] .mobile-help{display:inline}
}
@media(max-width:380px){.public-content[data-public-page="conversion"] .container{padding:0 14px}
.public-content[data-public-page="conversion"] h1{font-size:30px}
.public-content[data-public-page="conversion"] .fields{grid-template-columns:1fr}
.public-content[data-public-page="conversion"] .full{grid-column:auto}
.public-content[data-public-page="conversion"] .field-code{font-size:9px}
.public-content[data-public-page="conversion"] .form-foot{gap:10px}
.public-content[data-public-page="conversion"] .check-label{font-size:10px}
.public-content[data-public-page="conversion"] .preset-list{gap:5px}
.public-content[data-public-page="conversion"] .preset{font-size:10px}
.public-content[data-public-page="conversion"] .panel-heading small{display:none}
}
@media(prefers-reduced-motion:reduce){.public-content[data-public-page="conversion"]{scroll-behavior:auto}
.public-content[data-public-page="conversion"] *,.public-content[data-public-page="conversion"] *:before,.public-content[data-public-page="conversion"] *:after{transition:none!important;animation:none!important}
}
.public-content[data-public-page="conversion"] .field-hint,.public-content[data-public-page="conversion"] .small-label,.public-content[data-public-page="conversion"] .panel-heading small,.public-content[data-public-page="conversion"] .form-note,.public-content[data-public-page="conversion"] .parameter-label,.public-content[data-public-page="conversion"] .result-bottom,.public-content[data-public-page="conversion"] .promo-note,.public-content[data-public-page="conversion"] .promo-top small,.public-content[data-public-page="conversion"] .section-top p,.public-content[data-public-page="conversion"] .step p,.public-content[data-public-page="conversion"] .guide-table td:nth-child(2),.public-content[data-public-page="conversion"] .faq p{color:#737373}
.public-content[data-public-page="conversion"] .seo-guide{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}
.public-content[data-public-page="conversion"] .seo-guide>h2{font-size:26px;line-height:1.25;letter-spacing:-.7px;margin:0 0 10px}
.public-content[data-public-page="conversion"] .seo-intro{color:#737373;max-width:760px;margin:0 0 24px;line-height:1.75}
.public-content[data-public-page="conversion"] .seo-item{border-bottom:1px solid var(--line)}
.public-content[data-public-page="conversion"] .seo-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;padding:21px 0}
.public-content[data-public-page="conversion"] .seo-item summary::-webkit-details-marker{display:none}
.public-content[data-public-page="conversion"] .seo-item summary::after{content:'+';font-size:24px;font-weight:400;color:#737373;flex:0 0 24px;text-align:center}
.public-content[data-public-page="conversion"] .seo-item[open] summary::after{content:'−'}
.public-content[data-public-page="conversion"] .seo-item summary h3{margin:0;font-size:16px;font-weight:600;line-height:1.5}
.public-content[data-public-page="conversion"] .seo-copy{max-width:900px;padding:0 0 24px;color:#555;line-height:1.85;font-size:14px;overflow-wrap:anywhere}
.public-content[data-public-page="conversion"] .seo-copy p{margin:0 0 14px}
.public-content[data-public-page="conversion"] .seo-copy p:last-child{margin-bottom:0}
.public-content[data-public-page="conversion"] .seo-copy ul,.public-content[data-public-page="conversion"] .seo-copy ol{padding-left:22px;margin:0 0 16px}
.public-content[data-public-page="conversion"] .seo-copy li+li{margin-top:8px}
.public-content[data-public-page="conversion"] .seo-copy code{font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f4f4f4;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
.public-content[data-public-page="conversion"] .seo-example{display:block;padding:15px!important;border:1px solid var(--line);border-radius:9px;white-space:normal;margin:12px 0 16px}
.public-content[data-public-page="conversion"] .seo-copy a{text-decoration:underline;text-underline-offset:3px;color:#222}
.public-content[data-public-page="conversion"] .seo-table-wrap{overflow-x:auto;margin:14px 0 18px}
.public-content[data-public-page="conversion"] .seo-table{border-collapse:collapse;width:100%;min-width:500px;font-size:13px}
.public-content[data-public-page="conversion"] .seo-table th,.public-content[data-public-page="conversion"] .seo-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.public-content[data-public-page="conversion"] .seo-table th{background:#f8f8f8;color:#333;font-weight:600}
.public-content[data-public-page="conversion"] .seo-note{border-left:2px solid #aaa;padding:10px 16px;background:#fafafa;border-radius:0 7px 7px 0}
@media(max-width:760px){.public-content[data-public-page="conversion"] .seo-guide{margin-top:32px;padding-top:26px}
.public-content[data-public-page="conversion"] .seo-guide>h2{font-size:23px}
.public-content[data-public-page="conversion"] .seo-item summary{padding:18px 0}
.public-content[data-public-page="conversion"] .seo-item summary h3{font-size:14px}
.public-content[data-public-page="conversion"] .seo-copy{font-size:13px}
.public-content[data-public-page="conversion"] .seo-intro{font-size:13px}
}
.public-content[data-public-page="conversion"] .calc-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}
.public-content[data-public-page="conversion"] .calc-tabs{display:flex;gap:4px;background:#f3f3f3;border-radius:10px;padding:4px;margin-bottom:25px}
.public-content[data-public-page="conversion"] .calc-tab{flex:1;border:0;padding:12px 8px;border-radius:7px;background:none;font-size:12px;color:#737373}
.public-content[data-public-page="conversion"] .calc-tab[aria-selected="true"]{background:#fff;color:#222;font-weight:600;box-shadow:0 1px 5px #0000000c}
.public-content[data-public-page="conversion"] .calc-body{padding:24px}
.public-content[data-public-page="conversion"] .calc-fields{display:grid;gap:21px}
.public-content[data-public-page="conversion"] .big-input{height:61px;font-size:24px;letter-spacing:-.5px;padding:0 16px;font-weight:550;font-variant-numeric:tabular-nums}
.public-content[data-public-page="conversion"] .input-unit{position:relative}
.public-content[data-public-page="conversion"] .input-unit .input{padding-right:72px}
.public-content[data-public-page="conversion"] .input-unit>span{position:absolute;right:16px;top:21px;font-size:11px;color:#737373}
.public-content[data-public-page="conversion"] .calc-hint{font-size:11px;color:#737373;margin:7px 0 0;line-height:1.6}
.public-content[data-public-page="conversion"] .metric-line{margin-top:22px;display:flex;gap:14px;align-items:center}
.public-content[data-public-page="conversion"] .metric-line label{font-size:11px;color:#737373;white-space:nowrap}
.public-content[data-public-page="conversion"] .metric-line select{height:37px;font-size:12px}
.public-content[data-public-page="conversion"] .example-block{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}
.public-content[data-public-page="conversion"] .example-block>p{font-size:11px;color:#737373;margin:0 0 10px}
.public-content[data-public-page="conversion"] .calc-examples{display:flex;gap:8px;flex-wrap:wrap}
.public-content[data-public-page="conversion"] .calc-examples button{border:1px solid #e6e6e6;background:#fff;border-radius:7px;padding:8px 11px;font-size:11px;color:#555}
.public-content[data-public-page="conversion"] .calc-examples button:hover{background:#f5f5f5}
.public-content[data-public-page="conversion"] .formula-hint{padding:16px;border:1px solid #e9e9e9;border-radius:10px;margin-top:22px;background:#fafafa}
.public-content[data-public-page="conversion"] .formula-hint>span{font-size:10px;color:#737373;display:block;margin-bottom:6px}
.public-content[data-public-page="conversion"] .formula-hint code{font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#444;overflow-wrap:anywhere}
.public-content[data-public-page="conversion"] .calc-foot{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;border-top:1px solid var(--line);background:#fafafa;gap:12px;font-size:10px;color:#737373}
.public-content[data-public-page="conversion"] .calc-foot span{display:flex;gap:6px;align-items:center}
.public-content[data-public-page="conversion"] .calc-foot svg{width:12px;height:12px}
.public-content[data-public-page="conversion"] .result-stack{display:grid;gap:20px}
.public-content[data-public-page="conversion"] .conversion-result{padding:25px}
.public-content[data-public-page="conversion"] .result-caption{display:flex;align-items:center;justify-content:space-between;gap:10px}
.public-content[data-public-page="conversion"] .result-caption h2{font-size:14px;margin:0}
.public-content[data-public-page="conversion"] .result-caption .live{white-space:nowrap}
.public-content[data-public-page="conversion"] .cr-value{font-size:69px;line-height:1.1;font-weight:650;letter-spacing:-3.5px;margin:21px 0 10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.public-content[data-public-page="conversion"] .cr-value.long{font-size:39px;letter-spacing:-1.5px}
.public-content[data-public-page="conversion"] .cr-value .unit{font-size:29px;letter-spacing:-1px;margin-left:7px;color:#888;font-weight:450}
.public-content[data-public-page="conversion"] .cr-value.long .unit{font-size:20px}
.public-content[data-public-page="conversion"] .result-sentence{margin:0;color:#737373;font-size:12px;line-height:1.8;min-height:42px}
.public-content[data-public-page="conversion"] .cr-bar{display:flex;height:9px;background:#eee;border-radius:8px;overflow:hidden;margin:22px 0 11px}
.public-content[data-public-page="conversion"] .cr-bar i{display:block;background:#438b65;min-width:0;transition:width .25s}
.public-content[data-public-page="conversion"] .bar-legend{display:flex;justify-content:space-between;gap:12px;color:#737373;font-size:10px}
.public-content[data-public-page="conversion"] .bar-legend span{display:flex;align-items:center;gap:5px}
.public-content[data-public-page="conversion"] .bar-legend b{height:6px;width:6px;border-radius:50%;background:#438b65;display:inline-block}
.public-content[data-public-page="conversion"] .bar-legend span:last-child b{background:#ddd}
.public-content[data-public-page="conversion"] .result-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}
.public-content[data-public-page="conversion"] .result-stats span{display:block;font-size:10px;color:#737373;margin-bottom:5px}
.public-content[data-public-page="conversion"] .result-stats strong{font-size:20px;font-weight:550;letter-spacing:-.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.public-content[data-public-page="conversion"] .result-detail{margin:18px 0 0;padding:10px 12px;background:#f6f8f6;border-radius:7px;color:#59705e;font-size:10px;line-height:1.75}
.public-content[data-public-page="conversion"] .result-controls{padding:15px 24px;border-top:1px solid var(--line);display:flex;gap:9px}
.public-content[data-public-page="conversion"] .result-controls>.btn{flex:1;font-size:12px}
.public-content[data-public-page="conversion"] .calc-note{color:#737373;font-size:11px;line-height:1.8;margin:13px 0 0}
.public-content[data-public-page="conversion"] .calculation-block{margin-top:22px;padding:23px}
.public-content[data-public-page="conversion"] .calculation-block h2{font-size:14px;margin:0 0 12px}
.public-content[data-public-page="conversion"] .calculation-block pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:#666}
.public-content[data-public-page="conversion"] .result-empty .cr-bar i{width:0!important}
.public-content[data-public-page="conversion"] .calc-layout [hidden]{display:none!important}
.public-content[data-public-page="conversion"] .calc-error{margin:12px 0 0;padding:10px 12px;border-radius:7px;background:#fff4f2;color:#a13e32;font-size:11px;line-height:1.7}
.public-content[data-public-page="conversion"] .calc-error:empty{display:none}
.public-content[data-public-page="conversion"] .conversion-promo h2{font-size:25px}
.public-content[data-public-page="conversion"] .conversion-promo .mini-art{background:linear-gradient(145deg,#f0e6d9,#e1d9cc)}
.public-content[data-public-page="conversion"] .conversion-promo .mini-button{background:#262626}
.public-content[data-public-page="conversion"] .calc-fields .field label{font-size:12px}
.public-content[data-public-page="conversion"] .calc-noscript{padding:14px;border:1px solid #ddd;border-radius:8px;margin-bottom:20px}
@media(max-width:1000px){.public-content[data-public-page="conversion"] .calc-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.public-content[data-public-page="conversion"] .cr-value{font-size:59px}
.public-content[data-public-page="conversion"] .calc-body{padding:21px}
.public-content[data-public-page="conversion"] .calc-tabs{margin-bottom:21px}
}
@media(max-width:760px){.public-content[data-public-page="conversion"] .calc-layout{grid-template-columns:1fr}
.public-content[data-public-page="conversion"] .calc-body{padding:20px}
.public-content[data-public-page="conversion"] .calc-tab{font-size:11px;padding:11px 5px}
.public-content[data-public-page="conversion"] .big-input{height:57px;font-size:23px}
.public-content[data-public-page="conversion"] .input-unit>span{top:19px}
.public-content[data-public-page="conversion"] .conversion-result{padding:23px}
.public-content[data-public-page="conversion"] .cr-value{font-size:64px}
.public-content[data-public-page="conversion"] .cr-value.long{font-size:38px}
.public-content[data-public-page="conversion"] .conversion-promo{display:block}
.public-content[data-public-page="conversion"] .conversion-promo .promo-top{display:flex}
.public-content[data-public-page="conversion"] .conversion-promo .mini-browser{display:none}
.public-content[data-public-page="conversion"] .calc-foot{padding:14px 20px}
.public-content[data-public-page="conversion"] .calc-foot span{font-size:9px}
.public-content[data-public-page="conversion"] .calculation-block{margin-top:18px}
.public-content[data-public-page="conversion"] .metric-line{gap:10px}
.public-content[data-public-page="conversion"] .calc-examples{gap:6px}
.public-content[data-public-page="conversion"] .calc-examples button{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.public-content[data-public-page="conversion"] .cr-bar i{transition:none}
}
/* END PUBLIC PAGE conversion */
/* BEGIN PUBLIC PAGE gradient */
.public-content[data-public-page="gradient"]{--bg:#fff;--fg:#171717;--muted:#747474;--line:#e8e8e8;--soft:#f7f7f7;--green:#28794e;--green-bg:#edf6ef;--radius:18px;--shadow:0 4px 28px #00000004;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.public-content[data-public-page="gradient"] *{box-sizing:border-box}
.public-content[data-public-page="gradient"]{scroll-behavior:smooth;scroll-padding-top:96px}
.public-content[data-public-page="gradient"]{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}
.public-content[data-public-page="gradient"] button,.public-content[data-public-page="gradient"] input,.public-content[data-public-page="gradient"] textarea{font:inherit}
.public-content[data-public-page="gradient"] button,.public-content[data-public-page="gradient"] a,.public-content[data-public-page="gradient"] input,.public-content[data-public-page="gradient"] textarea,.public-content[data-public-page="gradient"] summary{touch-action:manipulation}
.public-content[data-public-page="gradient"] a{color:inherit;text-decoration:none}
.public-content[data-public-page="gradient"] button{cursor:pointer}
.public-content[data-public-page="gradient"] button:disabled{cursor:not-allowed;opacity:.42}
.public-content[data-public-page="gradient"] button,.public-content[data-public-page="gradient"] a,.public-content[data-public-page="gradient"] input,.public-content[data-public-page="gradient"] textarea,.public-content[data-public-page="gradient"] summary{outline-offset:4px}
.public-content[data-public-page="gradient"] button:focus-visible,.public-content[data-public-page="gradient"] a:focus-visible,.public-content[data-public-page="gradient"] input:focus-visible,.public-content[data-public-page="gradient"] textarea:focus-visible,.public-content[data-public-page="gradient"] summary:focus-visible{outline:2px solid #555}
.public-content[data-public-page="gradient"] button{color:inherit}
.public-content[data-public-page="gradient"] svg{width:19px;height:19px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.public-content[data-public-page="gradient"] .container{max-width:1224px;margin:auto;padding:0 32px}
.public-content[data-public-page="gradient"] .brand{display:inline-flex;gap:10px;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1.2px}
.public-content[data-public-page="gradient"] .brand-mark{height:35px;width:35px;display:grid;place-items:center;background:#191919;color:white;border-radius:11px;box-shadow:0 3px 8px #0000000d}
.public-content[data-public-page="gradient"] .brand-mark svg{width:23px;height:23px;stroke-width:1.8}
.public-content[data-public-page="gradient"] .brand-dot{color:#8b8b8b}
.public-content[data-public-page="gradient"] .btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 17px;border-radius:10px;border:1px solid #191919;background:#191919;color:#fff;font-size:13px;font-weight:600;transition:background .18s,transform .18s,box-shadow .18s}
.public-content[data-public-page="gradient"] .btn:hover:not(:disabled){background:#343434;box-shadow:0 3px 9px #00000012;transform:translateY(-1px)}
.public-content[data-public-page="gradient"] .btn-white{background:#fff;color:#252525;border-color:#dedede}
.public-content[data-public-page="gradient"] .btn-white:hover:not(:disabled){background:#f5f5f5}
.public-content[data-public-page="gradient"] .btn-small{padding:10px 15px}
.public-content[data-public-page="gradient"] .breadcrumb{display:flex;align-items:center;gap:10px;color:#8a8a8a;font-size:12px;padding-top:28px}
.public-content[data-public-page="gradient"] .breadcrumb svg{width:12px;height:12px}
.public-content[data-public-page="gradient"] .breadcrumb span{color:#4b4b4b}
.public-content[data-public-page="gradient"] .intro{padding:32px 0 28px}
.public-content[data-public-page="gradient"] .eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:12px;font-size:11px;font-weight:650;letter-spacing:1.6px;text-transform:uppercase;color:#7b7b7b}
.public-content[data-public-page="gradient"] .eyebrow-line{width:22px;height:1px;background:#aaa}
.public-content[data-public-page="gradient"] h1{font-size:44px;line-height:1.12;letter-spacing:-2px;margin:0 0 14px;font-weight:720}
.public-content[data-public-page="gradient"] .intro-row{display:flex;gap:24px;align-items:center;justify-content:space-between}
.public-content[data-public-page="gradient"] .intro p{color:#777;font-size:15px;max-width:690px;margin:0;line-height:1.65}
.public-content[data-public-page="gradient"] .free-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--green);background:var(--green-bg);font-size:12px;padding:7px 11px;border-radius:7px}
.public-content[data-public-page="gradient"] .free-badge svg{width:14px;height:14px}
.public-content[data-public-page="gradient"] .workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;align-items:start}
.public-content[data-public-page="gradient"] .panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}
.public-content[data-public-page="gradient"] .panel-heading{padding:21px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}
.public-content[data-public-page="gradient"] .panel-title{display:flex;align-items:center;gap:11px;font-weight:650;font-size:15px}
.public-content[data-public-page="gradient"] .step-num{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e2e2e2;border-radius:8px;color:#666;font:11px var(--font)}
.public-content[data-public-page="gradient"] .panel-heading small{font-size:11px;color:#929292}
.public-content[data-public-page="gradient"] .form-body{padding:22px 24px}
.public-content[data-public-page="gradient"] .field{min-width:0}
.public-content[data-public-page="gradient"] .field label{font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.public-content[data-public-page="gradient"] .req{color:#999;margin-left:3px;font-size:12px}
.public-content[data-public-page="gradient"] .field-code{font-size:10px;font-weight:400;color:#959595;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.public-content[data-public-page="gradient"] .input{width:100%;border:1px solid #ddd;border-radius:9px;height:44px;padding:0 12px;background:#fff;color:#262626;font-size:13px;transition:border-color .18s,box-shadow .18s}
.public-content[data-public-page="gradient"] .input::placeholder{color:#aaa}
.public-content[data-public-page="gradient"] .input:focus{border-color:#777;box-shadow:0 0 0 3px #00000004;outline:none}
.public-content[data-public-page="gradient"] .input[aria-invalid="true"]{border-color:#bc4747}
.public-content[data-public-page="gradient"] .field-hint{font-size:11px;color:#999;margin:6px 0 0}
.public-content[data-public-page="gradient"] .url-input{position:relative}
.public-content[data-public-page="gradient"] .url-input .input{padding-left:38px}
.public-content[data-public-page="gradient"] .url-input svg{position:absolute;left:12px;top:13px;width:17px;color:#909090}
.public-content[data-public-page="gradient"] .presets{margin:20px 0 23px}
.public-content[data-public-page="gradient"] .small-label{font-size:11px;color:#929292;margin:0 0 9px}
.public-content[data-public-page="gradient"] .preset-list{display:flex;flex-wrap:wrap;gap:7px}
.public-content[data-public-page="gradient"] .preset{border:1px solid #e7e7e7;background:#fff;border-radius:7px;padding:7px 11px;font-size:11px;display:flex;gap:6px;align-items:center;transition:.16s}
.public-content[data-public-page="gradient"] .preset:hover{border-color:#999}
.public-content[data-public-page="gradient"] .preset[aria-pressed="true"]{background:#f0f0f0;border-color:#a8a8a8;color:#111;box-shadow:inset 0 0 0 .5px #a8a8a8}
.public-content[data-public-page="gradient"] .preset-icon{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;font-size:10px;font-weight:700}
.public-content[data-public-page="gradient"] .ya{color:#d24b38;background:#fff0ec}
.public-content[data-public-page="gradient"] .vk{color:#4c79c6;background:#eef3fc;font-size:8px}
.public-content[data-public-page="gradient"] .tg{color:#3491b1;background:#eaf6fa}
.public-content[data-public-page="gradient"] .email{color:#8067a5;background:#f3eff8}
.public-content[data-public-page="gradient"] .preset-icon svg{width:11px;height:11px}
.public-content[data-public-page="gradient"] .fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}
.public-content[data-public-page="gradient"] .full{grid-column:1/-1}
.public-content[data-public-page="gradient"] .options{padding-top:20px;margin-top:21px;border-top:1px solid #eee}
.public-content[data-public-page="gradient"] .options summary{cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:space-between;list-style:none}
.public-content[data-public-page="gradient"] .options summary::-webkit-details-marker{display:none}
.public-content[data-public-page="gradient"] .options summary svg{width:14px;height:14px;transition:transform .18s}
.public-content[data-public-page="gradient"] .options[open] summary svg{transform:rotate(180deg)}
.public-content[data-public-page="gradient"] .options .fields{margin-top:16px}
.public-content[data-public-page="gradient"] .form-foot{padding:15px 24px;background:#fafafa;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}
.public-content[data-public-page="gradient"] .check-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;color:#777}
.public-content[data-public-page="gradient"] .check-label input{accent-color:#222;margin:0;width:14px;height:14px}
.public-content[data-public-page="gradient"] .text-btn{border:0;background:none;color:#777;font-size:11px;padding:4px;white-space:nowrap}
.public-content[data-public-page="gradient"] .text-btn:hover{color:#111}
.public-content[data-public-page="gradient"] .error{color:#ab3535;font-size:11px;min-height:0;margin-top:5px}
.public-content[data-public-page="gradient"] .error:empty{display:none}
.public-content[data-public-page="gradient"] .form-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#969696;margin:13px 0 0}
.public-content[data-public-page="gradient"] .form-note svg{width:12px;height:12px}
.public-content[data-public-page="gradient"] .result-column{display:grid;gap:20px}
.public-content[data-public-page="gradient"] .result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.public-content[data-public-page="gradient"] .result-heading h2{font-size:14px;font-weight:650;margin:0}
.public-content[data-public-page="gradient"] .live{display:flex;align-items:center;gap:6px;color:#7e7e7e;font-size:10px}
.public-content[data-public-page="gradient"] .live i{width:6px;height:6px;border-radius:50%;background:#68a57b;box-shadow:0 0 0 3px #68a57b12}
.public-content[data-public-page="gradient"] .result-body{padding:23px}
.public-content[data-public-page="gradient"] .result-url{width:100%;height:104px;padding:14px;border:1px solid #e7e7e7;border-radius:10px;background:#fafafa;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;resize:none;color:#444;overflow-wrap:anywhere;word-break:break-all}
.public-content[data-public-page="gradient"] .result-url:focus{outline:1px solid #aaa}
.public-content[data-public-page="gradient"] .result-actions{display:flex;gap:8px;margin:12px 0 18px}
.public-content[data-public-page="gradient"] .result-actions .btn{flex:1;padding:11px;font-size:12px}
.public-content[data-public-page="gradient"] .icon-btn{width:42px;display:grid;place-items:center;flex-shrink:0;background:#fff;border:1px solid #ddd;border-radius:9px;transition:.15s}
.public-content[data-public-page="gradient"] .icon-btn:hover:not(:disabled){background:#f3f3f3}
.public-content[data-public-page="gradient"] .icon-btn svg{width:17px;height:17px}
.public-content[data-public-page="gradient"] .parameter-label{font-size:10px;color:#999;margin-bottom:9px}
.public-content[data-public-page="gradient"] .parameter-list{display:flex;flex-wrap:wrap;gap:6px}
.public-content[data-public-page="gradient"] .parameter{display:flex;gap:5px;max-width:100%;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;padding:5px 7px;border-radius:5px;overflow-wrap:anywhere}
.public-content[data-public-page="gradient"] .parameter b{font-weight:500;opacity:.7}
.public-content[data-public-page="gradient"] .source-tag{background:#eef3fb;color:#416694}
.public-content[data-public-page="gradient"] .medium-tag{background:#f3eef9;color:#7a609c}
.public-content[data-public-page="gradient"] .campaign-tag{background:#eef5ef;color:#507c58}
.public-content[data-public-page="gradient"] .extra-tag{background:#f5f1e9;color:#8e7040}
.public-content[data-public-page="gradient"] .result-bottom{padding:12px 23px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#999}
.public-content[data-public-page="gradient"] .result-bottom button{font-size:10px;display:flex;gap:5px;align-items:center}
.public-content[data-public-page="gradient"] .result-bottom svg{width:12px;height:12px}
.public-content[data-public-page="gradient"] .promo{position:relative;border:1px solid #e4e4e4;border-radius:var(--radius);background:linear-gradient(135deg,#fcfcfc,#f1f1f1);padding:23px;overflow:hidden}
.public-content[data-public-page="gradient"] .promo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.public-content[data-public-page="gradient"] .promo-top .brand{font-size:17px;letter-spacing:-.7px;gap:7px}
.public-content[data-public-page="gradient"] .promo-top .brand-mark{width:24px;height:24px;border-radius:7px}
.public-content[data-public-page="gradient"] .promo-top .brand-mark svg{width:15px;height:15px}
.public-content[data-public-page="gradient"] .promo-top small{font-size:9px;color:#999}
.public-content[data-public-page="gradient"] .promo h2{font-size:24px;line-height:1.2;letter-spacing:-.8px;font-weight:680;margin:0 0 10px;max-width:290px}
.public-content[data-public-page="gradient"] .promo p{font-size:12px;line-height:1.65;color:#7d7d7d;margin:0 0 17px}
.public-content[data-public-page="gradient"] .promo .btn{width:100%;font-size:12px;background:white;color:#191919;border-color:#d8d8d8;justify-content:space-between}
.public-content[data-public-page="gradient"] .promo .btn:hover{background:#f8f8f8}
.public-content[data-public-page="gradient"] .promo-note{font-size:10px;color:#969696;text-align:center;margin-top:10px}
.public-content[data-public-page="gradient"] .mini-browser{margin-top:18px;border:1px solid #dcdcdc;border-radius:10px 10px 0 0;background:#fff;height:112px;overflow:hidden;box-shadow:0 6px 14px #00000004}
.public-content[data-public-page="gradient"] .mini-top{height:21px;display:flex;align-items:center;padding:0 9px;gap:3px;border-bottom:1px solid #eee;background:#fafafa}
.public-content[data-public-page="gradient"] .mini-top i{width:4px;height:4px;background:#d7d7d7;border-radius:50%}
.public-content[data-public-page="gradient"] .mini-address{height:10px;width:55%;margin-left:15px;border-radius:3px;background:#eee}
.public-content[data-public-page="gradient"] .mini-site{padding:13px;display:flex;gap:15px;align-items:center}
.public-content[data-public-page="gradient"] .mini-copy{flex:1}
.public-content[data-public-page="gradient"] .mini-copy strong{font-size:12px;line-height:1.1;letter-spacing:-.3px;display:block;margin-bottom:7px}
.public-content[data-public-page="gradient"] .mini-copy .skeleton{height:3px;background:#e7e7e7;width:85%;margin-top:4px}
.public-content[data-public-page="gradient"] .mini-copy .mini-button{height:12px;width:46px;margin-top:9px;background:#222;border-radius:3px}
.public-content[data-public-page="gradient"] .mini-art{width:68px;height:63px;border-radius:6px;background:#f2efe9;position:relative;overflow:hidden}
.public-content[data-public-page="gradient"] .mini-art:before{content:"";position:absolute;width:42px;height:70px;border-radius:23px 23px 0 0;background:#c4cbb8;top:13px;left:14px;transform:rotate(18deg)}
.public-content[data-public-page="gradient"] .mini-art:after{content:"";position:absolute;width:20px;height:35px;border-radius:12px 12px 0 0;background:#f2ebe0;top:34px;left:5px;transform:rotate(-14deg)}
.public-content[data-public-page="gradient"] .below{padding:44px 0 0}
.public-content[data-public-page="gradient"] .section-top{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:22px}
.public-content[data-public-page="gradient"] .section-top h2{font-size:25px;letter-spacing:-.8px;margin:0;font-weight:650}
.public-content[data-public-page="gradient"] .section-top p{font-size:12px;color:#909090;margin:0}
.public-content[data-public-page="gradient"] .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:39px;border-bottom:1px solid var(--line)}
.public-content[data-public-page="gradient"] .step{display:flex;gap:13px}
.public-content[data-public-page="gradient"] .step-icon{border:1px solid #e9e9e9;border-radius:10px;display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;color:#777}
.public-content[data-public-page="gradient"] .step h3{font-size:13px;margin:0 0 6px;font-weight:600}
.public-content[data-public-page="gradient"] .step p{font-size:12px;color:#8a8a8a;line-height:1.7;margin:0}
.public-content[data-public-page="gradient"] .guide-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:34px}
.public-content[data-public-page="gradient"] .guide-grid h2{font-size:21px;font-weight:650;letter-spacing:-.6px;margin:0 0 17px}
.public-content[data-public-page="gradient"] .guide-table{width:100%;border-collapse:collapse;font-size:12px}
.public-content[data-public-page="gradient"] .guide-table tr+tr{border-top:1px solid #eee}
.public-content[data-public-page="gradient"] .guide-table td{padding:10px 0;vertical-align:top}
.public-content[data-public-page="gradient"] .guide-table td:first-child{width:130px}
.public-content[data-public-page="gradient"] .guide-table code{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;background:#f5f5f5;padding:4px 6px;border-radius:4px}
.public-content[data-public-page="gradient"] .guide-table td:nth-child(2){color:#888}
.public-content[data-public-page="gradient"] .faq details{border-bottom:1px solid #eee;padding:13px 0}
.public-content[data-public-page="gradient"] .faq details:first-of-type{padding-top:0}
.public-content[data-public-page="gradient"] .faq summary{cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font-weight:550}
.public-content[data-public-page="gradient"] .faq summary:after{content:"+";font-size:19px;font-weight:400;color:#aaa}
.public-content[data-public-page="gradient"] .faq details[open] summary:after{content:"−"}
.public-content[data-public-page="gradient"] .faq p{font-size:12px;line-height:1.8;color:#888;margin:11px 16px 0 0}
.public-content[data-public-page="gradient"] .toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#242424;color:#fff;border:1px solid #454545;border-radius:11px;padding:12px 20px;font-size:12px;box-shadow:0 6px 20px #0000001a;opacity:0;transition:.2s;pointer-events:none;z-index:50;max-width:calc(100vw - 30px);text-align:center}
.public-content[data-public-page="gradient"] .toast.show{opacity:1;transform:translate(-50%,0)}
.public-content[data-public-page="gradient"] dialog{width:min(480px,calc(100% - 30px));border:1px solid #ddd;border-radius:18px;padding:26px;color:#222;box-shadow:0 20px 70px #0002}
.public-content[data-public-page="gradient"] dialog::backdrop{background:#0005;backdrop-filter:blur(3px)}
.public-content[data-public-page="gradient"] dialog h2{font-size:21px;letter-spacing:-.6px;margin:0 0 8px}
.public-content[data-public-page="gradient"] dialog p{color:#888;font-size:12px;margin:0 0 20px}
.public-content[data-public-page="gradient"] .dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.public-content[data-public-page="gradient"] .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.public-content[data-public-page="gradient"] .mobile-help{display:none}
@media(min-width:1350px){.public-content[data-public-page="gradient"] .intro{padding-top:39px;padding-bottom:32px}
.public-content[data-public-page="gradient"] .form-body{padding-top:25px;padding-bottom:25px}
.public-content[data-public-page="gradient"] .fields{gap:20px 18px}
}
@media(max-width:1000px){.public-content[data-public-page="gradient"] .container{padding:0 24px}
.public-content[data-public-page="gradient"] .workspace{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.public-content[data-public-page="gradient"] .form-body,.public-content[data-public-page="gradient"] .panel-heading{padding-left:20px;padding-right:20px}
.public-content[data-public-page="gradient"] .result-body,.public-content[data-public-page="gradient"] .promo{padding:19px}
.public-content[data-public-page="gradient"] .promo h2{font-size:22px}
.public-content[data-public-page="gradient"] .preset{padding:7px 8px}
.public-content[data-public-page="gradient"] .guide-grid{gap:35px}
}
@media(max-width:760px){.public-content[data-public-page="gradient"] .container{padding:0 20px}
.public-content[data-public-page="gradient"] .brand{font-size:23px}
.public-content[data-public-page="gradient"] .brand-mark{width:31px;height:31px}
.public-content[data-public-page="gradient"] .breadcrumb{padding-top:20px;font-size:10px}
.public-content[data-public-page="gradient"] .intro{padding:25px 0 22px}
.public-content[data-public-page="gradient"] .eyebrow{font-size:9px;margin-bottom:10px}
.public-content[data-public-page="gradient"] h1{font-size:34px;letter-spacing:-1.5px}
.public-content[data-public-page="gradient"] .intro-row{display:block}
.public-content[data-public-page="gradient"] .intro p{font-size:13px;line-height:1.7}
.public-content[data-public-page="gradient"] .free-badge{font-size:10px;margin-top:13px}
.public-content[data-public-page="gradient"] .workspace{grid-template-columns:1fr}
.public-content[data-public-page="gradient"] .panel-title{font-size:14px}
.public-content[data-public-page="gradient"] .panel-heading{padding:17px 18px}
.public-content[data-public-page="gradient"] .form-body{padding:19px 18px}
.public-content[data-public-page="gradient"] .result-column{gap:18px}
.public-content[data-public-page="gradient"] .promo{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;padding:21px}
.public-content[data-public-page="gradient"] .promo-top{grid-column:1/-1;margin-bottom:15px}
.public-content[data-public-page="gradient"] .promo h2{font-size:22px;grid-column:1/-1;max-width:100%}
.public-content[data-public-page="gradient"] .promo p{grid-column:1/-1;margin-bottom:15px}
.public-content[data-public-page="gradient"] .promo .btn{grid-column:1/-1}
.public-content[data-public-page="gradient"] .promo-note{grid-column:1/-1}
.public-content[data-public-page="gradient"] .mini-browser{display:none}
.public-content[data-public-page="gradient"] .form-foot{padding:14px 18px}
.public-content[data-public-page="gradient"] .below{padding-top:32px}
.public-content[data-public-page="gradient"] .section-top{align-items:start;flex-direction:column;gap:6px;margin-bottom:20px}
.public-content[data-public-page="gradient"] .section-top h2{font-size:23px}
.public-content[data-public-page="gradient"] .steps{grid-template-columns:1fr;gap:22px;padding-bottom:29px}
.public-content[data-public-page="gradient"] .step p{max-width:450px}
.public-content[data-public-page="gradient"] .guide-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}
.public-content[data-public-page="gradient"] .panel-heading small{font-size:10px}
.public-content[data-public-page="gradient"] .result-url{height:93px}
.public-content[data-public-page="gradient"] .mobile-help{display:inline}
}
@media(max-width:380px){.public-content[data-public-page="gradient"] .container{padding:0 14px}
.public-content[data-public-page="gradient"] h1{font-size:30px}
.public-content[data-public-page="gradient"] .fields{grid-template-columns:1fr}
.public-content[data-public-page="gradient"] .full{grid-column:auto}
.public-content[data-public-page="gradient"] .field-code{font-size:9px}
.public-content[data-public-page="gradient"] .form-foot{gap:10px}
.public-content[data-public-page="gradient"] .check-label{font-size:10px}
.public-content[data-public-page="gradient"] .preset-list{gap:5px}
.public-content[data-public-page="gradient"] .preset{font-size:10px}
.public-content[data-public-page="gradient"] .panel-heading small{display:none}
}
@media(prefers-reduced-motion:reduce){.public-content[data-public-page="gradient"]{scroll-behavior:auto}
.public-content[data-public-page="gradient"] *,.public-content[data-public-page="gradient"] *:before,.public-content[data-public-page="gradient"] *:after{transition:none!important;animation:none!important}
}
.public-content[data-public-page="gradient"] .field-hint,.public-content[data-public-page="gradient"] .small-label,.public-content[data-public-page="gradient"] .panel-heading small,.public-content[data-public-page="gradient"] .form-note,.public-content[data-public-page="gradient"] .parameter-label,.public-content[data-public-page="gradient"] .result-bottom,.public-content[data-public-page="gradient"] .promo-note,.public-content[data-public-page="gradient"] .promo-top small,.public-content[data-public-page="gradient"] .section-top p,.public-content[data-public-page="gradient"] .step p,.public-content[data-public-page="gradient"] .guide-table td:nth-child(2),.public-content[data-public-page="gradient"] .faq p{color:#737373}
.public-content[data-public-page="gradient"] .seo-guide{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}
.public-content[data-public-page="gradient"] .seo-guide>h2{font-size:26px;line-height:1.25;letter-spacing:-.7px;margin:0 0 10px}
.public-content[data-public-page="gradient"] .seo-intro{color:#737373;max-width:760px;margin:0 0 24px;line-height:1.75}
.public-content[data-public-page="gradient"] .seo-item{border-bottom:1px solid var(--line)}
.public-content[data-public-page="gradient"] .seo-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;padding:21px 0}
.public-content[data-public-page="gradient"] .seo-item summary::-webkit-details-marker{display:none}
.public-content[data-public-page="gradient"] .seo-item summary::after{content:'+';font-size:24px;font-weight:400;color:#737373;flex:0 0 24px;text-align:center}
.public-content[data-public-page="gradient"] .seo-item[open] summary::after{content:'−'}
.public-content[data-public-page="gradient"] .seo-item summary h3{margin:0;font-size:16px;font-weight:600;line-height:1.5}
.public-content[data-public-page="gradient"] .seo-copy{max-width:900px;padding:0 0 24px;color:#555;line-height:1.85;font-size:14px;overflow-wrap:anywhere}
.public-content[data-public-page="gradient"] .seo-copy p{margin:0 0 14px}
.public-content[data-public-page="gradient"] .seo-copy p:last-child{margin-bottom:0}
.public-content[data-public-page="gradient"] .seo-copy ul,.public-content[data-public-page="gradient"] .seo-copy ol{padding-left:22px;margin:0 0 16px}
.public-content[data-public-page="gradient"] .seo-copy li+li{margin-top:8px}
.public-content[data-public-page="gradient"] .seo-copy code{font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f4f4f4;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
.public-content[data-public-page="gradient"] .seo-example{display:block;padding:15px!important;border:1px solid var(--line);border-radius:9px;white-space:normal;margin:12px 0 16px}
.public-content[data-public-page="gradient"] .seo-copy a{text-decoration:underline;text-underline-offset:3px;color:#222}
.public-content[data-public-page="gradient"] .seo-table-wrap{overflow-x:auto;margin:14px 0 18px}
.public-content[data-public-page="gradient"] .seo-table{border-collapse:collapse;width:100%;min-width:500px;font-size:13px}
.public-content[data-public-page="gradient"] .seo-table th,.public-content[data-public-page="gradient"] .seo-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.public-content[data-public-page="gradient"] .seo-table th{background:#f8f8f8;color:#333;font-weight:600}
.public-content[data-public-page="gradient"] .seo-note{border-left:2px solid #aaa;padding:10px 16px;background:#fafafa;border-radius:0 7px 7px 0}
@media(max-width:760px){.public-content[data-public-page="gradient"] .seo-guide{margin-top:32px;padding-top:26px}
.public-content[data-public-page="gradient"] .seo-guide>h2{font-size:23px}
.public-content[data-public-page="gradient"] .seo-item summary{padding:18px 0}
.public-content[data-public-page="gradient"] .seo-item summary h3{font-size:14px}
.public-content[data-public-page="gradient"] .seo-copy{font-size:13px}
.public-content[data-public-page="gradient"] .seo-intro{font-size:13px}
}
.public-content[data-public-page="gradient"] .intro{padding-top:30px}
.public-content[data-public-page="gradient"] .gradient-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr);gap:24px;align-items:start}
.public-content[data-public-page="gradient"] .preview-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}
.public-content[data-public-page="gradient"] .preview-heading h2,.public-content[data-public-page="gradient"] .controls-title{margin:0;font-size:14px;font-weight:650}
.public-content[data-public-page="gradient"] .preview-heading span{color:#737373;font-size:11px}
.public-content[data-public-page="gradient"] .gradient-canvas{height:330px;padding:32px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;background:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.public-content[data-public-page="gradient"] .gradient-layer{position:absolute;inset:0;z-index:-1}
.public-content[data-public-page="gradient"] .canvas-label{background:#ffffff26;border:1px solid #ffffff55;color:#252238;padding:24px 28px;border-radius:18px;backdrop-filter:blur(8px);text-align:center;max-width:100%}
.public-content[data-public-page="gradient"] .canvas-label strong{display:block;font-size:34px;line-height:1.15;letter-spacing:-1.5px;font-weight:650}
.public-content[data-public-page="gradient"] .canvas-label p{margin:10px 0 16px;font-size:12px}
.public-content[data-public-page="gradient"] .canvas-label span{display:inline-block;padding:8px 15px;border-radius:7px;background:#ffffff9e;font-size:10px;font-weight:600}
.public-content[data-public-page="gradient"] .preview-foot{padding:12px 20px;display:flex;gap:12px;align-items:center;justify-content:space-between;color:#737373;font-size:11px}
.public-content[data-public-page="gradient"] .preview-foot label{display:flex;gap:7px;align-items:center}
.public-content[data-public-page="gradient"] .preview-foot input{accent-color:#222}
.public-content[data-public-page="gradient"] .settings{padding:20px 22px}
.public-content[data-public-page="gradient"] .control-label{display:flex;align-items:center;justify-content:space-between;margin:19px 0 9px;font-size:12px;font-weight:600}
.public-content[data-public-page="gradient"] .control-label:first-child{margin-top:0}
.public-content[data-public-page="gradient"] .control-label small{color:#737373;font-size:10px;font-weight:400}
.public-content[data-public-page="gradient"] .segment{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;gap:3px;background:#f4f4f4;border-radius:9px}
.public-content[data-public-page="gradient"] .segment button{border:0;background:transparent;border-radius:6px;padding:9px 4px;font-size:11px;color:#737373}
.public-content[data-public-page="gradient"] .segment button[aria-pressed="true"]{background:#fff;box-shadow:0 1px 4px #00000010;color:#222;font-weight:600}
.public-content[data-public-page="gradient"] .angle-line{display:flex;align-items:center;gap:16px}
.public-content[data-public-page="gradient"] .angle-line input[type="range"]{flex:1;min-width:0;accent-color:#272727}
.public-content[data-public-page="gradient"] .angle-value{display:flex;align-items:center;border:1px solid #ddd;border-radius:7px;padding:6px 9px;gap:3px}
.public-content[data-public-page="gradient"] .angle-value input{width:36px;min-width:0;border:0;background:none;text-align:right;font-size:12px;appearance:textfield}
.public-content[data-public-page="gradient"] .angle-value input::-webkit-inner-spin-button{appearance:none}
.public-content[data-public-page="gradient"] .directions{display:flex;gap:6px;margin-top:10px}
.public-content[data-public-page="gradient"] .directions button{flex:1;border:1px solid #e7e7e7;border-radius:6px;background:white;font-size:10px;padding:6px 2px}
.public-content[data-public-page="gradient"] .directions button:hover{background:#f5f5f5}
.public-content[data-public-page="gradient"] .direction-select{height:38px;font-size:12px}
.public-content[data-public-page="gradient"] .stops-head{display:grid;grid-template-columns:30px 1fr 58px 58px 23px;gap:8px;font-size:9px;color:#737373;padding:0 0 7px}
.public-content[data-public-page="gradient"] .stops-head span:nth-child(1){grid-column:2}
.public-content[data-public-page="gradient"] .stop-row{display:grid;grid-template-columns:30px minmax(65px,1fr) 58px 58px 23px;gap:8px;align-items:center;margin-bottom:9px}
.public-content[data-public-page="gradient"] .stop-row input[type="color"]{height:31px;width:30px;padding:0;border:1px solid #ddd;border-radius:7px;cursor:pointer;background:none;overflow:hidden}
.public-content[data-public-page="gradient"] .stop-row input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.public-content[data-public-page="gradient"] .stop-row input[type="color"]::-webkit-color-swatch{border:0;border-radius:5px}
.public-content[data-public-page="gradient"] .stop-hex{width:100%;min-width:0;border:1px solid #e5e5e5;border-radius:7px;padding:7px 6px;font:11px ui-monospace,monospace;color:#444;text-transform:uppercase}
.public-content[data-public-page="gradient"] .percent-box{display:flex;align-items:center;border:1px solid #e5e5e5;border-radius:7px;padding:5px 4px;font-size:10px;color:#737373}
.public-content[data-public-page="gradient"] .percent-box input{width:100%;min-width:0;border:0;background:none;font:11px var(--font);text-align:right;appearance:textfield;color:#333}
.public-content[data-public-page="gradient"] .percent-box input::-webkit-inner-spin-button{appearance:none}
.public-content[data-public-page="gradient"] .percent-box span{padding-left:2px}
.public-content[data-public-page="gradient"] .stop-remove{border:0;background:none;padding:3px;color:#737373;font-size:18px}
.public-content[data-public-page="gradient"] .stop-remove:disabled{opacity:.25}
.public-content[data-public-page="gradient"] .stop-hex[aria-invalid="true"]{border-color:#a33}
.public-content[data-public-page="gradient"] .stop-track-wrap{position:relative;margin:15px 8px 25px;height:24px}
.public-content[data-public-page="gradient"] .stop-track{height:13px;border-radius:8px;border:1px solid #0000000d;position:absolute;top:5px;left:0;right:0}
.public-content[data-public-page="gradient"] .stop-handle{position:absolute;top:0;width:18px;height:24px;border:2px solid white;box-shadow:0 0 0 1px #aaa,0 2px 5px #0002;border-radius:5px;transform:translateX(-50%);cursor:ew-resize;touch-action:none}
.public-content[data-public-page="gradient"] .stop-handle:focus-visible{outline:2px solid #222;outline-offset:4px}
.public-content[data-public-page="gradient"] .stop-track-wrap small{position:absolute;top:31px;font-size:9px;color:#737373}
.public-content[data-public-page="gradient"] .track-end{right:0}
.public-content[data-public-page="gradient"] .color-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:12px}
.public-content[data-public-page="gradient"] .color-actions button{font-size:11px}
.public-content[data-public-page="gradient"] .add-color{border:1px dashed #cfcfcf;background:#fff;padding:8px 11px;border-radius:7px}
.public-content[data-public-page="gradient"] .reset-line{padding:12px 22px;background:#fafafa;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#737373}
.public-content[data-public-page="gradient"] .reset-line button{font-size:10px}
.public-content[data-public-page="gradient"] .preset-section{margin-top:22px}
.public-content[data-public-page="gradient"] .preset-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.public-content[data-public-page="gradient"] .preset-heading h2{font-size:14px;margin:0}
.public-content[data-public-page="gradient"] .preset-heading span{font-size:10px;color:#737373}
.public-content[data-public-page="gradient"] .gradient-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.public-content[data-public-page="gradient"] .gradient-preset{border:1px solid #e4e4e4;background:#fff;border-radius:10px;padding:5px;text-align:left;transition:transform .15s}
.public-content[data-public-page="gradient"] .gradient-preset:hover{transform:translateY(-2px)}
.public-content[data-public-page="gradient"] .gradient-preset[aria-pressed="true"]{border-color:#555;box-shadow:0 0 0 1px #555}
.public-content[data-public-page="gradient"] .gradient-preset i{display:block;height:41px;border-radius:6px}
.public-content[data-public-page="gradient"] .gradient-preset span{display:block;font-size:10px;padding:6px 3px 3px;color:#666}
.public-content[data-public-page="gradient"] .code-panel{margin-top:22px}
.public-content[data-public-page="gradient"] .code-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;border-bottom:1px solid var(--line);gap:12px}
.public-content[data-public-page="gradient"] .code-heading h2{font-size:14px;margin:0}
.public-content[data-public-page="gradient"] .code-language{font:10px ui-monospace,monospace;color:#737373;background:#f4f4f4;padding:4px 7px;border-radius:4px}
.public-content[data-public-page="gradient"] .code-panel pre{margin:0;padding:21px;background:#fafafa;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;color:#49444d;min-height:100px}
.public-content[data-public-page="gradient"] .code-actions{display:flex;align-items:center;gap:10px;padding:15px 20px;border-top:1px solid var(--line)}
.public-content[data-public-page="gradient"] .code-actions .btn{flex:1}
.public-content[data-public-page="gradient"] .code-actions small{font-size:10px;color:#737373}
.public-content[data-public-page="gradient"] .tool-note{font-size:11px;color:#737373;display:flex;align-items:center;gap:7px;margin:13px 0 0}
.public-content[data-public-page="gradient"] .tool-note svg{width:13px}
.public-content[data-public-page="gradient"] .gradient-promo{margin-top:20px}
.public-content[data-public-page="gradient"] .gradient-promo .mini-browser{margin-top:20px}
.public-content[data-public-page="gradient"] .gradient-promo h2{font-size:25px}
.public-content[data-public-page="gradient"] .gradient-promo .promo-art{height:95px;border-radius:10px;margin-top:20px;background:linear-gradient(135deg,#e6e0fa,#f3c9db,#ffe7ce);padding:18px;display:flex;gap:14px;align-items:center}
.public-content[data-public-page="gradient"] .promo-art div:first-child{width:45%;font-size:11px;line-height:1.6;font-weight:650}
.public-content[data-public-page="gradient"] .promo-art div:last-child{flex:1;height:65px;background:#ffffff75;border:1px solid #fff7;border-radius:12px;transform:rotate(-6deg)}
.public-content[data-public-page="gradient"] .guide-note{color:#737373;font-size:12px;line-height:1.8}
.public-content[data-public-page="gradient"] .gradient-workspace [hidden]{display:none!important}
.public-content[data-public-page="gradient"] .noscript{padding:15px;border:1px solid #ddd;border-radius:10px}
.public-content[data-public-page="gradient"] .mobile-type{display:none}
@media(max-width:1000px){.public-content[data-public-page="gradient"] .gradient-workspace{grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr)}
.public-content[data-public-page="gradient"] .gradient-canvas{height:315px}
.public-content[data-public-page="gradient"] .settings{padding:18px}
.public-content[data-public-page="gradient"] .preview-heading{padding:17px 18px}
.public-content[data-public-page="gradient"] .stop-row,.public-content[data-public-page="gradient"] .stops-head{gap:5px}
}
@media(max-width:760px){.public-content[data-public-page="gradient"] .gradient-workspace{display:flex;flex-direction:column;gap:22px}
.public-content[data-public-page="gradient"] .preview-column,.public-content[data-public-page="gradient"] .settings-column{width:100%;min-width:0}
.public-content[data-public-page="gradient"] .gradient-canvas{height:270px;padding:22px}
.public-content[data-public-page="gradient"] .canvas-label strong{font-size:29px}
.public-content[data-public-page="gradient"] .gradient-presets{grid-template-columns:repeat(4,1fr);gap:7px}
.public-content[data-public-page="gradient"] .gradient-preset i{height:34px}
.public-content[data-public-page="gradient"] .gradient-preset span{font-size:9px}
.public-content[data-public-page="gradient"] .code-actions small{display:none}
.public-content[data-public-page="gradient"] .gradient-promo{display:block}
.public-content[data-public-page="gradient"] .gradient-promo .promo-top{display:flex}
.public-content[data-public-page="gradient"] .gradient-promo h2{font-size:25px}
.public-content[data-public-page="gradient"] .gradient-promo .promo-art{display:flex}
.public-content[data-public-page="gradient"] .stop-row,.public-content[data-public-page="gradient"] .stops-head{gap:8px}
.public-content[data-public-page="gradient"] .intro .desktop-break{display:none}
.public-content[data-public-page="gradient"] .preview-heading span{font-size:10px}
.public-content[data-public-page="gradient"] .seo-copy .guide-table{font-size:12px}
}
@media(max-width:380px){.public-content[data-public-page="gradient"] .gradient-presets{grid-template-columns:repeat(2,1fr)}
.public-content[data-public-page="gradient"] .settings{padding:16px}
.public-content[data-public-page="gradient"] .stop-row,.public-content[data-public-page="gradient"] .stops-head{grid-template-columns:27px minmax(60px,1fr) 51px 51px 20px;gap:5px}
.public-content[data-public-page="gradient"] .stop-row input[type="color"]{width:27px}
.public-content[data-public-page="gradient"] .segment button{font-size:10px}
.public-content[data-public-page="gradient"] .code-actions{padding:13px}
.public-content[data-public-page="gradient"] .code-actions .btn{font-size:11px;padding:11px}
}
/* END PUBLIC PAGE gradient */
/* BEGIN PUBLIC PAGE http */
.public-content[data-public-page="http"]{--bg:#fff;--fg:#171717;--muted:#747474;--line:#e8e8e8;--soft:#f7f7f7;--green:#28794e;--green-bg:#edf6ef;--radius:18px;--shadow:0 4px 28px #00000004;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.public-content[data-public-page="http"] *{box-sizing:border-box}
.public-content[data-public-page="http"]{scroll-behavior:smooth;scroll-padding-top:96px}
.public-content[data-public-page="http"]{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}
.public-content[data-public-page="http"] button,.public-content[data-public-page="http"] input,.public-content[data-public-page="http"] textarea{font:inherit}
.public-content[data-public-page="http"] button,.public-content[data-public-page="http"] a,.public-content[data-public-page="http"] input,.public-content[data-public-page="http"] textarea,.public-content[data-public-page="http"] summary{touch-action:manipulation}
.public-content[data-public-page="http"] a{color:inherit;text-decoration:none}
.public-content[data-public-page="http"] button{cursor:pointer}
.public-content[data-public-page="http"] button:disabled{cursor:not-allowed;opacity:.42}
.public-content[data-public-page="http"] button,.public-content[data-public-page="http"] a,.public-content[data-public-page="http"] input,.public-content[data-public-page="http"] textarea,.public-content[data-public-page="http"] summary{outline-offset:4px}
.public-content[data-public-page="http"] button:focus-visible,.public-content[data-public-page="http"] a:focus-visible,.public-content[data-public-page="http"] input:focus-visible,.public-content[data-public-page="http"] textarea:focus-visible,.public-content[data-public-page="http"] summary:focus-visible{outline:2px solid #555}
.public-content[data-public-page="http"] button{color:inherit}
.public-content[data-public-page="http"] svg{width:19px;height:19px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.public-content[data-public-page="http"] .container{max-width:1224px;margin:auto;padding:0 32px}
.public-content[data-public-page="http"] .brand{display:inline-flex;gap:10px;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1.2px}
.public-content[data-public-page="http"] .brand-mark{height:35px;width:35px;display:grid;place-items:center;background:#191919;color:white;border-radius:11px;box-shadow:0 3px 8px #0000000d}
.public-content[data-public-page="http"] .brand-mark svg{width:23px;height:23px;stroke-width:1.8}
.public-content[data-public-page="http"] .brand-dot{color:#8b8b8b}
.public-content[data-public-page="http"] .btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 17px;border-radius:10px;border:1px solid #191919;background:#191919;color:#fff;font-size:13px;font-weight:600;transition:background .18s,transform .18s,box-shadow .18s}
.public-content[data-public-page="http"] .btn:hover:not(:disabled){background:#343434;box-shadow:0 3px 9px #00000012;transform:translateY(-1px)}
.public-content[data-public-page="http"] .btn-white{background:#fff;color:#252525;border-color:#dedede}
.public-content[data-public-page="http"] .btn-white:hover:not(:disabled){background:#f5f5f5}
.public-content[data-public-page="http"] .btn-small{padding:10px 15px}
.public-content[data-public-page="http"] .breadcrumb{display:flex;align-items:center;gap:10px;color:#8a8a8a;font-size:12px;padding-top:28px}
.public-content[data-public-page="http"] .breadcrumb svg{width:12px;height:12px}
.public-content[data-public-page="http"] .breadcrumb span{color:#4b4b4b}
.public-content[data-public-page="http"] .intro{padding:32px 0 28px}
.public-content[data-public-page="http"] .eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:12px;font-size:11px;font-weight:650;letter-spacing:1.6px;text-transform:uppercase;color:#7b7b7b}
.public-content[data-public-page="http"] .eyebrow-line{width:22px;height:1px;background:#aaa}
.public-content[data-public-page="http"] h1{font-size:44px;line-height:1.12;letter-spacing:-2px;margin:0 0 14px;font-weight:720}
.public-content[data-public-page="http"] .intro-row{display:flex;gap:24px;align-items:center;justify-content:space-between}
.public-content[data-public-page="http"] .intro p{color:#777;font-size:15px;max-width:690px;margin:0;line-height:1.65}
.public-content[data-public-page="http"] .free-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--green);background:var(--green-bg);font-size:12px;padding:7px 11px;border-radius:7px}
.public-content[data-public-page="http"] .free-badge svg{width:14px;height:14px}
.public-content[data-public-page="http"] .workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;align-items:start}
.public-content[data-public-page="http"] .panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}
.public-content[data-public-page="http"] .panel-heading{padding:21px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}
.public-content[data-public-page="http"] .panel-title{display:flex;align-items:center;gap:11px;font-weight:650;font-size:15px}
.public-content[data-public-page="http"] .step-num{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e2e2e2;border-radius:8px;color:#666;font:11px var(--font)}
.public-content[data-public-page="http"] .panel-heading small{font-size:11px;color:#929292}
.public-content[data-public-page="http"] .form-body{padding:22px 24px}
.public-content[data-public-page="http"] .field{min-width:0}
.public-content[data-public-page="http"] .field label{font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.public-content[data-public-page="http"] .req{color:#999;margin-left:3px;font-size:12px}
.public-content[data-public-page="http"] .field-code{font-size:10px;font-weight:400;color:#959595;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.public-content[data-public-page="http"] .input{width:100%;border:1px solid #ddd;border-radius:9px;height:44px;padding:0 12px;background:#fff;color:#262626;font-size:13px;transition:border-color .18s,box-shadow .18s}
.public-content[data-public-page="http"] .input::placeholder{color:#aaa}
.public-content[data-public-page="http"] .input:focus{border-color:#777;box-shadow:0 0 0 3px #00000004;outline:none}
.public-content[data-public-page="http"] .input[aria-invalid="true"]{border-color:#bc4747}
.public-content[data-public-page="http"] .field-hint{font-size:11px;color:#999;margin:6px 0 0}
.public-content[data-public-page="http"] .url-input{position:relative}
.public-content[data-public-page="http"] .url-input .input{padding-left:38px}
.public-content[data-public-page="http"] .url-input svg{position:absolute;left:12px;top:13px;width:17px;color:#909090}
.public-content[data-public-page="http"] .presets{margin:20px 0 23px}
.public-content[data-public-page="http"] .small-label{font-size:11px;color:#929292;margin:0 0 9px}
.public-content[data-public-page="http"] .preset-list{display:flex;flex-wrap:wrap;gap:7px}
.public-content[data-public-page="http"] .preset{border:1px solid #e7e7e7;background:#fff;border-radius:7px;padding:7px 11px;font-size:11px;display:flex;gap:6px;align-items:center;transition:.16s}
.public-content[data-public-page="http"] .preset:hover{border-color:#999}
.public-content[data-public-page="http"] .preset[aria-pressed="true"]{background:#f0f0f0;border-color:#a8a8a8;color:#111;box-shadow:inset 0 0 0 .5px #a8a8a8}
.public-content[data-public-page="http"] .preset-icon{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;font-size:10px;font-weight:700}
.public-content[data-public-page="http"] .ya{color:#d24b38;background:#fff0ec}
.public-content[data-public-page="http"] .vk{color:#4c79c6;background:#eef3fc;font-size:8px}
.public-content[data-public-page="http"] .tg{color:#3491b1;background:#eaf6fa}
.public-content[data-public-page="http"] .email{color:#8067a5;background:#f3eff8}
.public-content[data-public-page="http"] .preset-icon svg{width:11px;height:11px}
.public-content[data-public-page="http"] .fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}
.public-content[data-public-page="http"] .full{grid-column:1/-1}
.public-content[data-public-page="http"] .options{padding-top:20px;margin-top:21px;border-top:1px solid #eee}
.public-content[data-public-page="http"] .options summary{cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:space-between;list-style:none}
.public-content[data-public-page="http"] .options summary::-webkit-details-marker{display:none}
.public-content[data-public-page="http"] .options summary svg{width:14px;height:14px;transition:transform .18s}
.public-content[data-public-page="http"] .options[open] summary svg{transform:rotate(180deg)}
.public-content[data-public-page="http"] .options .fields{margin-top:16px}
.public-content[data-public-page="http"] .form-foot{padding:15px 24px;background:#fafafa;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}
.public-content[data-public-page="http"] .check-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;color:#777}
.public-content[data-public-page="http"] .check-label input{accent-color:#222;margin:0;width:14px;height:14px}
.public-content[data-public-page="http"] .text-btn{border:0;background:none;color:#777;font-size:11px;padding:4px;white-space:nowrap}
.public-content[data-public-page="http"] .text-btn:hover{color:#111}
.public-content[data-public-page="http"] .error{color:#ab3535;font-size:11px;min-height:0;margin-top:5px}
.public-content[data-public-page="http"] .error:empty{display:none}
.public-content[data-public-page="http"] .form-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#969696;margin:13px 0 0}
.public-content[data-public-page="http"] .form-note svg{width:12px;height:12px}
.public-content[data-public-page="http"] .result-column{display:grid;gap:20px}
.public-content[data-public-page="http"] .result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.public-content[data-public-page="http"] .result-heading h2{font-size:14px;font-weight:650;margin:0}
.public-content[data-public-page="http"] .live{display:flex;align-items:center;gap:6px;color:#7e7e7e;font-size:10px}
.public-content[data-public-page="http"] .live i{width:6px;height:6px;border-radius:50%;background:#68a57b;box-shadow:0 0 0 3px #68a57b12}
.public-content[data-public-page="http"] .result-body{padding:23px}
.public-content[data-public-page="http"] .result-url{width:100%;height:104px;padding:14px;border:1px solid #e7e7e7;border-radius:10px;background:#fafafa;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;resize:none;color:#444;overflow-wrap:anywhere;word-break:break-all}
.public-content[data-public-page="http"] .result-url:focus{outline:1px solid #aaa}
.public-content[data-public-page="http"] .result-actions{display:flex;gap:8px;margin:12px 0 18px}
.public-content[data-public-page="http"] .result-actions .btn{flex:1;padding:11px;font-size:12px}
.public-content[data-public-page="http"] .icon-btn{width:42px;display:grid;place-items:center;flex-shrink:0;background:#fff;border:1px solid #ddd;border-radius:9px;transition:.15s}
.public-content[data-public-page="http"] .icon-btn:hover:not(:disabled){background:#f3f3f3}
.public-content[data-public-page="http"] .icon-btn svg{width:17px;height:17px}
.public-content[data-public-page="http"] .parameter-label{font-size:10px;color:#999;margin-bottom:9px}
.public-content[data-public-page="http"] .parameter-list{display:flex;flex-wrap:wrap;gap:6px}
.public-content[data-public-page="http"] .parameter{display:flex;gap:5px;max-width:100%;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;padding:5px 7px;border-radius:5px;overflow-wrap:anywhere}
.public-content[data-public-page="http"] .parameter b{font-weight:500;opacity:.7}
.public-content[data-public-page="http"] .source-tag{background:#eef3fb;color:#416694}
.public-content[data-public-page="http"] .medium-tag{background:#f3eef9;color:#7a609c}
.public-content[data-public-page="http"] .campaign-tag{background:#eef5ef;color:#507c58}
.public-content[data-public-page="http"] .extra-tag{background:#f5f1e9;color:#8e7040}
.public-content[data-public-page="http"] .result-bottom{padding:12px 23px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#999}
.public-content[data-public-page="http"] .result-bottom button{font-size:10px;display:flex;gap:5px;align-items:center}
.public-content[data-public-page="http"] .result-bottom svg{width:12px;height:12px}
.public-content[data-public-page="http"] .promo{position:relative;border:1px solid #e4e4e4;border-radius:var(--radius);background:linear-gradient(135deg,#fcfcfc,#f1f1f1);padding:23px;overflow:hidden}
.public-content[data-public-page="http"] .promo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.public-content[data-public-page="http"] .promo-top .brand{font-size:17px;letter-spacing:-.7px;gap:7px}
.public-content[data-public-page="http"] .promo-top .brand-mark{width:24px;height:24px;border-radius:7px}
.public-content[data-public-page="http"] .promo-top .brand-mark svg{width:15px;height:15px}
.public-content[data-public-page="http"] .promo-top small{font-size:9px;color:#999}
.public-content[data-public-page="http"] .promo h2{font-size:24px;line-height:1.2;letter-spacing:-.8px;font-weight:680;margin:0 0 10px;max-width:290px}
.public-content[data-public-page="http"] .promo p{font-size:12px;line-height:1.65;color:#7d7d7d;margin:0 0 17px}
.public-content[data-public-page="http"] .promo .btn{width:100%;font-size:12px;background:white;color:#191919;border-color:#d8d8d8;justify-content:space-between}
.public-content[data-public-page="http"] .promo .btn:hover{background:#f8f8f8}
.public-content[data-public-page="http"] .promo-note{font-size:10px;color:#969696;text-align:center;margin-top:10px}
.public-content[data-public-page="http"] .mini-browser{margin-top:18px;border:1px solid #dcdcdc;border-radius:10px 10px 0 0;background:#fff;height:112px;overflow:hidden;box-shadow:0 6px 14px #00000004}
.public-content[data-public-page="http"] .mini-top{height:21px;display:flex;align-items:center;padding:0 9px;gap:3px;border-bottom:1px solid #eee;background:#fafafa}
.public-content[data-public-page="http"] .mini-top i{width:4px;height:4px;background:#d7d7d7;border-radius:50%}
.public-content[data-public-page="http"] .mini-address{height:10px;width:55%;margin-left:15px;border-radius:3px;background:#eee}
.public-content[data-public-page="http"] .mini-site{padding:13px;display:flex;gap:15px;align-items:center}
.public-content[data-public-page="http"] .mini-copy{flex:1}
.public-content[data-public-page="http"] .mini-copy strong{font-size:12px;line-height:1.1;letter-spacing:-.3px;display:block;margin-bottom:7px}
.public-content[data-public-page="http"] .mini-copy .skeleton{height:3px;background:#e7e7e7;width:85%;margin-top:4px}
.public-content[data-public-page="http"] .mini-copy .mini-button{height:12px;width:46px;margin-top:9px;background:#222;border-radius:3px}
.public-content[data-public-page="http"] .mini-art{width:68px;height:63px;border-radius:6px;background:#f2efe9;position:relative;overflow:hidden}
.public-content[data-public-page="http"] .mini-art:before{content:"";position:absolute;width:42px;height:70px;border-radius:23px 23px 0 0;background:#c4cbb8;top:13px;left:14px;transform:rotate(18deg)}
.public-content[data-public-page="http"] .mini-art:after{content:"";position:absolute;width:20px;height:35px;border-radius:12px 12px 0 0;background:#f2ebe0;top:34px;left:5px;transform:rotate(-14deg)}
.public-content[data-public-page="http"] .below{padding:44px 0 0}
.public-content[data-public-page="http"] .section-top{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:22px}
.public-content[data-public-page="http"] .section-top h2{font-size:25px;letter-spacing:-.8px;margin:0;font-weight:650}
.public-content[data-public-page="http"] .section-top p{font-size:12px;color:#909090;margin:0}
.public-content[data-public-page="http"] .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:39px;border-bottom:1px solid var(--line)}
.public-content[data-public-page="http"] .step{display:flex;gap:13px}
.public-content[data-public-page="http"] .step-icon{border:1px solid #e9e9e9;border-radius:10px;display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;color:#777}
.public-content[data-public-page="http"] .step h3{font-size:13px;margin:0 0 6px;font-weight:600}
.public-content[data-public-page="http"] .step p{font-size:12px;color:#8a8a8a;line-height:1.7;margin:0}
.public-content[data-public-page="http"] .guide-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:34px}
.public-content[data-public-page="http"] .guide-grid h2{font-size:21px;font-weight:650;letter-spacing:-.6px;margin:0 0 17px}
.public-content[data-public-page="http"] .guide-table{width:100%;border-collapse:collapse;font-size:12px}
.public-content[data-public-page="http"] .guide-table tr+tr{border-top:1px solid #eee}
.public-content[data-public-page="http"] .guide-table td{padding:10px 0;vertical-align:top}
.public-content[data-public-page="http"] .guide-table td:first-child{width:130px}
.public-content[data-public-page="http"] .guide-table code{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;background:#f5f5f5;padding:4px 6px;border-radius:4px}
.public-content[data-public-page="http"] .guide-table td:nth-child(2){color:#888}
.public-content[data-public-page="http"] .faq details{border-bottom:1px solid #eee;padding:13px 0}
.public-content[data-public-page="http"] .faq details:first-of-type{padding-top:0}
.public-content[data-public-page="http"] .faq summary{cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font-weight:550}
.public-content[data-public-page="http"] .faq summary:after{content:"+";font-size:19px;font-weight:400;color:#aaa}
.public-content[data-public-page="http"] .faq details[open] summary:after{content:"−"}
.public-content[data-public-page="http"] .faq p{font-size:12px;line-height:1.8;color:#888;margin:11px 16px 0 0}
.public-content[data-public-page="http"] .toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#242424;color:#fff;border:1px solid #454545;border-radius:11px;padding:12px 20px;font-size:12px;box-shadow:0 6px 20px #0000001a;opacity:0;transition:.2s;pointer-events:none;z-index:50;max-width:calc(100vw - 30px);text-align:center}
.public-content[data-public-page="http"] .toast.show{opacity:1;transform:translate(-50%,0)}
.public-content[data-public-page="http"] dialog{width:min(480px,calc(100% - 30px));border:1px solid #ddd;border-radius:18px;padding:26px;color:#222;box-shadow:0 20px 70px #0002}
.public-content[data-public-page="http"] dialog::backdrop{background:#0005;backdrop-filter:blur(3px)}
.public-content[data-public-page="http"] dialog h2{font-size:21px;letter-spacing:-.6px;margin:0 0 8px}
.public-content[data-public-page="http"] dialog p{color:#888;font-size:12px;margin:0 0 20px}
.public-content[data-public-page="http"] .dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.public-content[data-public-page="http"] .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.public-content[data-public-page="http"] .mobile-help{display:none}
@media(min-width:1350px){.public-content[data-public-page="http"] .intro{padding-top:39px;padding-bottom:32px}
.public-content[data-public-page="http"] .form-body{padding-top:25px;padding-bottom:25px}
.public-content[data-public-page="http"] .fields{gap:20px 18px}
}
@media(max-width:1000px){.public-content[data-public-page="http"] .container{padding:0 24px}
.public-content[data-public-page="http"] .workspace{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.public-content[data-public-page="http"] .form-body,.public-content[data-public-page="http"] .panel-heading{padding-left:20px;padding-right:20px}
.public-content[data-public-page="http"] .result-body,.public-content[data-public-page="http"] .promo{padding:19px}
.public-content[data-public-page="http"] .promo h2{font-size:22px}
.public-content[data-public-page="http"] .preset{padding:7px 8px}
.public-content[data-public-page="http"] .guide-grid{gap:35px}
}
@media(max-width:760px){.public-content[data-public-page="http"] .container{padding:0 20px}
.public-content[data-public-page="http"] .brand{font-size:23px}
.public-content[data-public-page="http"] .brand-mark{width:31px;height:31px}
.public-content[data-public-page="http"] .breadcrumb{padding-top:20px;font-size:10px}
.public-content[data-public-page="http"] .intro{padding:25px 0 22px}
.public-content[data-public-page="http"] .eyebrow{font-size:9px;margin-bottom:10px}
.public-content[data-public-page="http"] h1{font-size:34px;letter-spacing:-1.5px}
.public-content[data-public-page="http"] .intro-row{display:block}
.public-content[data-public-page="http"] .intro p{font-size:13px;line-height:1.7}
.public-content[data-public-page="http"] .free-badge{font-size:10px;margin-top:13px}
.public-content[data-public-page="http"] .workspace{grid-template-columns:1fr}
.public-content[data-public-page="http"] .panel-title{font-size:14px}
.public-content[data-public-page="http"] .panel-heading{padding:17px 18px}
.public-content[data-public-page="http"] .form-body{padding:19px 18px}
.public-content[data-public-page="http"] .result-column{gap:18px}
.public-content[data-public-page="http"] .promo{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;padding:21px}
.public-content[data-public-page="http"] .promo-top{grid-column:1/-1;margin-bottom:15px}
.public-content[data-public-page="http"] .promo h2{font-size:22px;grid-column:1/-1;max-width:100%}
.public-content[data-public-page="http"] .promo p{grid-column:1/-1;margin-bottom:15px}
.public-content[data-public-page="http"] .promo .btn{grid-column:1/-1}
.public-content[data-public-page="http"] .promo-note{grid-column:1/-1}
.public-content[data-public-page="http"] .mini-browser{display:none}
.public-content[data-public-page="http"] .form-foot{padding:14px 18px}
.public-content[data-public-page="http"] .below{padding-top:32px}
.public-content[data-public-page="http"] .section-top{align-items:start;flex-direction:column;gap:6px;margin-bottom:20px}
.public-content[data-public-page="http"] .section-top h2{font-size:23px}
.public-content[data-public-page="http"] .steps{grid-template-columns:1fr;gap:22px;padding-bottom:29px}
.public-content[data-public-page="http"] .step p{max-width:450px}
.public-content[data-public-page="http"] .guide-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}
.public-content[data-public-page="http"] .panel-heading small{font-size:10px}
.public-content[data-public-page="http"] .result-url{height:93px}
.public-content[data-public-page="http"] .mobile-help{display:inline}
}
@media(max-width:380px){.public-content[data-public-page="http"] .container{padding:0 14px}
.public-content[data-public-page="http"] h1{font-size:30px}
.public-content[data-public-page="http"] .fields{grid-template-columns:1fr}
.public-content[data-public-page="http"] .full{grid-column:auto}
.public-content[data-public-page="http"] .field-code{font-size:9px}
.public-content[data-public-page="http"] .form-foot{gap:10px}
.public-content[data-public-page="http"] .check-label{font-size:10px}
.public-content[data-public-page="http"] .preset-list{gap:5px}
.public-content[data-public-page="http"] .preset{font-size:10px}
.public-content[data-public-page="http"] .panel-heading small{display:none}
}
@media(prefers-reduced-motion:reduce){.public-content[data-public-page="http"]{scroll-behavior:auto}
.public-content[data-public-page="http"] *,.public-content[data-public-page="http"] *:before,.public-content[data-public-page="http"] *:after{transition:none!important;animation:none!important}
}
.public-content[data-public-page="http"] .field-hint,.public-content[data-public-page="http"] .small-label,.public-content[data-public-page="http"] .panel-heading small,.public-content[data-public-page="http"] .form-note,.public-content[data-public-page="http"] .parameter-label,.public-content[data-public-page="http"] .result-bottom,.public-content[data-public-page="http"] .promo-note,.public-content[data-public-page="http"] .promo-top small,.public-content[data-public-page="http"] .section-top p,.public-content[data-public-page="http"] .step p,.public-content[data-public-page="http"] .guide-table td:nth-child(2),.public-content[data-public-page="http"] .faq p{color:#737373}
.public-content[data-public-page="http"] .seo-guide{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}
.public-content[data-public-page="http"] .seo-guide>h2{font-size:26px;line-height:1.25;letter-spacing:-.7px;margin:0 0 10px}
.public-content[data-public-page="http"] .seo-intro{color:#737373;max-width:760px;margin:0 0 24px;line-height:1.75}
.public-content[data-public-page="http"] .seo-item{border-bottom:1px solid var(--line)}
.public-content[data-public-page="http"] .seo-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;padding:21px 0}
.public-content[data-public-page="http"] .seo-item summary::-webkit-details-marker{display:none}
.public-content[data-public-page="http"] .seo-item summary::after{content:'+';font-size:24px;font-weight:400;color:#737373;flex:0 0 24px;text-align:center}
.public-content[data-public-page="http"] .seo-item[open] summary::after{content:'−'}
.public-content[data-public-page="http"] .seo-item summary h3{margin:0;font-size:16px;font-weight:600;line-height:1.5}
.public-content[data-public-page="http"] .seo-copy{max-width:900px;padding:0 0 24px;color:#555;line-height:1.85;font-size:14px;overflow-wrap:anywhere}
.public-content[data-public-page="http"] .seo-copy p{margin:0 0 14px}
.public-content[data-public-page="http"] .seo-copy p:last-child{margin-bottom:0}
.public-content[data-public-page="http"] .seo-copy ul,.public-content[data-public-page="http"] .seo-copy ol{padding-left:22px;margin:0 0 16px}
.public-content[data-public-page="http"] .seo-copy li+li{margin-top:8px}
.public-content[data-public-page="http"] .seo-copy code{font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f4f4f4;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
.public-content[data-public-page="http"] .seo-example{display:block;padding:15px!important;border:1px solid var(--line);border-radius:9px;white-space:normal;margin:12px 0 16px}
.public-content[data-public-page="http"] .seo-copy a{text-decoration:underline;text-underline-offset:3px;color:#222}
.public-content[data-public-page="http"] .seo-table-wrap{overflow-x:auto;margin:14px 0 18px}
.public-content[data-public-page="http"] .seo-table{border-collapse:collapse;width:100%;min-width:500px;font-size:13px}
.public-content[data-public-page="http"] .seo-table th,.public-content[data-public-page="http"] .seo-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.public-content[data-public-page="http"] .seo-table th{background:#f8f8f8;color:#333;font-weight:600}
.public-content[data-public-page="http"] .seo-note{border-left:2px solid #aaa;padding:10px 16px;background:#fafafa;border-radius:0 7px 7px 0}
@media(max-width:760px){.public-content[data-public-page="http"] .seo-guide{margin-top:32px;padding-top:26px}
.public-content[data-public-page="http"] .seo-guide>h2{font-size:23px}
.public-content[data-public-page="http"] .seo-item summary{padding:18px 0}
.public-content[data-public-page="http"] .seo-item summary h3{font-size:14px}
.public-content[data-public-page="http"] .seo-copy{font-size:13px}
.public-content[data-public-page="http"] .seo-intro{font-size:13px}
}
.public-content[data-public-page="http"] .intro h1{font-size:39px;letter-spacing:-1.6px}
.public-content[data-public-page="http"] .http-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:24px;align-items:start}
.public-content[data-public-page="http"] .url-list{width:100%;height:197px;min-height:140px;border:1px solid #ddd;border-radius:10px;padding:14px 16px;background:#fafafa;font:12px/1.95 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;color:#333;overflow-wrap:anywhere}
.public-content[data-public-page="http"] .url-list:focus{outline:1px solid #888}
.public-content[data-public-page="http"] .url-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;font-weight:600;gap:12px}
.public-content[data-public-page="http"] .url-head small{font-size:10px;color:#737373;font-weight:400}
.public-content[data-public-page="http"] .input-info{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#737373;margin-top:8px}
.public-content[data-public-page="http"] .input-info button{font-size:10px}
.public-content[data-public-page="http"] .check-settings{display:flex;align-items:center;gap:10px;margin-top:19px}
.public-content[data-public-page="http"] .check-settings label{font-size:11px;color:#737373}
.public-content[data-public-page="http"] .check-settings select{height:37px;width:100px;font-size:12px}
.public-content[data-public-page="http"] .check-settings small{font-size:10px;color:#737373;line-height:1.6;max-width:340px}
.public-content[data-public-page="http"] .check-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}
.public-content[data-public-page="http"] .check-actions .btn{font-size:12px}
.public-content[data-public-page="http"] .check-actions .btn-white{padding:11px 13px}
.public-content[data-public-page="http"] .check-error{color:#a13f33;font-size:11px;line-height:1.7;margin-top:12px}
.public-content[data-public-page="http"] .check-error:empty{display:none}
.public-content[data-public-page="http"] .preview-notice{border:1px solid #e3d8c5;background:#faf7ef;border-radius:10px;padding:13px 16px;font-size:11px;color:#7a6644;margin:0 0 22px;line-height:1.8}
.public-content[data-public-page="http"] .preview-notice button{margin-left:7px;text-decoration:underline}
.public-content[data-public-page="http"] .http-form{padding:22px 24px}
.public-content[data-public-page="http"] .http-promo h2{font-size:25px}
.public-content[data-public-page="http"] .http-promo .promo-note{margin-bottom:0}
.public-content[data-public-page="http"] .http-promo .mini-browser{margin-top:20px}
.public-content[data-public-page="http"] .run-progress{margin-top:22px;padding:17px 21px;border:1px solid var(--line);border-radius:12px}
.public-content[data-public-page="http"] .run-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px;gap:15px;color:#666;margin-bottom:10px}
.public-content[data-public-page="http"] .run-progress progress{width:100%;height:6px;appearance:none;border:0;background:#eee;border-radius:4px;display:block}
.public-content[data-public-page="http"] .run-progress progress::-webkit-progress-bar{background:#eee;border-radius:4px}
.public-content[data-public-page="http"] .run-progress progress::-webkit-progress-value{background:#282828;border-radius:4px}
.public-content[data-public-page="http"] .run-progress progress::-moz-progress-bar{background:#282828;border-radius:4px}
.public-content[data-public-page="http"] .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0 20px}
.public-content[data-public-page="http"] .kpi{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff}
.public-content[data-public-page="http"] .kpi span{display:flex;align-items:center;gap:7px;color:#737373;font-size:11px}
.public-content[data-public-page="http"] .kpi i{display:block;width:6px;height:6px;border-radius:50%;background:#aaa}
.public-content[data-public-page="http"] .kpi strong{display:block;font-size:29px;font-weight:600;letter-spacing:-1px;margin-top:8px;font-variant-numeric:tabular-nums}
.public-content[data-public-page="http"] .kpi.green i{background:#4b9266}
.public-content[data-public-page="http"] .kpi.amber i{background:#c3994f}
.public-content[data-public-page="http"] .kpi.red i{background:#bc685d}
.public-content[data-public-page="http"] .results-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 21px;border-bottom:1px solid var(--line)}
.public-content[data-public-page="http"] .results-title h2{font-size:15px;margin:0}
.public-content[data-public-page="http"] .export-actions{display:flex;gap:8px}
.public-content[data-public-page="http"] .export-actions button{font-size:11px;padding:8px 11px}
.public-content[data-public-page="http"] .table-toolbar{padding:15px 21px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.public-content[data-public-page="http"] .table-toolbar .input{height:36px;font-size:11px}
.public-content[data-public-page="http"] .table-toolbar select{width:180px}
.public-content[data-public-page="http"] .table-toolbar input{width:280px;max-width:100%}
.public-content[data-public-page="http"] .report-table-wrap{width:100%;overflow:auto;border-top:1px solid var(--line)}
.public-content[data-public-page="http"] .report-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:970px;text-align:left;font-size:11px}
.public-content[data-public-page="http"] .report-table thead{background:#fafafa;color:#737373;font-size:10px}
.public-content[data-public-page="http"] .report-table th{font-weight:500;padding:13px 12px;white-space:nowrap}
.public-content[data-public-page="http"] .report-table td{padding:16px 12px;border-top:1px solid #eee;vertical-align:top}
.public-content[data-public-page="http"] .report-table tbody tr:hover{background:#fcfcfc}
.public-content[data-public-page="http"] .report-table th:nth-child(1){width:40px}
.public-content[data-public-page="http"] .report-table th:nth-child(2){width:25%}
.public-content[data-public-page="http"] .report-table th:nth-child(3){width:78px}
.public-content[data-public-page="http"] .report-table th:nth-child(4){width:110px}
.public-content[data-public-page="http"] .report-table th:nth-child(5){width:27%}
.public-content[data-public-page="http"] .report-table th:nth-child(6){width:82px}
.public-content[data-public-page="http"] .report-table th:nth-child(7){width:73px}
.public-content[data-public-page="http"] .report-table th:last-child{width:60px}
.public-content[data-public-page="http"] .url-cell a,.public-content[data-public-page="http"] .url-cell>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;color:#444;line-height:1.8}
.public-content[data-public-page="http"] .url-cell a:hover{text-decoration:underline}
.public-content[data-public-page="http"] .url-cell small{display:block;color:#9b5b4a;font-size:9px;line-height:1.7;margin-top:5px;overflow-wrap:anywhere}
.public-content[data-public-page="http"] .http-code{display:inline-flex;align-items:center;justify-content:center;min-width:38px;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;border-radius:5px;padding:5px 6px;background:#f0f0f0;color:#666}
.public-content[data-public-page="http"] .code-2{background:#edf6ee;color:#3f7c50}
.public-content[data-public-page="http"] .code-3{background:#faf1df;color:#99732d}
.public-content[data-public-page="http"] .code-4,.public-content[data-public-page="http"] .code-5{background:#fbefed;color:#ad5144}
.public-content[data-public-page="http"] .status-note{display:block;font-size:9px;color:#737373;margin-top:5px;overflow-wrap:anywhere;line-height:1.5}
.public-content[data-public-page="http"] .chain-cell{font:10px/1.7 ui-monospace,monospace;color:#737373}
.public-content[data-public-page="http"] .detail-btn{background:#fff;border:1px solid #dedede;border-radius:7px;width:29px;height:29px;color:#666;font:16px Georgia,serif}
.public-content[data-public-page="http"] .detail-btn:hover{background:#f3f3f3}
.public-content[data-public-page="http"] .empty-report{text-align:center;padding:40px 20px!important;color:#737373;font-size:12px}
.public-content[data-public-page="http"] .table-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 21px;border-top:1px solid var(--line);font-size:10px;color:#737373}
.public-content[data-public-page="http"] .paging{display:flex;align-items:center;gap:12px}
.public-content[data-public-page="http"] .paging button{border:1px solid #ddd;border-radius:6px;background:#fff;padding:5px 9px;font-size:11px}
.public-content[data-public-page="http"] .report-note{font-size:11px;color:#737373;line-height:1.8;margin-top:13px}
.public-content[data-public-page="http"] .report-note a{text-decoration:underline;text-underline-offset:3px}
.public-content[data-public-page="http"] .http-dialog{width:min(820px,calc(100% - 28px));max-width:820px;max-height:85vh;overflow:auto;padding:24px}
.public-content[data-public-page="http"] .dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px}
.public-content[data-public-page="http"] .dialog-head h2{font-size:20px;margin:0;letter-spacing:-.4px}
.public-content[data-public-page="http"] .dialog-head button{border:0;background:#f2f2f2;border-radius:7px;padding:3px 10px;font-size:23px}
.public-content[data-public-page="http"] .dialog-meta{font-size:12px;color:#737373;line-height:1.8;margin:13px 0 20px;overflow-wrap:anywhere}
.public-content[data-public-page="http"] .hop{border:1px solid #e5e5e5;border-radius:10px;padding:15px;margin-top:12px}
.public-content[data-public-page="http"] .hop-head{display:flex;align-items:start;gap:10px}
.public-content[data-public-page="http"] .hop-head>div{min-width:0;flex:1}
.public-content[data-public-page="http"] .hop-head a{font-size:12px;overflow-wrap:anywhere;line-height:1.8}
.public-content[data-public-page="http"] .hop-head small{display:block;color:#737373;font-size:10px;margin-top:4px}
.public-content[data-public-page="http"] .hop details{margin-top:12px}
.public-content[data-public-page="http"] .hop summary{cursor:pointer;color:#555;font-size:11px}
.public-content[data-public-page="http"] .hop pre,.public-content[data-public-page="http"] .body-response{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;background:#f6f6f6;border-radius:7px;padding:13px;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#555;margin:12px 0 0}
.public-content[data-public-page="http"] .http-dialog .check-error{padding:12px;background:#fff5f2;border-radius:8px}
.public-content[data-public-page="http"] .http-dialog .check-error:empty{display:none}
.public-content[data-public-page="http"] .body-title{font-size:12px;margin:20px 0 0}
.public-content[data-public-page="http"] .http-dialog>p{max-width:100%}
.public-content[data-public-page="http"] #file-input{display:none}
.public-content[data-public-page="http"] [hidden]{display:none!important}
@media(max-width:1000px){.public-content[data-public-page="http"] .http-layout{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}
.public-content[data-public-page="http"] .intro h1{font-size:34px}
.public-content[data-public-page="http"] .http-promo .mini-browser{display:none}
}
@media(max-width:760px){.public-content[data-public-page="http"] .intro h1{font-size:30px;letter-spacing:-1.2px}
.public-content[data-public-page="http"] .http-layout{grid-template-columns:1fr}
.public-content[data-public-page="http"] .http-form{padding:19px}
.public-content[data-public-page="http"] .http-promo{display:block}
.public-content[data-public-page="http"] .http-promo .promo-top{display:flex}
.public-content[data-public-page="http"] .http-promo h2{font-size:24px}
.public-content[data-public-page="http"] .http-promo .mini-browser{display:none}
.public-content[data-public-page="http"] .url-head{align-items:start}
.public-content[data-public-page="http"] .url-head small{white-space:nowrap}
.public-content[data-public-page="http"] .check-settings{align-items:start;flex-wrap:wrap}
.public-content[data-public-page="http"] .check-settings small{max-width:100%}
.public-content[data-public-page="http"] .check-settings label{padding-top:8px}
.public-content[data-public-page="http"] .kpis{gap:9px;grid-template-columns:repeat(2,1fr);margin-top:20px}
.public-content[data-public-page="http"] .kpi{padding:14px}
.public-content[data-public-page="http"] .kpi strong{font-size:25px}
.public-content[data-public-page="http"] .kpi span{font-size:10px}
.public-content[data-public-page="http"] .results-title{padding:16px;flex-wrap:wrap}
.public-content[data-public-page="http"] .results-title h2{font-size:14px}
.public-content[data-public-page="http"] .table-toolbar{padding:13px 16px}
.public-content[data-public-page="http"] .table-toolbar input{width:100%;flex:1;min-width:130px}
.public-content[data-public-page="http"] .table-toolbar select{width:150px}
.public-content[data-public-page="http"] .table-foot{padding:13px 16px;flex-wrap:wrap}
.public-content[data-public-page="http"] .preview-notice{font-size:10px}
.public-content[data-public-page="http"] .input-info{align-items:start}
.public-content[data-public-page="http"] .input-info>span{max-width:75%}
.public-content[data-public-page="http"] .run-progress{padding:15px}
.public-content[data-public-page="http"] .run-progress>div:first-child{font-size:10px}
.public-content[data-public-page="http"] .check-actions .btn{font-size:11px}
.public-content[data-public-page="http"] .http-dialog{padding:18px}
}
/* END PUBLIC PAGE http */
/* BEGIN PUBLIC PAGE password */
.public-content[data-public-page="password"] *{box-sizing:border-box}
.public-content[data-public-page="password"]{scroll-behavior:smooth;scroll-padding-top:100px}
.public-content[data-public-page="password"]{margin:0;color:#171717;background:#fff;font:14px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.public-content[data-public-page="password"] a{color:inherit}
.public-content[data-public-page="password"] button,.public-content[data-public-page="password"] input{font:inherit}
.public-content[data-public-page="password"] button,.public-content[data-public-page="password"] a{touch-action:manipulation}
.public-content[data-public-page="password"] button{cursor:pointer}
.public-content[data-public-page="password"] a:focus-visible,.public-content[data-public-page="password"] button:focus-visible,.public-content[data-public-page="password"] input:focus-visible,.public-content[data-public-page="password"] summary:focus-visible{outline:2px solid #28794e;outline-offset:4px}
.public-content[data-public-page="password"] button:disabled{opacity:.5;cursor:wait}
.public-content[data-public-page="password"] .wrap{max-width:1224px;margin:auto;padding:26px 32px 0}
.public-content[data-public-page="password"] .crumb{font-size:11px;color:#858585;margin-bottom:35px}
.public-content[data-public-page="password"] .crumb a{text-decoration:none}
.public-content[data-public-page="password"] .eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#777;display:flex;align-items:center;gap:9px}
.public-content[data-public-page="password"] .eyebrow:before{content:"";width:23px;height:1px;background:#777}
.public-content[data-public-page="password"] h1{font-size:48px;line-height:1.1;letter-spacing:-2px;font-weight:650;margin:15px 0}
.public-content[data-public-page="password"] h2,.public-content[data-public-page="password"] h3,.public-content[data-public-page="password"] p{margin-top:0}
.public-content[data-public-page="password"] .intro{max-width:650px;color:#777;font-size:14px}
.public-content[data-public-page="password"] .hero{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:30px}
.public-content[data-public-page="password"] .free{color:#28794e;background:#edf6ef;border:1px solid #dfebe2;padding:7px 12px;border-radius:30px;font-size:11px;white-space:nowrap}
.public-content[data-public-page="password"] .workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.public-content[data-public-page="password"] .panel{border:1px solid #e6e6e6;border-radius:18px;overflow:hidden}
.public-content[data-public-page="password"] .panel-top{padding:21px 25px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:16px}
.public-content[data-public-page="password"] .panel-top h2{font-size:15px;letter-spacing:-.3px;margin:0;font-weight:600}
.public-content[data-public-page="password"] .panel-top small{color:#888;font-size:10px}
.public-content[data-public-page="password"] .form-body{padding:24px 25px}
.public-content[data-public-page="password"] .label{display:block;font-size:12px;margin-bottom:9px;font-weight:550}
.public-content[data-public-page="password"] .domain-input{display:flex;align-items:center;border:1px solid #d9d9d9;border-radius:10px;overflow:hidden}
.public-content[data-public-page="password"] .prefix{color:#888;background:#fafafa;padding:13px;border-right:1px solid #eee;font-size:12px}
.public-content[data-public-page="password"] .domain-input input{width:100%;min-width:0;border:0;padding:13px;outline-offset:-3px;background:#fff}
.public-content[data-public-page="password"] .hint{font-size:11px;color:#858585;margin:9px 0 19px}
.public-content[data-public-page="password"] .actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.public-content[data-public-page="password"] .action{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#202020;color:#fff;padding:12px 17px;border:1px solid #202020;border-radius:9px;text-decoration:none;font-size:12px;font-weight:550}
.public-content[data-public-page="password"] .action:hover{background:#383838}
.public-content[data-public-page="password"] .action.light{background:#fff;color:#333;border-color:#ddd}
.public-content[data-public-page="password"] .action.light:hover{background:#f7f7f7}
.public-content[data-public-page="password"] .notice{background:#f7f7f7;color:#777;border-top:1px solid #eee;padding:14px 25px;font-size:11px}
.public-content[data-public-page="password"] .message{font-size:12px;margin:16px 0 0;color:#8c5425}
.public-content[data-public-page="password"] .message:empty{display:none}
.public-content[data-public-page="password"] .promo{background:linear-gradient(145deg,#fafafa,#f2f2f2);border:1px solid #e4e4e4;border-radius:18px;padding:23px}
.public-content[data-public-page="password"] .promo-label{display:flex;justify-content:space-between;font-size:10px;color:#888;margin-bottom:20px}
.public-content[data-public-page="password"] .promo-label strong{font-size:17px;letter-spacing:-.7px;color:#252525}
.public-content[data-public-page="password"] .promo h2{font-size:25px;line-height:1.15;letter-spacing:-.9px;margin-bottom:12px;font-weight:650}
.public-content[data-public-page="password"] .promo p{font-size:12px;color:#777}
.public-content[data-public-page="password"] .promo .action{width:100%;margin-top:5px}
.public-content[data-public-page="password"] .promo-note{text-align:center;font-size:10px;color:#888;margin-top:12px}
.public-content[data-public-page="password"] .site-mini{border:1px solid #ddd;border-radius:10px;background:#fff;padding:12px;margin-top:20px;box-shadow:0 8px 18px #00000004}
.public-content[data-public-page="password"] .mini-bar{display:flex;gap:4px;margin-bottom:18px}
.public-content[data-public-page="password"] .mini-bar i{height:4px;width:4px;background:#ccc;border-radius:50%}
.public-content[data-public-page="password"] .mini-content{display:flex;align-items:center;justify-content:space-between}
.public-content[data-public-page="password"] .mini-content strong{font-size:14px;line-height:1.2;letter-spacing:-.3px}
.public-content[data-public-page="password"] .mini-art{width:65px;height:65px;border-radius:12px;background:#e5ebe4;display:grid;place-items:center;color:#688168;font-size:27px}
.public-content[data-public-page="password"] .mini-line{width:90px;height:4px;background:#eee;margin-top:8px}
.public-content[data-public-page="password"] .mini-button{width:50px;height:12px;border-radius:3px;background:#333;margin-top:12px}
.public-content[data-public-page="password"] .result{margin-top:22px}
.public-content[data-public-page="password"] .result[hidden]{display:none}
.public-content[data-public-page="password"] .result-body{padding:25px}
.public-content[data-public-page="password"] .result-banner{display:flex;align-items:center;gap:17px}
.public-content[data-public-page="password"] .shield{width:54px;height:60px;display:grid;place-items:center;background:#edf6ef;color:#28794e;border:1px solid #deebe2;border-radius:17px;font-size:26px;flex-shrink:0}
.public-content[data-public-page="password"] .result-banner h2{font-size:21px;letter-spacing:-.6px;margin-bottom:3px}
.public-content[data-public-page="password"] .result-banner p{font-size:12px;color:#777;margin:0}
.public-content[data-public-page="password"] .demo-pill{display:inline-block;background:#faf1e5;border:1px solid #eddfcb;color:#896431;padding:4px 8px;font-size:10px;border-radius:5px;margin-bottom:16px}
.public-content[data-public-page="password"] .summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}
.public-content[data-public-page="password"] .metric{border:1px solid #e8e8e8;border-radius:11px;padding:15px}
.public-content[data-public-page="password"] .metric small{color:#888;font-size:10px}
.public-content[data-public-page="password"] .metric strong{display:block;font-size:23px;line-height:1.4;letter-spacing:-.6px}
.public-content[data-public-page="password"] .metric span{color:#888;font-size:10px}
.public-content[data-public-page="password"] .validity{margin:23px 0}
.public-content[data-public-page="password"] .validity-label{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#888;margin-bottom:8px}
.public-content[data-public-page="password"] .track{height:6px;background:#edf0ec;border-radius:9px;overflow:hidden}
.public-content[data-public-page="password"] .track span{display:block;background:#518b62;width:0;height:100%;border-radius:9px}
.public-content[data-public-page="password"] .checks{border-top:1px solid #eee;margin-top:24px}
.public-content[data-public-page="password"] .check{padding:12px 0;border-bottom:1px solid #eee;display:flex;gap:14px;justify-content:space-between;font-size:12px}
.public-content[data-public-page="password"] .check .status{color:#28794e}
.public-content[data-public-page="password"] .detail-box{border-top:1px solid #eee;margin-top:23px;padding-top:18px}
.public-content[data-public-page="password"] .detail-box summary{cursor:pointer;font-weight:550;font-size:12px}
.public-content[data-public-page="password"] .data-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:14px;table-layout:fixed}
.public-content[data-public-page="password"] .data-table th{text-align:left;color:#888;width:35%;font-weight:400}
.public-content[data-public-page="password"] .data-table td,.public-content[data-public-page="password"] .data-table th{padding:9px 5px;vertical-align:top;border-bottom:1px solid #eee;overflow-wrap:anywhere}
.public-content[data-public-page="password"] .result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}
.public-content[data-public-page="password"] .section{margin-top:42px}
.public-content[data-public-page="password"] .section h2{font-size:25px;font-weight:650;letter-spacing:-.8px}
.public-content[data-public-page="password"] .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-bottom:1px solid #eee;padding-bottom:30px}
.public-content[data-public-page="password"] .step-num{font-size:10px;border:1px solid #ddd;border-radius:7px;display:inline-block;padding:4px 8px;color:#777;margin-bottom:12px}
.public-content[data-public-page="password"] .steps h3{font-size:13px;font-weight:600;margin-bottom:7px}
.public-content[data-public-page="password"] .steps p{font-size:12px;color:#888}
.public-content[data-public-page="password"] .seo{margin-top:34px;max-width:850px}
.public-content[data-public-page="password"] .seo details{padding:16px 0;border-bottom:1px solid #eee}
.public-content[data-public-page="password"] .seo summary{cursor:pointer;font-size:13px;font-weight:550}
.public-content[data-public-page="password"] .seo p{font-size:12px;color:#777;line-height:1.85;margin:12px 0 0}
.public-content[data-public-page="password"] .seo code{background:#f5f5f5;padding:2px 5px;border-radius:4px}
.public-content[data-public-page="password"] .toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:10px;background:#222;color:white;font-size:12px;z-index:100;max-width:90vw}
.public-content[data-public-page="password"] .toast[hidden]{display:none}
@media(max-width:950px){.public-content[data-public-page="password"] .workspace{grid-template-columns:minmax(0,1fr) 265px}
.public-content[data-public-page="password"] .wrap{padding-left:24px;padding-right:24px}
}
@media(max-width:760px){.public-content[data-public-page="password"] .wrap{padding:23px 20px 0}
.public-content[data-public-page="password"] .crumb{margin-bottom:25px}
.public-content[data-public-page="password"] .hero{display:block;margin-bottom:23px}
.public-content[data-public-page="password"] h1{font-size:36px;letter-spacing:-1.4px}
.public-content[data-public-page="password"] .free{display:inline-block;margin-top:7px}
.public-content[data-public-page="password"] .workspace{grid-template-columns:1fr}
.public-content[data-public-page="password"] .promo{margin-top:0}
.public-content[data-public-page="password"] .site-mini{display:none}
.public-content[data-public-page="password"] .steps{grid-template-columns:1fr;gap:20px}
.public-content[data-public-page="password"] .panel-top,.public-content[data-public-page="password"] .form-body,.public-content[data-public-page="password"] .result-body{padding:19px}
.public-content[data-public-page="password"] .panel-top small{display:none}
.public-content[data-public-page="password"] .notice{padding:14px 19px}
.public-content[data-public-page="password"] .summary{gap:7px}
.public-content[data-public-page="password"] .metric{padding:10px}
.public-content[data-public-page="password"] .metric strong{font-size:19px}
.public-content[data-public-page="password"] .validity-label{font-size:9px}
.public-content[data-public-page="password"] .check{font-size:11px}
.public-content[data-public-page="password"] .section{margin-top:30px}
.public-content[data-public-page="password"] .result-banner h2{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.public-content[data-public-page="password"]{scroll-behavior:auto}
}
.public-content[data-public-page="password"] .mepage-shell-top{position:sticky;top:0;z-index:20}
.public-content[data-public-page="password"] .settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.public-content[data-public-page="password"] .option{display:flex;align-items:center;gap:11px;border:1px solid #e7e7e7;border-radius:10px;padding:12px;cursor:pointer}
.public-content[data-public-page="password"] .option input{accent-color:#252525;width:17px;height:17px;flex-shrink:0}
.public-content[data-public-page="password"] .option span{display:block;font-size:12px}
.public-content[data-public-page="password"] .option small{display:block;font:10px ui-monospace,monospace;color:#888}
.public-content[data-public-page="password"] .option.wide{grid-column:1/-1;background:#fafafa}
.public-content[data-public-page="password"] .range-line{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.public-content[data-public-page="password"] .range-line input[type=range]{flex:1;accent-color:#333;min-width:80px}
.public-content[data-public-page="password"] .number{width:76px;border:1px solid #ddd;border-radius:9px;padding:9px 10px;background:white;color:#222}
.public-content[data-public-page="password"] .length-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.public-content[data-public-page="password"] .length-head .label{margin:0}
.public-content[data-public-page="password"] .length-value{font-size:26px;letter-spacing:-1px}
.public-content[data-public-page="password"] .bulk-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0}
.public-content[data-public-page="password"] .bulk-row .label{margin:0}
.public-content[data-public-page="password"] .options-note{font-size:10px;color:#888;margin:12px 0 0}
.public-content[data-public-page="password"] .password-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.public-content[data-public-page="password"] .password-heading h2{font-size:17px;margin:0;letter-spacing:-.4px}
.public-content[data-public-page="password"] .badge{padding:4px 8px;background:#f2f6f1;border:1px solid #e1e9df;border-radius:5px;color:#55804b;font-size:10px}
.public-content[data-public-page="password"] .password-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eee}
.public-content[data-public-page="password"] .password-index{font-size:10px;color:#aaa;min-width:18px}
.public-content[data-public-page="password"] .password-value{flex:1;min-width:0;border:none;border-radius:6px;background:#fafafa;padding:11px 12px;font:15px ui-monospace,SFMono-Regular,Consolas,monospace;color:#222;letter-spacing:.4px;width:100%}
.public-content[data-public-page="password"] .password-value:focus{outline:2px solid #ddd}
.public-content[data-public-page="password"] .icon-btn{border:1px solid #e2e2e2;border-radius:8px;padding:9px 11px;background:white;color:#444;font-size:11px}
.public-content[data-public-page="password"] .icon-btn:hover{background:#f7f7f7}
.public-content[data-public-page="password"] .result-info{font-size:10px;color:#888;margin:15px 0 0}
.public-content[data-public-page="password"] .local-tag{display:flex;align-items:center;gap:8px;font-size:11px;color:#55804b}
.public-content[data-public-page="password"] .local-tag:before{content:"";width:6px;height:6px;background:#6d9e62;border-radius:50%}
.public-content[data-public-page="password"] .privacy-box{background:#f8faf7;border:1px solid #e3e9df;border-radius:12px;padding:17px;margin-top:19px}
.public-content[data-public-page="password"] .privacy-box h3{font-size:12px;margin-bottom:6px}
.public-content[data-public-page="password"] .privacy-box p{font-size:11px;color:#777;margin:0}
.public-content[data-public-page="password"] .empty-password{color:#888;font-size:12px;padding:12px 0}
.public-content[data-public-page="password"] .result{margin-top:22px}
.public-content[data-public-page="password"] .actions .action{flex-shrink:0}
.public-content[data-public-page="password"] .subtitle{font-size:12px;color:#888}
.public-content[data-public-page="password"] .wrap{padding-bottom:12px}
@media(max-width:480px){.public-content[data-public-page="password"] .settings-grid{grid-template-columns:1fr}
.public-content[data-public-page="password"] .option.wide{grid-column:auto}
.public-content[data-public-page="password"] .password-row{gap:7px}
.public-content[data-public-page="password"] .password-value{font-size:12px;padding:11px 8px}
.public-content[data-public-page="password"] .icon-btn{font-size:10px;padding:9px 8px}
.public-content[data-public-page="password"] .length-value{font-size:24px}
.public-content[data-public-page="password"] .password-heading{align-items:flex-start;flex-direction:column}
.public-content[data-public-page="password"] .result-actions .action{flex:1}
.public-content[data-public-page="password"] .range-line{gap:10px}
}
/* END PUBLIC PAGE password */
/* BEGIN PUBLIC PAGE service */
.public-content[data-public-page="service"]{--ink:#121227;--muted:#68687d;--line:rgba(20,20,42,.11);--violet:#6f4cff;--soft:#f6f5ff;--bg:#fbfaff}
.public-content[data-public-page="service"] *{box-sizing:border-box}
.public-content[data-public-page="service"]{scroll-behavior:smooth}
.public-content[data-public-page="service"]{margin:0;background:var(--bg);color:var(--ink);font:500 16px/1.6 Manrope,Arial,sans-serif}
.public-content[data-public-page="service"] a{color:inherit}
.public-content[data-public-page="service"] .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.public-content[data-public-page="service"] header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.public-content[data-public-page="service"] .brand{font:700 22px Unbounded,Arial,sans-serif;letter-spacing:-1.5px;text-decoration:none}
.public-content[data-public-page="service"] .brand .me{color:var(--violet)}
.public-content[data-public-page="service"] .btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;font-size:14px;border-radius:14px;padding:12px 18px;transition:transform .2s,box-shadow .2s}
.public-content[data-public-page="service"] .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #22223f33}
.public-content[data-public-page="service"] .intro{padding:44px 0 26px}
.public-content[data-public-page="service"] .kicker{display:inline-block;color:#5542bf;background:#ece8ff;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.public-content[data-public-page="service"] h1{font:700 clamp(30px,5vw,52px)/1.1 Unbounded,Arial,sans-serif;letter-spacing:-2px;margin:18px 0 16px;max-width:820px}
.public-content[data-public-page="service"] .lead{color:var(--muted);font-size:18px;max-width:720px;margin:0 0 22px}
.public-content[data-public-page="service"] .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.public-content[data-public-page="service"] .chips a{display:block;border:1px solid #dddbea;background:#fff;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;color:#46465a;text-decoration:none}
.public-content[data-public-page="service"] .chips a:hover{border-color:#8a6fff;color:#5e3ee2}
.public-content[data-public-page="service"] .groups{padding:10px 0 30px}
.public-content[data-public-page="service"] .group{background:#fff;border:1px solid #e6e4f1;border-radius:20px;padding:24px 26px;margin:16px 0;scroll-margin-top:16px}
.public-content[data-public-page="service"] .group h2{font:700 20px/1.25 Unbounded,Arial,sans-serif;letter-spacing:-.8px;margin:0 0 14px}
.public-content[data-public-page="service"] .group h2 small{font:700 13px Manrope,Arial,sans-serif;color:var(--muted);letter-spacing:0;margin-left:8px}
.public-content[data-public-page="service"] .links{list-style:none;margin:0;padding:0;columns:3 270px;column-gap:26px}
.public-content[data-public-page="service"] .links li{break-inside:avoid;margin:0}
.public-content[data-public-page="service"] .links a{display:block;padding:6px 8px;margin:0 -8px;border-radius:9px;text-decoration:none;font-size:15px;font-weight:700;color:#2a2a44}
.public-content[data-public-page="service"] .links a:hover{background:var(--soft);color:#5e3ee2}
.public-content[data-public-page="service"] .cta{margin:26px 0 56px;background:#17162b;color:#fff;border-radius:24px;padding:34px 30px}
.public-content[data-public-page="service"] .cta h2{font:700 clamp(22px,3vw,30px)/1.2 Unbounded,Arial,sans-serif;letter-spacing:-1px;margin:0 0 10px}
.public-content[data-public-page="service"] .cta p{color:#bebdd1;margin:0 0 20px;max-width:620px}
.public-content[data-public-page="service"] .cta .btn{background:#c6ff75;color:#121227}
.public-content[data-public-page="service"] footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
.public-content[data-public-page="service"] footer a{text-decoration:none}
@media(max-width:520px){.public-content[data-public-page="service"] .group{padding:20px 18px}
.public-content[data-public-page="service"] .cta{padding:26px 20px}
}
/* END PUBLIC PAGE service */
/* BEGIN PUBLIC PAGE ssl */
.public-content[data-public-page="ssl"] *{box-sizing:border-box}
.public-content[data-public-page="ssl"]{scroll-behavior:smooth;scroll-padding-top:100px}
.public-content[data-public-page="ssl"]{margin:0;color:#171717;background:#fff;font:14px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.public-content[data-public-page="ssl"] a{color:inherit}
.public-content[data-public-page="ssl"] button,.public-content[data-public-page="ssl"] input{font:inherit}
.public-content[data-public-page="ssl"] button,.public-content[data-public-page="ssl"] a{touch-action:manipulation}
.public-content[data-public-page="ssl"] button{cursor:pointer}
.public-content[data-public-page="ssl"] a:focus-visible,.public-content[data-public-page="ssl"] button:focus-visible,.public-content[data-public-page="ssl"] input:focus-visible,.public-content[data-public-page="ssl"] summary:focus-visible{outline:2px solid #28794e;outline-offset:4px}
.public-content[data-public-page="ssl"] button:disabled{opacity:.5;cursor:wait}
.public-content[data-public-page="ssl"] .wrap{max-width:1224px;margin:auto;padding:26px 32px 0}
.public-content[data-public-page="ssl"] .crumb{font-size:11px;color:#858585;margin-bottom:35px}
.public-content[data-public-page="ssl"] .crumb a{text-decoration:none}
.public-content[data-public-page="ssl"] .eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#777;display:flex;align-items:center;gap:9px}
.public-content[data-public-page="ssl"] .eyebrow:before{content:"";width:23px;height:1px;background:#777}
.public-content[data-public-page="ssl"] h1{font-size:48px;line-height:1.1;letter-spacing:-2px;font-weight:650;margin:15px 0}
.public-content[data-public-page="ssl"] h2,.public-content[data-public-page="ssl"] h3,.public-content[data-public-page="ssl"] p{margin-top:0}
.public-content[data-public-page="ssl"] .intro{max-width:650px;color:#777;font-size:14px}
.public-content[data-public-page="ssl"] .hero{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:30px}
.public-content[data-public-page="ssl"] .free{color:#28794e;background:#edf6ef;border:1px solid #dfebe2;padding:7px 12px;border-radius:30px;font-size:11px;white-space:nowrap}
.public-content[data-public-page="ssl"] .workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.public-content[data-public-page="ssl"] .panel{border:1px solid #e6e6e6;border-radius:18px;overflow:hidden}
.public-content[data-public-page="ssl"] .panel-top{padding:21px 25px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:16px}
.public-content[data-public-page="ssl"] .panel-top h2{font-size:15px;letter-spacing:-.3px;margin:0;font-weight:600}
.public-content[data-public-page="ssl"] .panel-top small{color:#888;font-size:10px}
.public-content[data-public-page="ssl"] .form-body{padding:24px 25px}
.public-content[data-public-page="ssl"] .label{display:block;font-size:12px;margin-bottom:9px;font-weight:550}
.public-content[data-public-page="ssl"] .domain-input{display:flex;align-items:center;border:1px solid #d9d9d9;border-radius:10px;overflow:hidden}
.public-content[data-public-page="ssl"] .prefix{color:#888;background:#fafafa;padding:13px;border-right:1px solid #eee;font-size:12px}
.public-content[data-public-page="ssl"] .domain-input input{width:100%;min-width:0;border:0;padding:13px;outline-offset:-3px;background:#fff}
.public-content[data-public-page="ssl"] .hint{font-size:11px;color:#858585;margin:9px 0 19px}
.public-content[data-public-page="ssl"] .actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.public-content[data-public-page="ssl"] .action{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#202020;color:#fff;padding:12px 17px;border:1px solid #202020;border-radius:9px;text-decoration:none;font-size:12px;font-weight:550}
.public-content[data-public-page="ssl"] .action:hover{background:#383838}
.public-content[data-public-page="ssl"] .action.light{background:#fff;color:#333;border-color:#ddd}
.public-content[data-public-page="ssl"] .action.light:hover{background:#f7f7f7}
.public-content[data-public-page="ssl"] .notice{background:#f7f7f7;color:#777;border-top:1px solid #eee;padding:14px 25px;font-size:11px}
.public-content[data-public-page="ssl"] .message{font-size:12px;margin:16px 0 0;color:#8c5425}
.public-content[data-public-page="ssl"] .message:empty{display:none}
.public-content[data-public-page="ssl"] .promo{background:linear-gradient(145deg,#fafafa,#f2f2f2);border:1px solid #e4e4e4;border-radius:18px;padding:23px}
.public-content[data-public-page="ssl"] .promo-label{display:flex;justify-content:space-between;font-size:10px;color:#888;margin-bottom:20px}
.public-content[data-public-page="ssl"] .promo-label strong{font-size:17px;letter-spacing:-.7px;color:#252525}
.public-content[data-public-page="ssl"] .promo h2{font-size:25px;line-height:1.15;letter-spacing:-.9px;margin-bottom:12px;font-weight:650}
.public-content[data-public-page="ssl"] .promo p{font-size:12px;color:#777}
.public-content[data-public-page="ssl"] .promo .action{width:100%;margin-top:5px}
.public-content[data-public-page="ssl"] .promo-note{text-align:center;font-size:10px;color:#888;margin-top:12px}
.public-content[data-public-page="ssl"] .site-mini{border:1px solid #ddd;border-radius:10px;background:#fff;padding:12px;margin-top:20px;box-shadow:0 8px 18px #00000004}
.public-content[data-public-page="ssl"] .mini-bar{display:flex;gap:4px;margin-bottom:18px}
.public-content[data-public-page="ssl"] .mini-bar i{height:4px;width:4px;background:#ccc;border-radius:50%}
.public-content[data-public-page="ssl"] .mini-content{display:flex;align-items:center;justify-content:space-between}
.public-content[data-public-page="ssl"] .mini-content strong{font-size:14px;line-height:1.2;letter-spacing:-.3px}
.public-content[data-public-page="ssl"] .mini-art{width:65px;height:65px;border-radius:12px;background:#e5ebe4;display:grid;place-items:center;color:#688168;font-size:27px}
.public-content[data-public-page="ssl"] .mini-line{width:90px;height:4px;background:#eee;margin-top:8px}
.public-content[data-public-page="ssl"] .mini-button{width:50px;height:12px;border-radius:3px;background:#333;margin-top:12px}
.public-content[data-public-page="ssl"] .result{margin-top:22px}
.public-content[data-public-page="ssl"] .result[hidden]{display:none}
.public-content[data-public-page="ssl"] .result-body{padding:25px}
.public-content[data-public-page="ssl"] .result-banner{display:flex;align-items:center;gap:17px}
.public-content[data-public-page="ssl"] .shield{width:54px;height:60px;display:grid;place-items:center;background:#edf6ef;color:#28794e;border:1px solid #deebe2;border-radius:17px;font-size:26px;flex-shrink:0}
.public-content[data-public-page="ssl"] .result-banner h2{font-size:21px;letter-spacing:-.6px;margin-bottom:3px}
.public-content[data-public-page="ssl"] .result-banner p{font-size:12px;color:#777;margin:0}
.public-content[data-public-page="ssl"] .summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}
.public-content[data-public-page="ssl"] .metric{border:1px solid #e8e8e8;border-radius:11px;padding:15px}
.public-content[data-public-page="ssl"] .metric small{color:#888;font-size:10px}
.public-content[data-public-page="ssl"] .metric strong{display:block;font-size:23px;line-height:1.4;letter-spacing:-.6px}
.public-content[data-public-page="ssl"] .metric span{color:#888;font-size:10px}
.public-content[data-public-page="ssl"] .validity{margin:23px 0}
.public-content[data-public-page="ssl"] .validity-label{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#888;margin-bottom:8px}
.public-content[data-public-page="ssl"] .track{height:6px;background:#edf0ec;border-radius:9px;overflow:hidden}
.public-content[data-public-page="ssl"] .track span{display:block;background:#518b62;width:0;height:100%;border-radius:9px}
.public-content[data-public-page="ssl"] .checks{border-top:1px solid #eee;margin-top:24px}
.public-content[data-public-page="ssl"] .check{padding:12px 0;border-bottom:1px solid #eee;display:flex;gap:14px;justify-content:space-between;font-size:12px}
.public-content[data-public-page="ssl"] .check .status{color:#28794e}
.public-content[data-public-page="ssl"] .detail-box{border-top:1px solid #eee;margin-top:23px;padding-top:18px}
.public-content[data-public-page="ssl"] .detail-box summary{cursor:pointer;font-weight:550;font-size:12px}
.public-content[data-public-page="ssl"] .data-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:14px;table-layout:fixed}
.public-content[data-public-page="ssl"] .data-table th{text-align:left;color:#888;width:35%;font-weight:400}
.public-content[data-public-page="ssl"] .data-table td,.public-content[data-public-page="ssl"] .data-table th{padding:9px 5px;vertical-align:top;border-bottom:1px solid #eee;overflow-wrap:anywhere}
.public-content[data-public-page="ssl"] .result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}
.public-content[data-public-page="ssl"] .section{margin-top:42px}
.public-content[data-public-page="ssl"] .section h2{font-size:25px;font-weight:650;letter-spacing:-.8px}
.public-content[data-public-page="ssl"] .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-bottom:1px solid #eee;padding-bottom:30px}
.public-content[data-public-page="ssl"] .step-num{font-size:10px;border:1px solid #ddd;border-radius:7px;display:inline-block;padding:4px 8px;color:#777;margin-bottom:12px}
.public-content[data-public-page="ssl"] .steps h3{font-size:13px;font-weight:600;margin-bottom:7px}
.public-content[data-public-page="ssl"] .steps p{font-size:12px;color:#888}
.public-content[data-public-page="ssl"] .seo{margin-top:34px;max-width:850px}
.public-content[data-public-page="ssl"] .seo details{padding:16px 0;border-bottom:1px solid #eee}
.public-content[data-public-page="ssl"] .seo summary{cursor:pointer;font-size:13px;font-weight:550}
.public-content[data-public-page="ssl"] .seo p{font-size:12px;color:#777;line-height:1.85;margin:12px 0 0}
.public-content[data-public-page="ssl"] .seo code{background:#f5f5f5;padding:2px 5px;border-radius:4px}
.public-content[data-public-page="ssl"] .toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:10px;background:#222;color:white;font-size:12px;z-index:100;max-width:90vw}
.public-content[data-public-page="ssl"] .toast[hidden]{display:none}
@media(max-width:950px){.public-content[data-public-page="ssl"] .workspace{grid-template-columns:minmax(0,1fr) 265px}
.public-content[data-public-page="ssl"] .wrap{padding-left:24px;padding-right:24px}
}
@media(max-width:760px){.public-content[data-public-page="ssl"] .wrap{padding:23px 20px 0}
.public-content[data-public-page="ssl"] .crumb{margin-bottom:25px}
.public-content[data-public-page="ssl"] .hero{display:block;margin-bottom:23px}
.public-content[data-public-page="ssl"] h1{font-size:36px;letter-spacing:-1.4px}
.public-content[data-public-page="ssl"] .free{display:inline-block;margin-top:7px}
.public-content[data-public-page="ssl"] .workspace{grid-template-columns:1fr}
.public-content[data-public-page="ssl"] .promo{margin-top:0}
.public-content[data-public-page="ssl"] .site-mini{display:none}
.public-content[data-public-page="ssl"] .steps{grid-template-columns:1fr;gap:20px}
.public-content[data-public-page="ssl"] .panel-top,.public-content[data-public-page="ssl"] .form-body,.public-content[data-public-page="ssl"] .result-body{padding:19px}
.public-content[data-public-page="ssl"] .panel-top small{display:none}
.public-content[data-public-page="ssl"] .notice{padding:14px 19px}
.public-content[data-public-page="ssl"] .summary{gap:7px}
.public-content[data-public-page="ssl"] .metric{padding:10px}
.public-content[data-public-page="ssl"] .metric strong{font-size:19px}
.public-content[data-public-page="ssl"] .validity-label{font-size:9px}
.public-content[data-public-page="ssl"] .check{font-size:11px}
.public-content[data-public-page="ssl"] .section{margin-top:30px}
.public-content[data-public-page="ssl"] .result-banner h2{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.public-content[data-public-page="ssl"]{scroll-behavior:auto}
}
.public-content[data-public-page="ssl"] .mepage-shell-top{position:sticky;top:0;z-index:20}
/* END PUBLIC PAGE ssl */
/* BEGIN PUBLIC PAGE utm */
.public-content[data-public-page="utm"]{--bg:#fff;--fg:#171717;--muted:#747474;--line:#e8e8e8;--soft:#f7f7f7;--green:#28794e;--green-bg:#edf6ef;--radius:18px;--shadow:0 4px 28px #00000004;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.public-content[data-public-page="utm"] *{box-sizing:border-box}
.public-content[data-public-page="utm"]{scroll-behavior:smooth;scroll-padding-top:96px}
.public-content[data-public-page="utm"]{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}
.public-content[data-public-page="utm"] button,.public-content[data-public-page="utm"] input,.public-content[data-public-page="utm"] textarea{font:inherit}
.public-content[data-public-page="utm"] button,.public-content[data-public-page="utm"] a,.public-content[data-public-page="utm"] input,.public-content[data-public-page="utm"] textarea,.public-content[data-public-page="utm"] summary{touch-action:manipulation}
.public-content[data-public-page="utm"] a{color:inherit;text-decoration:none}
.public-content[data-public-page="utm"] button{cursor:pointer}
.public-content[data-public-page="utm"] button:disabled{cursor:not-allowed;opacity:.42}
.public-content[data-public-page="utm"] button,.public-content[data-public-page="utm"] a,.public-content[data-public-page="utm"] input,.public-content[data-public-page="utm"] textarea,.public-content[data-public-page="utm"] summary{outline-offset:4px}
.public-content[data-public-page="utm"] button:focus-visible,.public-content[data-public-page="utm"] a:focus-visible,.public-content[data-public-page="utm"] input:focus-visible,.public-content[data-public-page="utm"] textarea:focus-visible,.public-content[data-public-page="utm"] summary:focus-visible{outline:2px solid #555}
.public-content[data-public-page="utm"] button{color:inherit}
.public-content[data-public-page="utm"] svg{width:19px;height:19px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.public-content[data-public-page="utm"] .container{max-width:1224px;margin:auto;padding:0 32px}
.public-content[data-public-page="utm"] .brand{display:inline-flex;gap:10px;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1.2px}
.public-content[data-public-page="utm"] .brand-mark{height:35px;width:35px;display:grid;place-items:center;background:#191919;color:white;border-radius:11px;box-shadow:0 3px 8px #0000000d}
.public-content[data-public-page="utm"] .brand-mark svg{width:23px;height:23px;stroke-width:1.8}
.public-content[data-public-page="utm"] .brand-dot{color:#8b8b8b}
.public-content[data-public-page="utm"] .btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 17px;border-radius:10px;border:1px solid #191919;background:#191919;color:#fff;font-size:13px;font-weight:600;transition:background .18s,transform .18s,box-shadow .18s}
.public-content[data-public-page="utm"] .btn:hover:not(:disabled){background:#343434;box-shadow:0 3px 9px #00000012;transform:translateY(-1px)}
.public-content[data-public-page="utm"] .btn-white{background:#fff;color:#252525;border-color:#dedede}
.public-content[data-public-page="utm"] .btn-white:hover:not(:disabled){background:#f5f5f5}
.public-content[data-public-page="utm"] .btn-small{padding:10px 15px}
.public-content[data-public-page="utm"] .breadcrumb{display:flex;align-items:center;gap:10px;color:#8a8a8a;font-size:12px;padding-top:28px}
.public-content[data-public-page="utm"] .breadcrumb svg{width:12px;height:12px}
.public-content[data-public-page="utm"] .breadcrumb span{color:#4b4b4b}
.public-content[data-public-page="utm"] .intro{padding:32px 0 28px}
.public-content[data-public-page="utm"] .eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:12px;font-size:11px;font-weight:650;letter-spacing:1.6px;text-transform:uppercase;color:#7b7b7b}
.public-content[data-public-page="utm"] .eyebrow-line{width:22px;height:1px;background:#aaa}
.public-content[data-public-page="utm"] h1{font-size:44px;line-height:1.12;letter-spacing:-2px;margin:0 0 14px;font-weight:720}
.public-content[data-public-page="utm"] .intro-row{display:flex;gap:24px;align-items:center;justify-content:space-between}
.public-content[data-public-page="utm"] .intro p{color:#777;font-size:15px;max-width:690px;margin:0;line-height:1.65}
.public-content[data-public-page="utm"] .free-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--green);background:var(--green-bg);font-size:12px;padding:7px 11px;border-radius:7px}
.public-content[data-public-page="utm"] .free-badge svg{width:14px;height:14px}
.public-content[data-public-page="utm"] .workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;align-items:start}
.public-content[data-public-page="utm"] .panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}
.public-content[data-public-page="utm"] .panel-heading{padding:21px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}
.public-content[data-public-page="utm"] .panel-title{display:flex;align-items:center;gap:11px;font-weight:650;font-size:15px}
.public-content[data-public-page="utm"] .step-num{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e2e2e2;border-radius:8px;color:#666;font:11px var(--font)}
.public-content[data-public-page="utm"] .panel-heading small{font-size:11px;color:#929292}
.public-content[data-public-page="utm"] .form-body{padding:22px 24px}
.public-content[data-public-page="utm"] .field{min-width:0}
.public-content[data-public-page="utm"] .field label{font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.public-content[data-public-page="utm"] .req{color:#999;margin-left:3px;font-size:12px}
.public-content[data-public-page="utm"] .field-code{font-size:10px;font-weight:400;color:#959595;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.public-content[data-public-page="utm"] .input{width:100%;border:1px solid #ddd;border-radius:9px;height:44px;padding:0 12px;background:#fff;color:#262626;font-size:13px;transition:border-color .18s,box-shadow .18s}
.public-content[data-public-page="utm"] .input::placeholder{color:#aaa}
.public-content[data-public-page="utm"] .input:focus{border-color:#777;box-shadow:0 0 0 3px #00000004;outline:none}
.public-content[data-public-page="utm"] .input[aria-invalid="true"]{border-color:#bc4747}
.public-content[data-public-page="utm"] .field-hint{font-size:11px;color:#999;margin:6px 0 0}
.public-content[data-public-page="utm"] .url-input{position:relative}
.public-content[data-public-page="utm"] .url-input .input{padding-left:38px}
.public-content[data-public-page="utm"] .url-input svg{position:absolute;left:12px;top:13px;width:17px;color:#909090}
.public-content[data-public-page="utm"] .presets{margin:20px 0 23px}
.public-content[data-public-page="utm"] .small-label{font-size:11px;color:#929292;margin:0 0 9px}
.public-content[data-public-page="utm"] .preset-list{display:flex;flex-wrap:wrap;gap:7px}
.public-content[data-public-page="utm"] .preset{border:1px solid #e7e7e7;background:#fff;border-radius:7px;padding:7px 11px;font-size:11px;display:flex;gap:6px;align-items:center;transition:.16s}
.public-content[data-public-page="utm"] .preset:hover{border-color:#999}
.public-content[data-public-page="utm"] .preset[aria-pressed="true"]{background:#f0f0f0;border-color:#a8a8a8;color:#111;box-shadow:inset 0 0 0 .5px #a8a8a8}
.public-content[data-public-page="utm"] .preset-icon{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;font-size:10px;font-weight:700}
.public-content[data-public-page="utm"] .ya{color:#d24b38;background:#fff0ec}
.public-content[data-public-page="utm"] .vk{color:#4c79c6;background:#eef3fc;font-size:8px}
.public-content[data-public-page="utm"] .tg{color:#3491b1;background:#eaf6fa}
.public-content[data-public-page="utm"] .email{color:#8067a5;background:#f3eff8}
.public-content[data-public-page="utm"] .preset-icon svg{width:11px;height:11px}
.public-content[data-public-page="utm"] .fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}
.public-content[data-public-page="utm"] .full{grid-column:1/-1}
.public-content[data-public-page="utm"] .options{padding-top:20px;margin-top:21px;border-top:1px solid #eee}
.public-content[data-public-page="utm"] .options summary{cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:space-between;list-style:none}
.public-content[data-public-page="utm"] .options summary::-webkit-details-marker{display:none}
.public-content[data-public-page="utm"] .options summary svg{width:14px;height:14px;transition:transform .18s}
.public-content[data-public-page="utm"] .options[open] summary svg{transform:rotate(180deg)}
.public-content[data-public-page="utm"] .options .fields{margin-top:16px}
.public-content[data-public-page="utm"] .form-foot{padding:15px 24px;background:#fafafa;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}
.public-content[data-public-page="utm"] .check-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;color:#777}
.public-content[data-public-page="utm"] .check-label input{accent-color:#222;margin:0;width:14px;height:14px}
.public-content[data-public-page="utm"] .text-btn{border:0;background:none;color:#777;font-size:11px;padding:4px;white-space:nowrap}
.public-content[data-public-page="utm"] .text-btn:hover{color:#111}
.public-content[data-public-page="utm"] .error{color:#ab3535;font-size:11px;min-height:0;margin-top:5px}
.public-content[data-public-page="utm"] .error:empty{display:none}
.public-content[data-public-page="utm"] .form-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#969696;margin:13px 0 0}
.public-content[data-public-page="utm"] .form-note svg{width:12px;height:12px}
.public-content[data-public-page="utm"] .result-column{display:grid;gap:20px}
.public-content[data-public-page="utm"] .result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.public-content[data-public-page="utm"] .result-heading h2{font-size:14px;font-weight:650;margin:0}
.public-content[data-public-page="utm"] .live{display:flex;align-items:center;gap:6px;color:#7e7e7e;font-size:10px}
.public-content[data-public-page="utm"] .live i{width:6px;height:6px;border-radius:50%;background:#68a57b;box-shadow:0 0 0 3px #68a57b12}
.public-content[data-public-page="utm"] .result-body{padding:23px}
.public-content[data-public-page="utm"] .result-url{width:100%;height:104px;padding:14px;border:1px solid #e7e7e7;border-radius:10px;background:#fafafa;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;resize:none;color:#444;overflow-wrap:anywhere;word-break:break-all}
.public-content[data-public-page="utm"] .result-url:focus{outline:1px solid #aaa}
.public-content[data-public-page="utm"] .result-actions{display:flex;gap:8px;margin:12px 0 18px}
.public-content[data-public-page="utm"] .result-actions .btn{flex:1;padding:11px;font-size:12px}
.public-content[data-public-page="utm"] .icon-btn{width:42px;display:grid;place-items:center;flex-shrink:0;background:#fff;border:1px solid #ddd;border-radius:9px;transition:.15s}
.public-content[data-public-page="utm"] .icon-btn:hover:not(:disabled){background:#f3f3f3}
.public-content[data-public-page="utm"] .icon-btn svg{width:17px;height:17px}
.public-content[data-public-page="utm"] .parameter-label{font-size:10px;color:#999;margin-bottom:9px}
.public-content[data-public-page="utm"] .parameter-list{display:flex;flex-wrap:wrap;gap:6px}
.public-content[data-public-page="utm"] .parameter{display:flex;gap:5px;max-width:100%;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;padding:5px 7px;border-radius:5px;overflow-wrap:anywhere}
.public-content[data-public-page="utm"] .parameter b{font-weight:500;opacity:.7}
.public-content[data-public-page="utm"] .source-tag{background:#eef3fb;color:#416694}
.public-content[data-public-page="utm"] .medium-tag{background:#f3eef9;color:#7a609c}
.public-content[data-public-page="utm"] .campaign-tag{background:#eef5ef;color:#507c58}
.public-content[data-public-page="utm"] .extra-tag{background:#f5f1e9;color:#8e7040}
.public-content[data-public-page="utm"] .result-bottom{padding:12px 23px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#999}
.public-content[data-public-page="utm"] .result-bottom button{font-size:10px;display:flex;gap:5px;align-items:center}
.public-content[data-public-page="utm"] .result-bottom svg{width:12px;height:12px}
.public-content[data-public-page="utm"] .promo{position:relative;border:1px solid #e4e4e4;border-radius:var(--radius);background:linear-gradient(135deg,#fcfcfc,#f1f1f1);padding:23px;overflow:hidden}
.public-content[data-public-page="utm"] .promo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.public-content[data-public-page="utm"] .promo-top .brand{font-size:17px;letter-spacing:-.7px;gap:7px}
.public-content[data-public-page="utm"] .promo-top .brand-mark{width:24px;height:24px;border-radius:7px}
.public-content[data-public-page="utm"] .promo-top .brand-mark svg{width:15px;height:15px}
.public-content[data-public-page="utm"] .promo-top small{font-size:9px;color:#999}
.public-content[data-public-page="utm"] .promo h2{font-size:24px;line-height:1.2;letter-spacing:-.8px;font-weight:680;margin:0 0 10px;max-width:290px}
.public-content[data-public-page="utm"] .promo p{font-size:12px;line-height:1.65;color:#7d7d7d;margin:0 0 17px}
.public-content[data-public-page="utm"] .promo .btn{width:100%;font-size:12px;background:white;color:#191919;border-color:#d8d8d8;justify-content:space-between}
.public-content[data-public-page="utm"] .promo .btn:hover{background:#f8f8f8}
.public-content[data-public-page="utm"] .promo-note{font-size:10px;color:#969696;text-align:center;margin-top:10px}
.public-content[data-public-page="utm"] .mini-browser{margin-top:18px;border:1px solid #dcdcdc;border-radius:10px 10px 0 0;background:#fff;height:112px;overflow:hidden;box-shadow:0 6px 14px #00000004}
.public-content[data-public-page="utm"] .mini-top{height:21px;display:flex;align-items:center;padding:0 9px;gap:3px;border-bottom:1px solid #eee;background:#fafafa}
.public-content[data-public-page="utm"] .mini-top i{width:4px;height:4px;background:#d7d7d7;border-radius:50%}
.public-content[data-public-page="utm"] .mini-address{height:10px;width:55%;margin-left:15px;border-radius:3px;background:#eee}
.public-content[data-public-page="utm"] .mini-site{padding:13px;display:flex;gap:15px;align-items:center}
.public-content[data-public-page="utm"] .mini-copy{flex:1}
.public-content[data-public-page="utm"] .mini-copy strong{font-size:12px;line-height:1.1;letter-spacing:-.3px;display:block;margin-bottom:7px}
.public-content[data-public-page="utm"] .mini-copy .skeleton{height:3px;background:#e7e7e7;width:85%;margin-top:4px}
.public-content[data-public-page="utm"] .mini-copy .mini-button{height:12px;width:46px;margin-top:9px;background:#222;border-radius:3px}
.public-content[data-public-page="utm"] .mini-art{width:68px;height:63px;border-radius:6px;background:#f2efe9;position:relative;overflow:hidden}
.public-content[data-public-page="utm"] .mini-art:before{content:"";position:absolute;width:42px;height:70px;border-radius:23px 23px 0 0;background:#c4cbb8;top:13px;left:14px;transform:rotate(18deg)}
.public-content[data-public-page="utm"] .mini-art:after{content:"";position:absolute;width:20px;height:35px;border-radius:12px 12px 0 0;background:#f2ebe0;top:34px;left:5px;transform:rotate(-14deg)}
.public-content[data-public-page="utm"] .below{padding:44px 0 0}
.public-content[data-public-page="utm"] .section-top{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:22px}
.public-content[data-public-page="utm"] .section-top h2{font-size:25px;letter-spacing:-.8px;margin:0;font-weight:650}
.public-content[data-public-page="utm"] .section-top p{font-size:12px;color:#909090;margin:0}
.public-content[data-public-page="utm"] .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:39px;border-bottom:1px solid var(--line)}
.public-content[data-public-page="utm"] .step{display:flex;gap:13px}
.public-content[data-public-page="utm"] .step-icon{border:1px solid #e9e9e9;border-radius:10px;display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;color:#777}
.public-content[data-public-page="utm"] .step h3{font-size:13px;margin:0 0 6px;font-weight:600}
.public-content[data-public-page="utm"] .step p{font-size:12px;color:#8a8a8a;line-height:1.7;margin:0}
.public-content[data-public-page="utm"] .guide-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:34px}
.public-content[data-public-page="utm"] .guide-grid h2{font-size:21px;font-weight:650;letter-spacing:-.6px;margin:0 0 17px}
.public-content[data-public-page="utm"] .guide-table{width:100%;border-collapse:collapse;font-size:12px}
.public-content[data-public-page="utm"] .guide-table tr+tr{border-top:1px solid #eee}
.public-content[data-public-page="utm"] .guide-table td{padding:10px 0;vertical-align:top}
.public-content[data-public-page="utm"] .guide-table td:first-child{width:130px}
.public-content[data-public-page="utm"] .guide-table code{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;background:#f5f5f5;padding:4px 6px;border-radius:4px}
.public-content[data-public-page="utm"] .guide-table td:nth-child(2){color:#888}
.public-content[data-public-page="utm"] .faq details{border-bottom:1px solid #eee;padding:13px 0}
.public-content[data-public-page="utm"] .faq details:first-of-type{padding-top:0}
.public-content[data-public-page="utm"] .faq summary{cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font-weight:550}
.public-content[data-public-page="utm"] .faq summary:after{content:"+";font-size:19px;font-weight:400;color:#aaa}
.public-content[data-public-page="utm"] .faq details[open] summary:after{content:"−"}
.public-content[data-public-page="utm"] .faq p{font-size:12px;line-height:1.8;color:#888;margin:11px 16px 0 0}
.public-content[data-public-page="utm"] .toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#242424;color:#fff;border:1px solid #454545;border-radius:11px;padding:12px 20px;font-size:12px;box-shadow:0 6px 20px #0000001a;opacity:0;transition:.2s;pointer-events:none;z-index:50;max-width:calc(100vw - 30px);text-align:center}
.public-content[data-public-page="utm"] .toast.show{opacity:1;transform:translate(-50%,0)}
.public-content[data-public-page="utm"] dialog{width:min(480px,calc(100% - 30px));border:1px solid #ddd;border-radius:18px;padding:26px;color:#222;box-shadow:0 20px 70px #0002}
.public-content[data-public-page="utm"] dialog::backdrop{background:#0005;backdrop-filter:blur(3px)}
.public-content[data-public-page="utm"] dialog h2{font-size:21px;letter-spacing:-.6px;margin:0 0 8px}
.public-content[data-public-page="utm"] dialog p{color:#888;font-size:12px;margin:0 0 20px}
.public-content[data-public-page="utm"] .dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.public-content[data-public-page="utm"] .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.public-content[data-public-page="utm"] .mobile-help{display:none}
@media(min-width:1350px){.public-content[data-public-page="utm"] .intro{padding-top:39px;padding-bottom:32px}
.public-content[data-public-page="utm"] .form-body{padding-top:25px;padding-bottom:25px}
.public-content[data-public-page="utm"] .fields{gap:20px 18px}
}
@media(max-width:1000px){.public-content[data-public-page="utm"] .container{padding:0 24px}
.public-content[data-public-page="utm"] .workspace{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.public-content[data-public-page="utm"] .form-body,.public-content[data-public-page="utm"] .panel-heading{padding-left:20px;padding-right:20px}
.public-content[data-public-page="utm"] .result-body,.public-content[data-public-page="utm"] .promo{padding:19px}
.public-content[data-public-page="utm"] .promo h2{font-size:22px}
.public-content[data-public-page="utm"] .preset{padding:7px 8px}
.public-content[data-public-page="utm"] .guide-grid{gap:35px}
}
@media(max-width:760px){.public-content[data-public-page="utm"] .container{padding:0 20px}
.public-content[data-public-page="utm"] .brand{font-size:23px}
.public-content[data-public-page="utm"] .brand-mark{width:31px;height:31px}
.public-content[data-public-page="utm"] .breadcrumb{padding-top:20px;font-size:10px}
.public-content[data-public-page="utm"] .intro{padding:25px 0 22px}
.public-content[data-public-page="utm"] .eyebrow{font-size:9px;margin-bottom:10px}
.public-content[data-public-page="utm"] h1{font-size:34px;letter-spacing:-1.5px}
.public-content[data-public-page="utm"] .intro-row{display:block}
.public-content[data-public-page="utm"] .intro p{font-size:13px;line-height:1.7}
.public-content[data-public-page="utm"] .free-badge{font-size:10px;margin-top:13px}
.public-content[data-public-page="utm"] .workspace{grid-template-columns:1fr}
.public-content[data-public-page="utm"] .panel-title{font-size:14px}
.public-content[data-public-page="utm"] .panel-heading{padding:17px 18px}
.public-content[data-public-page="utm"] .form-body{padding:19px 18px}
.public-content[data-public-page="utm"] .result-column{gap:18px}
.public-content[data-public-page="utm"] .promo{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;padding:21px}
.public-content[data-public-page="utm"] .promo-top{grid-column:1/-1;margin-bottom:15px}
.public-content[data-public-page="utm"] .promo h2{font-size:22px;grid-column:1/-1;max-width:100%}
.public-content[data-public-page="utm"] .promo p{grid-column:1/-1;margin-bottom:15px}
.public-content[data-public-page="utm"] .promo .btn{grid-column:1/-1}
.public-content[data-public-page="utm"] .promo-note{grid-column:1/-1}
.public-content[data-public-page="utm"] .mini-browser{display:none}
.public-content[data-public-page="utm"] .form-foot{padding:14px 18px}
.public-content[data-public-page="utm"] .below{padding-top:32px}
.public-content[data-public-page="utm"] .section-top{align-items:start;flex-direction:column;gap:6px;margin-bottom:20px}
.public-content[data-public-page="utm"] .section-top h2{font-size:23px}
.public-content[data-public-page="utm"] .steps{grid-template-columns:1fr;gap:22px;padding-bottom:29px}
.public-content[data-public-page="utm"] .step p{max-width:450px}
.public-content[data-public-page="utm"] .guide-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}
.public-content[data-public-page="utm"] .panel-heading small{font-size:10px}
.public-content[data-public-page="utm"] .result-url{height:93px}
.public-content[data-public-page="utm"] .mobile-help{display:inline}
}
@media(max-width:380px){.public-content[data-public-page="utm"] .container{padding:0 14px}
.public-content[data-public-page="utm"] h1{font-size:30px}
.public-content[data-public-page="utm"] .fields{grid-template-columns:1fr}
.public-content[data-public-page="utm"] .full{grid-column:auto}
.public-content[data-public-page="utm"] .field-code{font-size:9px}
.public-content[data-public-page="utm"] .form-foot{gap:10px}
.public-content[data-public-page="utm"] .check-label{font-size:10px}
.public-content[data-public-page="utm"] .preset-list{gap:5px}
.public-content[data-public-page="utm"] .preset{font-size:10px}
.public-content[data-public-page="utm"] .panel-heading small{display:none}
}
@media(prefers-reduced-motion:reduce){.public-content[data-public-page="utm"]{scroll-behavior:auto}
.public-content[data-public-page="utm"] *,.public-content[data-public-page="utm"] *:before,.public-content[data-public-page="utm"] *:after{transition:none!important;animation:none!important}
}
.public-content[data-public-page="utm"] .field-hint,.public-content[data-public-page="utm"] .small-label,.public-content[data-public-page="utm"] .panel-heading small,.public-content[data-public-page="utm"] .form-note,.public-content[data-public-page="utm"] .parameter-label,.public-content[data-public-page="utm"] .result-bottom,.public-content[data-public-page="utm"] .promo-note,.public-content[data-public-page="utm"] .promo-top small,.public-content[data-public-page="utm"] .section-top p,.public-content[data-public-page="utm"] .step p,.public-content[data-public-page="utm"] .guide-table td:nth-child(2),.public-content[data-public-page="utm"] .faq p{color:#737373}
.public-content[data-public-page="utm"] .seo-guide{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}
.public-content[data-public-page="utm"] .seo-guide>h2{font-size:26px;line-height:1.25;letter-spacing:-.7px;margin:0 0 10px}
.public-content[data-public-page="utm"] .seo-intro{color:#737373;max-width:760px;margin:0 0 24px;line-height:1.75}
.public-content[data-public-page="utm"] .seo-item{border-bottom:1px solid var(--line)}
.public-content[data-public-page="utm"] .seo-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;padding:21px 0}
.public-content[data-public-page="utm"] .seo-item summary::-webkit-details-marker{display:none}
.public-content[data-public-page="utm"] .seo-item summary::after{content:'+';font-size:24px;font-weight:400;color:#737373;flex:0 0 24px;text-align:center}
.public-content[data-public-page="utm"] .seo-item[open] summary::after{content:'−'}
.public-content[data-public-page="utm"] .seo-item summary h3{margin:0;font-size:16px;font-weight:600;line-height:1.5}
.public-content[data-public-page="utm"] .seo-copy{max-width:900px;padding:0 0 24px;color:#555;line-height:1.85;font-size:14px;overflow-wrap:anywhere}
.public-content[data-public-page="utm"] .seo-copy p{margin:0 0 14px}
.public-content[data-public-page="utm"] .seo-copy p:last-child{margin-bottom:0}
.public-content[data-public-page="utm"] .seo-copy ul,.public-content[data-public-page="utm"] .seo-copy ol{padding-left:22px;margin:0 0 16px}
.public-content[data-public-page="utm"] .seo-copy li+li{margin-top:8px}
.public-content[data-public-page="utm"] .seo-copy code{font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f4f4f4;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
.public-content[data-public-page="utm"] .seo-example{display:block;padding:15px!important;border:1px solid var(--line);border-radius:9px;white-space:normal;margin:12px 0 16px}
.public-content[data-public-page="utm"] .seo-copy a{text-decoration:underline;text-underline-offset:3px;color:#222}
.public-content[data-public-page="utm"] .seo-table-wrap{overflow-x:auto;margin:14px 0 18px}
.public-content[data-public-page="utm"] .seo-table{border-collapse:collapse;width:100%;min-width:500px;font-size:13px}
.public-content[data-public-page="utm"] .seo-table th,.public-content[data-public-page="utm"] .seo-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.public-content[data-public-page="utm"] .seo-table th{background:#f8f8f8;color:#333;font-weight:600}
.public-content[data-public-page="utm"] .seo-note{border-left:2px solid #aaa;padding:10px 16px;background:#fafafa;border-radius:0 7px 7px 0}
@media(max-width:760px){.public-content[data-public-page="utm"] .seo-guide{margin-top:32px;padding-top:26px}
.public-content[data-public-page="utm"] .seo-guide>h2{font-size:23px}
.public-content[data-public-page="utm"] .seo-item summary{padding:18px 0}
.public-content[data-public-page="utm"] .seo-item summary h3{font-size:14px}
.public-content[data-public-page="utm"] .seo-copy{font-size:13px}
.public-content[data-public-page="utm"] .seo-intro{font-size:13px}
}
/* END PUBLIC PAGE utm */
/* BEGIN PUBLIC PAGE wheel */
.public-content[data-public-page="wheel"]{--bg:#fff;--fg:#171717;--muted:#747474;--line:#e8e8e8;--soft:#f7f7f7;--green:#28794e;--green-bg:#edf6ef;--radius:18px;--shadow:0 4px 28px #00000004;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.public-content[data-public-page="wheel"] *{box-sizing:border-box}
.public-content[data-public-page="wheel"]{scroll-behavior:smooth;scroll-padding-top:96px}
.public-content[data-public-page="wheel"]{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}
.public-content[data-public-page="wheel"] button,.public-content[data-public-page="wheel"] input,.public-content[data-public-page="wheel"] textarea{font:inherit}
.public-content[data-public-page="wheel"] button,.public-content[data-public-page="wheel"] a,.public-content[data-public-page="wheel"] input,.public-content[data-public-page="wheel"] textarea,.public-content[data-public-page="wheel"] summary{touch-action:manipulation}
.public-content[data-public-page="wheel"] a{color:inherit;text-decoration:none}
.public-content[data-public-page="wheel"] button{cursor:pointer}
.public-content[data-public-page="wheel"] button:disabled{cursor:not-allowed;opacity:.42}
.public-content[data-public-page="wheel"] button,.public-content[data-public-page="wheel"] a,.public-content[data-public-page="wheel"] input,.public-content[data-public-page="wheel"] textarea,.public-content[data-public-page="wheel"] summary{outline-offset:4px}
.public-content[data-public-page="wheel"] button:focus-visible,.public-content[data-public-page="wheel"] a:focus-visible,.public-content[data-public-page="wheel"] input:focus-visible,.public-content[data-public-page="wheel"] textarea:focus-visible,.public-content[data-public-page="wheel"] summary:focus-visible{outline:2px solid #555}
.public-content[data-public-page="wheel"] button{color:inherit}
.public-content[data-public-page="wheel"] svg{width:19px;height:19px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.public-content[data-public-page="wheel"] .container{max-width:1224px;margin:auto;padding:0 32px}
.public-content[data-public-page="wheel"] .brand{display:inline-flex;gap:10px;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1.2px}
.public-content[data-public-page="wheel"] .brand-mark{height:35px;width:35px;display:grid;place-items:center;background:#191919;color:white;border-radius:11px;box-shadow:0 3px 8px #0000000d}
.public-content[data-public-page="wheel"] .brand-mark svg{width:23px;height:23px;stroke-width:1.8}
.public-content[data-public-page="wheel"] .brand-dot{color:#8b8b8b}
.public-content[data-public-page="wheel"] .btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 17px;border-radius:10px;border:1px solid #191919;background:#191919;color:#fff;font-size:13px;font-weight:600;transition:background .18s,transform .18s,box-shadow .18s}
.public-content[data-public-page="wheel"] .btn:hover:not(:disabled){background:#343434;box-shadow:0 3px 9px #00000012;transform:translateY(-1px)}
.public-content[data-public-page="wheel"] .btn-white{background:#fff;color:#252525;border-color:#dedede}
.public-content[data-public-page="wheel"] .btn-white:hover:not(:disabled){background:#f5f5f5}
.public-content[data-public-page="wheel"] .btn-small{padding:10px 15px}
.public-content[data-public-page="wheel"] .breadcrumb{display:flex;align-items:center;gap:10px;color:#8a8a8a;font-size:12px;padding-top:28px}
.public-content[data-public-page="wheel"] .breadcrumb svg{width:12px;height:12px}
.public-content[data-public-page="wheel"] .breadcrumb span{color:#4b4b4b}
.public-content[data-public-page="wheel"] .intro{padding:32px 0 28px}
.public-content[data-public-page="wheel"] .eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:12px;font-size:11px;font-weight:650;letter-spacing:1.6px;text-transform:uppercase;color:#7b7b7b}
.public-content[data-public-page="wheel"] .eyebrow-line{width:22px;height:1px;background:#aaa}
.public-content[data-public-page="wheel"] h1{font-size:44px;line-height:1.12;letter-spacing:-2px;margin:0 0 14px;font-weight:720}
.public-content[data-public-page="wheel"] .intro-row{display:flex;gap:24px;align-items:center;justify-content:space-between}
.public-content[data-public-page="wheel"] .intro p{color:#777;font-size:15px;max-width:690px;margin:0;line-height:1.65}
.public-content[data-public-page="wheel"] .free-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--green);background:var(--green-bg);font-size:12px;padding:7px 11px;border-radius:7px}
.public-content[data-public-page="wheel"] .free-badge svg{width:14px;height:14px}
.public-content[data-public-page="wheel"] .workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;align-items:start}
.public-content[data-public-page="wheel"] .panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}
.public-content[data-public-page="wheel"] .panel-heading{padding:21px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}
.public-content[data-public-page="wheel"] .panel-title{display:flex;align-items:center;gap:11px;font-weight:650;font-size:15px}
.public-content[data-public-page="wheel"] .step-num{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e2e2e2;border-radius:8px;color:#666;font:11px var(--font)}
.public-content[data-public-page="wheel"] .panel-heading small{font-size:11px;color:#929292}
.public-content[data-public-page="wheel"] .form-body{padding:22px 24px}
.public-content[data-public-page="wheel"] .field{min-width:0}
.public-content[data-public-page="wheel"] .field label{font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.public-content[data-public-page="wheel"] .req{color:#999;margin-left:3px;font-size:12px}
.public-content[data-public-page="wheel"] .field-code{font-size:10px;font-weight:400;color:#959595;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.public-content[data-public-page="wheel"] .input{width:100%;border:1px solid #ddd;border-radius:9px;height:44px;padding:0 12px;background:#fff;color:#262626;font-size:13px;transition:border-color .18s,box-shadow .18s}
.public-content[data-public-page="wheel"] .input::placeholder{color:#aaa}
.public-content[data-public-page="wheel"] .input:focus{border-color:#777;box-shadow:0 0 0 3px #00000004;outline:none}
.public-content[data-public-page="wheel"] .input[aria-invalid="true"]{border-color:#bc4747}
.public-content[data-public-page="wheel"] .field-hint{font-size:11px;color:#999;margin:6px 0 0}
.public-content[data-public-page="wheel"] .url-input{position:relative}
.public-content[data-public-page="wheel"] .url-input .input{padding-left:38px}
.public-content[data-public-page="wheel"] .url-input svg{position:absolute;left:12px;top:13px;width:17px;color:#909090}
.public-content[data-public-page="wheel"] .presets{margin:20px 0 23px}
.public-content[data-public-page="wheel"] .small-label{font-size:11px;color:#929292;margin:0 0 9px}
.public-content[data-public-page="wheel"] .preset-list{display:flex;flex-wrap:wrap;gap:7px}
.public-content[data-public-page="wheel"] .preset{border:1px solid #e7e7e7;background:#fff;border-radius:7px;padding:7px 11px;font-size:11px;display:flex;gap:6px;align-items:center;transition:.16s}
.public-content[data-public-page="wheel"] .preset:hover{border-color:#999}
.public-content[data-public-page="wheel"] .preset[aria-pressed="true"]{background:#f0f0f0;border-color:#a8a8a8;color:#111;box-shadow:inset 0 0 0 .5px #a8a8a8}
.public-content[data-public-page="wheel"] .preset-icon{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;font-size:10px;font-weight:700}
.public-content[data-public-page="wheel"] .ya{color:#d24b38;background:#fff0ec}
.public-content[data-public-page="wheel"] .vk{color:#4c79c6;background:#eef3fc;font-size:8px}
.public-content[data-public-page="wheel"] .tg{color:#3491b1;background:#eaf6fa}
.public-content[data-public-page="wheel"] .email{color:#8067a5;background:#f3eff8}
.public-content[data-public-page="wheel"] .preset-icon svg{width:11px;height:11px}
.public-content[data-public-page="wheel"] .fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}
.public-content[data-public-page="wheel"] .full{grid-column:1/-1}
.public-content[data-public-page="wheel"] .options{padding-top:20px;margin-top:21px;border-top:1px solid #eee}
.public-content[data-public-page="wheel"] .options summary{cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:space-between;list-style:none}
.public-content[data-public-page="wheel"] .options summary::-webkit-details-marker{display:none}
.public-content[data-public-page="wheel"] .options summary svg{width:14px;height:14px;transition:transform .18s}
.public-content[data-public-page="wheel"] .options[open] summary svg{transform:rotate(180deg)}
.public-content[data-public-page="wheel"] .options .fields{margin-top:16px}
.public-content[data-public-page="wheel"] .form-foot{padding:15px 24px;background:#fafafa;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}
.public-content[data-public-page="wheel"] .check-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;color:#777}
.public-content[data-public-page="wheel"] .check-label input{accent-color:#222;margin:0;width:14px;height:14px}
.public-content[data-public-page="wheel"] .text-btn{border:0;background:none;color:#777;font-size:11px;padding:4px;white-space:nowrap}
.public-content[data-public-page="wheel"] .text-btn:hover{color:#111}
.public-content[data-public-page="wheel"] .error{color:#ab3535;font-size:11px;min-height:0;margin-top:5px}
.public-content[data-public-page="wheel"] .error:empty{display:none}
.public-content[data-public-page="wheel"] .form-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#969696;margin:13px 0 0}
.public-content[data-public-page="wheel"] .form-note svg{width:12px;height:12px}
.public-content[data-public-page="wheel"] .result-column{display:grid;gap:20px}
.public-content[data-public-page="wheel"] .result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.public-content[data-public-page="wheel"] .result-heading h2{font-size:14px;font-weight:650;margin:0}
.public-content[data-public-page="wheel"] .live{display:flex;align-items:center;gap:6px;color:#7e7e7e;font-size:10px}
.public-content[data-public-page="wheel"] .live i{width:6px;height:6px;border-radius:50%;background:#68a57b;box-shadow:0 0 0 3px #68a57b12}
.public-content[data-public-page="wheel"] .result-body{padding:23px}
.public-content[data-public-page="wheel"] .result-url{width:100%;height:104px;padding:14px;border:1px solid #e7e7e7;border-radius:10px;background:#fafafa;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;resize:none;color:#444;overflow-wrap:anywhere;word-break:break-all}
.public-content[data-public-page="wheel"] .result-url:focus{outline:1px solid #aaa}
.public-content[data-public-page="wheel"] .result-actions{display:flex;gap:8px;margin:12px 0 18px}
.public-content[data-public-page="wheel"] .result-actions .btn{flex:1;padding:11px;font-size:12px}
.public-content[data-public-page="wheel"] .icon-btn{width:42px;display:grid;place-items:center;flex-shrink:0;background:#fff;border:1px solid #ddd;border-radius:9px;transition:.15s}
.public-content[data-public-page="wheel"] .icon-btn:hover:not(:disabled){background:#f3f3f3}
.public-content[data-public-page="wheel"] .icon-btn svg{width:17px;height:17px}
.public-content[data-public-page="wheel"] .parameter-label{font-size:10px;color:#999;margin-bottom:9px}
.public-content[data-public-page="wheel"] .parameter-list{display:flex;flex-wrap:wrap;gap:6px}
.public-content[data-public-page="wheel"] .parameter{display:flex;gap:5px;max-width:100%;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;padding:5px 7px;border-radius:5px;overflow-wrap:anywhere}
.public-content[data-public-page="wheel"] .parameter b{font-weight:500;opacity:.7}
.public-content[data-public-page="wheel"] .source-tag{background:#eef3fb;color:#416694}
.public-content[data-public-page="wheel"] .medium-tag{background:#f3eef9;color:#7a609c}
.public-content[data-public-page="wheel"] .campaign-tag{background:#eef5ef;color:#507c58}
.public-content[data-public-page="wheel"] .extra-tag{background:#f5f1e9;color:#8e7040}
.public-content[data-public-page="wheel"] .result-bottom{padding:12px 23px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#999}
.public-content[data-public-page="wheel"] .result-bottom button{font-size:10px;display:flex;gap:5px;align-items:center}
.public-content[data-public-page="wheel"] .result-bottom svg{width:12px;height:12px}
.public-content[data-public-page="wheel"] .promo{position:relative;border:1px solid #e4e4e4;border-radius:var(--radius);background:linear-gradient(135deg,#fcfcfc,#f1f1f1);padding:23px;overflow:hidden}
.public-content[data-public-page="wheel"] .promo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.public-content[data-public-page="wheel"] .promo-top .brand{font-size:17px;letter-spacing:-.7px;gap:7px}
.public-content[data-public-page="wheel"] .promo-top .brand-mark{width:24px;height:24px;border-radius:7px}
.public-content[data-public-page="wheel"] .promo-top .brand-mark svg{width:15px;height:15px}
.public-content[data-public-page="wheel"] .promo-top small{font-size:9px;color:#999}
.public-content[data-public-page="wheel"] .promo h2{font-size:24px;line-height:1.2;letter-spacing:-.8px;font-weight:680;margin:0 0 10px;max-width:290px}
.public-content[data-public-page="wheel"] .promo p{font-size:12px;line-height:1.65;color:#7d7d7d;margin:0 0 17px}
.public-content[data-public-page="wheel"] .promo .btn{width:100%;font-size:12px;background:white;color:#191919;border-color:#d8d8d8;justify-content:space-between}
.public-content[data-public-page="wheel"] .promo .btn:hover{background:#f8f8f8}
.public-content[data-public-page="wheel"] .promo-note{font-size:10px;color:#969696;text-align:center;margin-top:10px}
.public-content[data-public-page="wheel"] .mini-browser{margin-top:18px;border:1px solid #dcdcdc;border-radius:10px 10px 0 0;background:#fff;height:112px;overflow:hidden;box-shadow:0 6px 14px #00000004}
.public-content[data-public-page="wheel"] .mini-top{height:21px;display:flex;align-items:center;padding:0 9px;gap:3px;border-bottom:1px solid #eee;background:#fafafa}
.public-content[data-public-page="wheel"] .mini-top i{width:4px;height:4px;background:#d7d7d7;border-radius:50%}
.public-content[data-public-page="wheel"] .mini-address{height:10px;width:55%;margin-left:15px;border-radius:3px;background:#eee}
.public-content[data-public-page="wheel"] .mini-site{padding:13px;display:flex;gap:15px;align-items:center}
.public-content[data-public-page="wheel"] .mini-copy{flex:1}
.public-content[data-public-page="wheel"] .mini-copy strong{font-size:12px;line-height:1.1;letter-spacing:-.3px;display:block;margin-bottom:7px}
.public-content[data-public-page="wheel"] .mini-copy .skeleton{height:3px;background:#e7e7e7;width:85%;margin-top:4px}
.public-content[data-public-page="wheel"] .mini-copy .mini-button{height:12px;width:46px;margin-top:9px;background:#222;border-radius:3px}
.public-content[data-public-page="wheel"] .mini-art{width:68px;height:63px;border-radius:6px;background:#f2efe9;position:relative;overflow:hidden}
.public-content[data-public-page="wheel"] .mini-art:before{content:"";position:absolute;width:42px;height:70px;border-radius:23px 23px 0 0;background:#c4cbb8;top:13px;left:14px;transform:rotate(18deg)}
.public-content[data-public-page="wheel"] .mini-art:after{content:"";position:absolute;width:20px;height:35px;border-radius:12px 12px 0 0;background:#f2ebe0;top:34px;left:5px;transform:rotate(-14deg)}
.public-content[data-public-page="wheel"] .below{padding:44px 0 0}
.public-content[data-public-page="wheel"] .section-top{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:22px}
.public-content[data-public-page="wheel"] .section-top h2{font-size:25px;letter-spacing:-.8px;margin:0;font-weight:650}
.public-content[data-public-page="wheel"] .section-top p{font-size:12px;color:#909090;margin:0}
.public-content[data-public-page="wheel"] .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:39px;border-bottom:1px solid var(--line)}
.public-content[data-public-page="wheel"] .step{display:flex;gap:13px}
.public-content[data-public-page="wheel"] .step-icon{border:1px solid #e9e9e9;border-radius:10px;display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;color:#777}
.public-content[data-public-page="wheel"] .step h3{font-size:13px;margin:0 0 6px;font-weight:600}
.public-content[data-public-page="wheel"] .step p{font-size:12px;color:#8a8a8a;line-height:1.7;margin:0}
.public-content[data-public-page="wheel"] .guide-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:34px}
.public-content[data-public-page="wheel"] .guide-grid h2{font-size:21px;font-weight:650;letter-spacing:-.6px;margin:0 0 17px}
.public-content[data-public-page="wheel"] .guide-table{width:100%;border-collapse:collapse;font-size:12px}
.public-content[data-public-page="wheel"] .guide-table tr+tr{border-top:1px solid #eee}
.public-content[data-public-page="wheel"] .guide-table td{padding:10px 0;vertical-align:top}
.public-content[data-public-page="wheel"] .guide-table td:first-child{width:130px}
.public-content[data-public-page="wheel"] .guide-table code{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;background:#f5f5f5;padding:4px 6px;border-radius:4px}
.public-content[data-public-page="wheel"] .guide-table td:nth-child(2){color:#888}
.public-content[data-public-page="wheel"] .faq details{border-bottom:1px solid #eee;padding:13px 0}
.public-content[data-public-page="wheel"] .faq details:first-of-type{padding-top:0}
.public-content[data-public-page="wheel"] .faq summary{cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font-weight:550}
.public-content[data-public-page="wheel"] .faq summary:after{content:"+";font-size:19px;font-weight:400;color:#aaa}
.public-content[data-public-page="wheel"] .faq details[open] summary:after{content:"−"}
.public-content[data-public-page="wheel"] .faq p{font-size:12px;line-height:1.8;color:#888;margin:11px 16px 0 0}
.public-content[data-public-page="wheel"] .toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#242424;color:#fff;border:1px solid #454545;border-radius:11px;padding:12px 20px;font-size:12px;box-shadow:0 6px 20px #0000001a;opacity:0;transition:.2s;pointer-events:none;z-index:50;max-width:calc(100vw - 30px);text-align:center}
.public-content[data-public-page="wheel"] .toast.show{opacity:1;transform:translate(-50%,0)}
.public-content[data-public-page="wheel"] dialog{width:min(480px,calc(100% - 30px));border:1px solid #ddd;border-radius:18px;padding:26px;color:#222;box-shadow:0 20px 70px #0002}
.public-content[data-public-page="wheel"] dialog::backdrop{background:#0005;backdrop-filter:blur(3px)}
.public-content[data-public-page="wheel"] dialog h2{font-size:21px;letter-spacing:-.6px;margin:0 0 8px}
.public-content[data-public-page="wheel"] dialog p{color:#888;font-size:12px;margin:0 0 20px}
.public-content[data-public-page="wheel"] .dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.public-content[data-public-page="wheel"] .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.public-content[data-public-page="wheel"] .mobile-help{display:none}
@media(min-width:1350px){.public-content[data-public-page="wheel"] .intro{padding-top:39px;padding-bottom:32px}
.public-content[data-public-page="wheel"] .form-body{padding-top:25px;padding-bottom:25px}
.public-content[data-public-page="wheel"] .fields{gap:20px 18px}
}
@media(max-width:1000px){.public-content[data-public-page="wheel"] .container{padding:0 24px}
.public-content[data-public-page="wheel"] .workspace{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.public-content[data-public-page="wheel"] .form-body,.public-content[data-public-page="wheel"] .panel-heading{padding-left:20px;padding-right:20px}
.public-content[data-public-page="wheel"] .result-body,.public-content[data-public-page="wheel"] .promo{padding:19px}
.public-content[data-public-page="wheel"] .promo h2{font-size:22px}
.public-content[data-public-page="wheel"] .preset{padding:7px 8px}
.public-content[data-public-page="wheel"] .guide-grid{gap:35px}
}
@media(max-width:760px){.public-content[data-public-page="wheel"] .container{padding:0 20px}
.public-content[data-public-page="wheel"] .brand{font-size:23px}
.public-content[data-public-page="wheel"] .brand-mark{width:31px;height:31px}
.public-content[data-public-page="wheel"] .breadcrumb{padding-top:20px;font-size:10px}
.public-content[data-public-page="wheel"] .intro{padding:25px 0 22px}
.public-content[data-public-page="wheel"] .eyebrow{font-size:9px;margin-bottom:10px}
.public-content[data-public-page="wheel"] h1{font-size:34px;letter-spacing:-1.5px}
.public-content[data-public-page="wheel"] .intro-row{display:block}
.public-content[data-public-page="wheel"] .intro p{font-size:13px;line-height:1.7}
.public-content[data-public-page="wheel"] .free-badge{font-size:10px;margin-top:13px}
.public-content[data-public-page="wheel"] .workspace{grid-template-columns:1fr}
.public-content[data-public-page="wheel"] .panel-title{font-size:14px}
.public-content[data-public-page="wheel"] .panel-heading{padding:17px 18px}
.public-content[data-public-page="wheel"] .form-body{padding:19px 18px}
.public-content[data-public-page="wheel"] .result-column{gap:18px}
.public-content[data-public-page="wheel"] .promo{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;padding:21px}
.public-content[data-public-page="wheel"] .promo-top{grid-column:1/-1;margin-bottom:15px}
.public-content[data-public-page="wheel"] .promo h2{font-size:22px;grid-column:1/-1;max-width:100%}
.public-content[data-public-page="wheel"] .promo p{grid-column:1/-1;margin-bottom:15px}
.public-content[data-public-page="wheel"] .promo .btn{grid-column:1/-1}
.public-content[data-public-page="wheel"] .promo-note{grid-column:1/-1}
.public-content[data-public-page="wheel"] .mini-browser{display:none}
.public-content[data-public-page="wheel"] .form-foot{padding:14px 18px}
.public-content[data-public-page="wheel"] .below{padding-top:32px}
.public-content[data-public-page="wheel"] .section-top{align-items:start;flex-direction:column;gap:6px;margin-bottom:20px}
.public-content[data-public-page="wheel"] .section-top h2{font-size:23px}
.public-content[data-public-page="wheel"] .steps{grid-template-columns:1fr;gap:22px;padding-bottom:29px}
.public-content[data-public-page="wheel"] .step p{max-width:450px}
.public-content[data-public-page="wheel"] .guide-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}
.public-content[data-public-page="wheel"] .panel-heading small{font-size:10px}
.public-content[data-public-page="wheel"] .result-url{height:93px}
.public-content[data-public-page="wheel"] .mobile-help{display:inline}
}
@media(max-width:380px){.public-content[data-public-page="wheel"] .container{padding:0 14px}
.public-content[data-public-page="wheel"] h1{font-size:30px}
.public-content[data-public-page="wheel"] .fields{grid-template-columns:1fr}
.public-content[data-public-page="wheel"] .full{grid-column:auto}
.public-content[data-public-page="wheel"] .field-code{font-size:9px}
.public-content[data-public-page="wheel"] .form-foot{gap:10px}
.public-content[data-public-page="wheel"] .check-label{font-size:10px}
.public-content[data-public-page="wheel"] .preset-list{gap:5px}
.public-content[data-public-page="wheel"] .preset{font-size:10px}
.public-content[data-public-page="wheel"] .panel-heading small{display:none}
}
@media(prefers-reduced-motion:reduce){.public-content[data-public-page="wheel"]{scroll-behavior:auto}
.public-content[data-public-page="wheel"] *,.public-content[data-public-page="wheel"] *:before,.public-content[data-public-page="wheel"] *:after{transition:none!important;animation:none!important}
}
.public-content[data-public-page="wheel"] .field-hint,.public-content[data-public-page="wheel"] .small-label,.public-content[data-public-page="wheel"] .panel-heading small,.public-content[data-public-page="wheel"] .form-note,.public-content[data-public-page="wheel"] .parameter-label,.public-content[data-public-page="wheel"] .result-bottom,.public-content[data-public-page="wheel"] .promo-note,.public-content[data-public-page="wheel"] .promo-top small,.public-content[data-public-page="wheel"] .section-top p,.public-content[data-public-page="wheel"] .step p,.public-content[data-public-page="wheel"] .guide-table td:nth-child(2),.public-content[data-public-page="wheel"] .faq p{color:#737373}
.public-content[data-public-page="wheel"] .seo-guide{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}
.public-content[data-public-page="wheel"] .seo-guide>h2{font-size:26px;line-height:1.25;letter-spacing:-.7px;margin:0 0 10px}
.public-content[data-public-page="wheel"] .seo-intro{color:#737373;max-width:760px;margin:0 0 24px;line-height:1.75}
.public-content[data-public-page="wheel"] .seo-item{border-bottom:1px solid var(--line)}
.public-content[data-public-page="wheel"] .seo-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;padding:21px 0}
.public-content[data-public-page="wheel"] .seo-item summary::-webkit-details-marker{display:none}
.public-content[data-public-page="wheel"] .seo-item summary::after{content:'+';font-size:24px;font-weight:400;color:#737373;flex:0 0 24px;text-align:center}
.public-content[data-public-page="wheel"] .seo-item[open] summary::after{content:'−'}
.public-content[data-public-page="wheel"] .seo-item summary h3{margin:0;font-size:16px;font-weight:600;line-height:1.5}
.public-content[data-public-page="wheel"] .seo-copy{max-width:900px;padding:0 0 24px;color:#555;line-height:1.85;font-size:14px;overflow-wrap:anywhere}
.public-content[data-public-page="wheel"] .seo-copy p{margin:0 0 14px}
.public-content[data-public-page="wheel"] .seo-copy p:last-child{margin-bottom:0}
.public-content[data-public-page="wheel"] .seo-copy ul,.public-content[data-public-page="wheel"] .seo-copy ol{padding-left:22px;margin:0 0 16px}
.public-content[data-public-page="wheel"] .seo-copy li+li{margin-top:8px}
.public-content[data-public-page="wheel"] .seo-copy code{font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f4f4f4;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
.public-content[data-public-page="wheel"] .seo-example{display:block;padding:15px!important;border:1px solid var(--line);border-radius:9px;white-space:normal;margin:12px 0 16px}
.public-content[data-public-page="wheel"] .seo-copy a{text-decoration:underline;text-underline-offset:3px;color:#222}
.public-content[data-public-page="wheel"] .seo-table-wrap{overflow-x:auto;margin:14px 0 18px}
.public-content[data-public-page="wheel"] .seo-table{border-collapse:collapse;width:100%;min-width:500px;font-size:13px}
.public-content[data-public-page="wheel"] .seo-table th,.public-content[data-public-page="wheel"] .seo-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.public-content[data-public-page="wheel"] .seo-table th{background:#f8f8f8;color:#333;font-weight:600}
.public-content[data-public-page="wheel"] .seo-note{border-left:2px solid #aaa;padding:10px 16px;background:#fafafa;border-radius:0 7px 7px 0}
@media(max-width:760px){.public-content[data-public-page="wheel"] .seo-guide{margin-top:32px;padding-top:26px}
.public-content[data-public-page="wheel"] .seo-guide>h2{font-size:23px}
.public-content[data-public-page="wheel"] .seo-item summary{padding:18px 0}
.public-content[data-public-page="wheel"] .seo-item summary h3{font-size:14px}
.public-content[data-public-page="wheel"] .seo-copy{font-size:13px}
.public-content[data-public-page="wheel"] .seo-intro{font-size:13px}
}
.public-content[data-public-page="wheel"] .wheel-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,1.13fr);gap:24px;align-items:start}
.public-content[data-public-page="wheel"] .wheel-panel{padding:24px;text-align:center}
.public-content[data-public-page="wheel"] .wheel-panel h2{font-size:14px;margin:0 0 18px;text-align:left}
.public-content[data-public-page="wheel"] .color-wheel{position:relative;width:min(100%,300px);aspect-ratio:1;margin:0 auto;border-radius:50%;background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);touch-action:none;cursor:crosshair;box-shadow:inset 0 0 0 1px #00000008}
.public-content[data-public-page="wheel"] .wheel-inner{position:absolute;inset:22%;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;pointer-events:none}
.public-content[data-public-page="wheel"] .wheel-center-color{width:59px;height:59px;border-radius:50%;background:#7563d8;border:1px solid #0000000a}
.public-content[data-public-page="wheel"] .wheel-inner strong{font-size:13px;letter-spacing:.3px;font-family:ui-monospace,monospace}
.public-content[data-public-page="wheel"] .wheel-inner small{font-size:10px;color:#737373}
.public-content[data-public-page="wheel"] .wheel-marker{position:absolute;width:17px;height:17px;border:3px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0005,0 2px 5px #0002;pointer-events:none}
.public-content[data-public-page="wheel"] .wheel-marker.base{width:23px;height:23px;box-shadow:0 0 0 2px #222}
.public-content[data-public-page="wheel"] .wheel-caption{font-size:10px;color:#737373;line-height:1.7;margin:19px 0 0}
.public-content[data-public-page="wheel"] .wheel-caption span{display:inline-block;margin-left:12px}
.public-content[data-public-page="wheel"] .color-settings{padding:23px}
.public-content[data-public-page="wheel"] .base-color-line{display:flex;gap:9px;align-items:center;margin-top:9px}
.public-content[data-public-page="wheel"] .base-color-line input[type=color]{width:45px;height:43px;padding:0;border:1px solid #ddd;border-radius:9px;overflow:hidden;background:none;cursor:pointer}
.public-content[data-public-page="wheel"] .base-color-line input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.public-content[data-public-page="wheel"] .base-color-line input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}
.public-content[data-public-page="wheel"] .base-color-line .input{font:13px ui-monospace,monospace;flex:1;text-transform:uppercase}
.public-content[data-public-page="wheel"] .base-color-line label{font-size:10px;color:#737373;white-space:nowrap}
.public-content[data-public-page="wheel"] .base-label{font-size:12px;font-weight:600}
.public-content[data-public-page="wheel"] .scheme-title{font-size:12px;margin:22px 0 10px;font-weight:600}
.public-content[data-public-page="wheel"] .harmony-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.public-content[data-public-page="wheel"] .harmony-options button{border:1px solid #e4e4e4;background:white;border-radius:8px;padding:10px 5px;color:#737373;font-size:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}
.public-content[data-public-page="wheel"] .harmony-options button[aria-pressed=true]{border-color:#333;background:#f7f7f7;color:#222;box-shadow:0 0 0 .5px #333}
.public-content[data-public-page="wheel"] .harmony-mini{display:flex;gap:3px;height:10px;align-items:center}
.public-content[data-public-page="wheel"] .harmony-mini i{width:8px;height:8px;border-radius:50%;background:#999}
.public-content[data-public-page="wheel"] .harmony-options button[aria-pressed=true] i{background:#7563d8}
.public-content[data-public-page="wheel"] .harmony-mini i:nth-child(2){opacity:.7}
.public-content[data-public-page="wheel"] .harmony-mini i:nth-child(3){opacity:.45}
.public-content[data-public-page="wheel"] .scheme-description{font-size:11px;color:#737373;line-height:1.8;min-height:39px;margin:13px 0 0}
.public-content[data-public-page="wheel"] .tone-line{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
.public-content[data-public-page="wheel"] .tone-line label{font-size:11px;color:#737373;white-space:nowrap}
.public-content[data-public-page="wheel"] .tone-line select{height:37px;font-size:11px}
.public-content[data-public-page="wheel"] .scheme-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:#fafafa;padding:13px 23px;font-size:10px;color:#737373}
.public-content[data-public-page="wheel"] .scheme-foot button{font-size:10px}
.public-content[data-public-page="wheel"] .palette-panel{margin-top:22px;padding:21px 23px}
.public-content[data-public-page="wheel"] .palette-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.public-content[data-public-page="wheel"] .palette-heading h2{font-size:15px;margin:0}
.public-content[data-public-page="wheel"] .palette-heading small{font-size:10px;color:#737373}
.public-content[data-public-page="wheel"] .palette-strip{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:7px}
.public-content[data-public-page="wheel"] .palette-card{min-width:0;border:1px solid #e5e5e5;border-radius:10px;padding:5px;background:#fff;cursor:pointer;text-align:left}
.public-content[data-public-page="wheel"] .palette-card[aria-pressed=true]{border-color:#333;box-shadow:0 0 0 1px #333}
.public-content[data-public-page="wheel"] .palette-card .swatch{height:85px;border-radius:6px;display:flex;align-items:end;justify-content:end;padding:8px}
.public-content[data-public-page="wheel"] .swatch small{font-size:9px;padding:2px 5px;background:#ffffffd9;color:#333;border-radius:3px}
.public-content[data-public-page="wheel"] .palette-card strong{display:block;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;padding:9px 3px 5px}
.public-content[data-public-page="wheel"] .formats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
.public-content[data-public-page="wheel"] .format-copy{border:1px solid #e4e4e4;background:#fafafa;border-radius:8px;padding:11px 12px;text-align:left;min-width:0}
.public-content[data-public-page="wheel"] .format-copy span{display:flex;justify-content:space-between;align-items:center;color:#737373;font-size:9px;margin-bottom:6px}
.public-content[data-public-page="wheel"] .format-copy svg{width:12px;height:12px}
.public-content[data-public-page="wheel"] .format-copy strong{font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;display:block;overflow-wrap:anywhere;color:#444}
.public-content[data-public-page="wheel"] .format-copy:hover{border-color:#999;background:#fff}
.public-content[data-public-page="wheel"] .copy-hint{font-size:10px;color:#737373;margin:12px 0 0;line-height:1.8}
.public-content[data-public-page="wheel"] .color-promo{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(110deg,#fafafa,#f3f3f3);padding:23px}
.public-content[data-public-page="wheel"] .color-promo .brand{font-size:18px;margin-bottom:10px;letter-spacing:-.5px}
.public-content[data-public-page="wheel"] .color-promo .brand-mark{width:26px;height:26px;border-radius:8px}
.public-content[data-public-page="wheel"] .color-promo .brand-mark svg{width:17px;height:17px}
.public-content[data-public-page="wheel"] .color-promo h2{font-size:23px;letter-spacing:-.7px;margin:0 0 7px}
.public-content[data-public-page="wheel"] .color-promo p{font-size:12px;color:#737373;line-height:1.8;margin:0;max-width:650px}
.public-content[data-public-page="wheel"] .color-promo .btn{flex-shrink:0}
.public-content[data-public-page="wheel"] .color-dialog{width:min(410px,calc(100% - 30px));padding:23px;max-width:410px}
.public-content[data-public-page="wheel"] .color-dialog h2{font-size:20px;margin:18px 0 9px}
.public-content[data-public-page="wheel"] .dialog-swatch{height:112px;border-radius:10px;background:#7563d8}
.public-content[data-public-page="wheel"] .color-dialog .input{font:12px ui-monospace,monospace;background:#fafafa}
.public-content[data-public-page="wheel"] .color-dialog p{font-size:11px;color:#737373;line-height:1.8}
.public-content[data-public-page="wheel"] .color-dialog button{width:100%;margin-top:13px}
.public-content[data-public-page="wheel"] .wheel-error{font-size:11px;color:#a13e32;margin-top:7px}
.public-content[data-public-page="wheel"] .wheel-error:empty{display:none}
.public-content[data-public-page="wheel"] [hidden]{display:none!important}
@media(max-width:760px){.public-content[data-public-page="wheel"] .wheel-layout{grid-template-columns:1fr;gap:18px}
.public-content[data-public-page="wheel"] .wheel-panel{padding:20px}
.public-content[data-public-page="wheel"] .color-wheel{width:260px;max-width:100%}
.public-content[data-public-page="wheel"] .wheel-panel h2{margin-bottom:15px}
.public-content[data-public-page="wheel"] .color-settings{padding:20px}
.public-content[data-public-page="wheel"] .palette-panel{padding:18px}
.public-content[data-public-page="wheel"] .palette-heading{align-items:start;flex-wrap:wrap;gap:5px}
.public-content[data-public-page="wheel"] .palette-card .swatch{height:72px;padding:5px}
.public-content[data-public-page="wheel"] .palette-card strong{font-size:9px;padding:8px 1px 4px}
.public-content[data-public-page="wheel"] .palette-strip{gap:5px}
.public-content[data-public-page="wheel"] .formats{grid-template-columns:repeat(2,1fr);gap:8px}
.public-content[data-public-page="wheel"] .color-promo{display:block;padding:21px}
.public-content[data-public-page="wheel"] .color-promo h2{font-size:22px}
.public-content[data-public-page="wheel"] .color-promo .btn{margin-top:17px}
.public-content[data-public-page="wheel"] .harmony-options button{font-size:10px}
.public-content[data-public-page="wheel"] .tone-line{gap:12px}
}
@media(max-width:380px){.public-content[data-public-page="wheel"] .palette-card strong{font-size:8px}
.public-content[data-public-page="wheel"] .palette-panel{padding:14px}
.public-content[data-public-page="wheel"] .swatch small{font-size:8px}
.public-content[data-public-page="wheel"] .palette-card .swatch{height:61px}
}
@media(min-width:1100px){.public-content[data-public-page="wheel"] .wheel-layout{grid-template-columns:minmax(250px,.9fr) minmax(330px,1.2fr) minmax(260px,1fr);gap:18px}
.public-content[data-public-page="wheel"] .wheel-panel{padding:20px}
.public-content[data-public-page="wheel"] .color-wheel{width:260px;max-width:100%}
.public-content[data-public-page="wheel"] .palette-panel{margin-top:0;padding:19px}
.public-content[data-public-page="wheel"] .palette-heading{display:block}
.public-content[data-public-page="wheel"] .palette-heading small{display:block;margin-top:7px;line-height:1.7}
.public-content[data-public-page="wheel"] .palette-card strong{font-size:8px;padding:8px 0 4px}
.public-content[data-public-page="wheel"] .palette-strip{gap:4px}
.public-content[data-public-page="wheel"] .palette-card{padding:3px}
.public-content[data-public-page="wheel"] .palette-card .swatch{height:95px;padding:2px}
.public-content[data-public-page="wheel"] .swatch small{font-size:7px;padding:2px}
.public-content[data-public-page="wheel"] .formats{grid-template-columns:repeat(2,1fr);gap:8px}
.public-content[data-public-page="wheel"] .format-copy{padding:10px}
.public-content[data-public-page="wheel"] .color-settings{padding:20px}
.public-content[data-public-page="wheel"] .harmony-options{gap:5px}
.public-content[data-public-page="wheel"] .harmony-options button{font-size:9px;padding:9px 3px}
.public-content[data-public-page="wheel"] .color-wheel .wheel-inner{gap:5px}
}
@media(min-width:761px) and (max-width:1099px){.public-content[data-public-page="wheel"] .palette-panel{grid-column:1/-1;margin-top:0}
}
/* END PUBLIC PAGE wheel */
/* Shared brand additions */
.mepage-landing .links{gap:20px;align-items:center}.mepage-landing .mp-home-dropdown{position:relative;margin:0;color:inherit}.mepage-landing .mp-home-dropdown>summary{cursor:pointer;display:flex;align-items:center;gap:5px;list-style:none;white-space:nowrap;font:inherit;color:inherit;padding:8px 0}.mepage-landing .mp-home-dropdown>summary::-webkit-details-marker{display:none}.mepage-landing .mp-home-dropdown>summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .16s}.mepage-landing .mp-home-dropdown[open]>summary svg{transform:rotate(180deg)}.mepage-landing .mp-home-panel{position:absolute;top:calc(100% + 10px);left:-18px;width:min(760px,calc(100vw - 52px));max-height:min(68vh,630px);overflow:auto;background:#fff;color:#282637;border:1px solid #e9e7ef;border-radius:18px;padding:20px;box-shadow:0 22px 70px #28203c24;z-index:120}.mepage-landing .mp-home-tools .mp-home-panel{width:min(570px,calc(100vw - 52px));left:-22px}.mepage-landing .mp-home-dropdown:not([open])>.mp-home-panel{display:none}.mepage-landing .mp-home-panel-title{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#9993a5;padding:2px 9px 12px}.mepage-landing .mp-home-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px}.mepage-landing .mp-home-tools .mp-home-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mepage-landing .links .mp-home-panel a{display:block;border-radius:9px;font-size:12px;font-weight:550;line-height:1.5;padding:10px;color:#4d475c;white-space:normal;text-decoration:none;transition:background .15s,color .15s}.mepage-landing .links .mp-home-panel a:hover{background:#f5f1ff;color:#7654db}.mepage-landing .links .mp-home-panel .mp-home-all{margin-top:13px;padding-top:14px;border-top:1px solid #eee9f7;border-radius:0;color:#7350c9;font-weight:650}.mepage-landing .mp-home-dropdown summary:focus-visible,.mepage-landing .mp-home-panel a:focus-visible,.mepage-landing .mp-home-examples-cta a:focus-visible{outline:2px solid #8c6bde;outline-offset:4px}.mepage-landing .mp-home-examples-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:29px}.mepage-landing .mp-home-examples-cta a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ddd5ed;background:#fff;color:#45355d;padding:13px 21px;border-radius:12px;font-size:13px;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s}.mepage-landing .mp-home-examples-cta a:hover{background:#f7f2ff;border-color:#c5b6e1}.mepage-landing .mp-home-examples-cta span{font-size:12px;color:#8b8496}@media(max-width:1140px){.mepage-landing .links{gap:13px;font-size:12px}.mepage-landing .mp-home-panel{width:min(650px,calc(100vw - 52px))}}@media(max-width:900px){.mepage-landing .nav{flex-wrap:wrap;height:auto;min-height:112px;padding-top:10px;padding-bottom:9px;row-gap:5px}.mepage-landing .links{display:flex!important;order:3;flex-basis:100%;gap:25px;font-size:13px;border-top:1px solid #e9e5f2;padding-top:3px}.mepage-landing .links>a{display:none}.mepage-landing .mp-home-dropdown{position:static}.mepage-landing .mp-home-dropdown>summary{padding:7px 0}.mepage-landing .mp-home-panel,.mepage-landing .mp-home-tools .mp-home-panel{position:absolute;left:0;top:calc(100% + 7px);width:100%;max-height:calc(100dvh - 160px);padding:16px;border-radius:13px}.mepage-landing .mp-home-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mepage-landing .mp-home-menu-grid a{font-size:11px}.mepage-landing .mp-home-examples-cta{align-items:flex-start;flex-direction:column;gap:10px}}@media(max-width:420px){.mepage-landing .mp-home-panel{padding:12px}.mepage-landing .mp-home-menu-grid{column-gap:3px}.mepage-landing .links .mp-home-panel a{padding:8px;font-size:11px}}@media(prefers-reduced-motion:reduce){.mepage-landing .mp-home-dropdown summary svg{transition:none}}
body.public-layout{margin:0;background:#fbfaff;overflow-x:clip;font-family:Manrope,Arial,sans-serif}.public-header,.public-footer{overflow:visible}.public-footer{background:#10101c}.public-layout .nav-shell{background:#fbfafff5;backdrop-filter:blur(12px);border-bottom:1px solid #e9e5f2}.public-layout .links{gap:16px;font-size:13px}.public-layout .nav-auth{flex-shrink:0}.public-layout .nav-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}.public-content{padding-top:106px;min-height:65vh;--violet:#6f4cff;--lime:#c6ff75}.public-layout .public-content{--font:Manrope,Arial,sans-serif;--bg:#fbfaff;--fg:#121227;--ink:#121227;--muted:#68687d;--line:#e6dff0;color:#121227;font-family:Manrope,Arial,sans-serif}.public-layout .public-content>main{max-width:1200px;margin-left:auto;margin-right:auto}.public-layout .public-content h1{color:#121227;font-family:Unbounded,Manrope,Arial,sans-serif;font-size:clamp(27px,3.7vw,43px);font-weight:600;letter-spacing:-1.8px;line-height:1.18}.public-layout .public-content h2{color:#16152c;font-family:Manrope,Arial,sans-serif;letter-spacing:-.7px}.public-layout .public-content .panel,.public-layout .public-content .card,.public-layout .public-content .tool-card,.public-layout .public-content .filter,.public-layout .public-content .catalog-bar,.public-layout .public-content .wheel-panel,.public-layout .public-content .palette-panel{border-color:#e4dff0;background:#fff;box-shadow:0 7px 25px #30205004}.public-layout .public-content .btn,.public-layout .public-content .action{background:#6f4cff;border-color:#6f4cff;color:#fff}.public-layout .public-content .btn:hover,.public-layout .public-content .action:hover{background:#5d3be7;border-color:#5d3be7}.public-layout .public-content .btn.light,.public-layout .public-content .action.light,.public-layout .public-content .btn-secondary{background:#fff;border-color:#dcd4ec;color:#594178}.public-layout .public-content input:not([type=checkbox]):not([type=range]),.public-layout .public-content textarea,.public-layout .public-content select{border-color:#ddd6ec;accent-color:#6f4cff}.public-layout .public-content input[type=checkbox],.public-layout .public-content input[type=range]{accent-color:#6f4cff}.public-layout .public-content .tool-card:hover,.public-layout .public-content .card:hover{border-color:#b39cdf;box-shadow:0 12px 34px #5a3c8b13}.public-layout .public-content .filter[aria-pressed=true]{background:#6f4cff;color:#fff;border-color:#6f4cff}.public-layout .public-content .tag,.public-layout .public-content .badge{border-color:#e5dcef;background:#f6f1ff;color:#7857a1}.public-layout .public-content .crumb,.public-layout .public-content .breadcrumb{color:#8a829a}.public-layout .public-content .eyebrow{color:#8975a4}.public-layout .public-content .public-create-site{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#6d409a 0%,transparent 65%),linear-gradient(135deg,#201535,#382147);border:1px solid #7d56af;border-radius:21px;box-shadow:0 16px 40px #5e3c8c26;padding:28px;color:#fff;gap:0;min-width:0}.public-layout .public-content .public-create-site:after{content:"";position:absolute;z-index:-1;right:-40px;bottom:-75px;width:200px;height:200px;border-radius:50%;background:#ba82ef26;pointer-events:none}.public-layout .public-content .public-create-site .kicker{font:10px/1.5 Manrope,Arial,sans-serif;color:#d6bee8;text-transform:uppercase;letter-spacing:1.3px;display:block;margin-bottom:18px}.public-layout .public-content .public-create-site h2{font:600 clamp(23px,2.4vw,31px)/1.18 Unbounded,Manrope,Arial,sans-serif;color:white;letter-spacing:-.9px;margin:0 0 16px}.public-layout .public-content .public-create-site p{font:12px/1.8 Manrope,Arial,sans-serif;color:#d3c2e1;margin:0 0 21px;max-width:650px}.public-layout .public-content .public-create-site .btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:160px;background:#c6ff75;border-color:#c6ff75;color:#202331;font:800 12px/1.5 Manrope,Arial,sans-serif;padding:13px 19px;border-radius:11px;box-shadow:0 5px 25px #c6ff7520;text-decoration:none}.public-layout .public-content .public-create-site .btn:hover{background:#dcffa6;border-color:#dcffa6;transform:translateY(-1px)}.public-create-site-note{font:10px/1.5 Manrope,Arial,sans-serif;color:#b99ece;display:block;margin-top:13px}.public-layout .public-content .workspace>.public-create-site{position:sticky;top:110px}.public-layout .public-content .detail+.public-create-site,.public-layout .public-content main>.public-create-site{margin-top:35px}.public-layout .public-content[data-public-page=service] .cta.public-create-site{margin-top:32px}.public-layout .public-content[data-public-page=service]{padding-top:96px}.public-layout .public-content[data-public-page=service] main{max-width:none}.public-layout .public-content[data-public-page=service] .group,.public-layout .public-content[data-public-page=service] .link-card{background:#fff;border-color:#e6dff1}.public-layout .public-content[data-public-page=service] .intro{background:#fbfaff}.public-layout .public-content[data-public-page=password] .ym-hide-content{user-select:text}@media(max-width:1140px){.public-layout .links{gap:10px;font-size:12px}.public-layout .nav-action{padding-left:13px;padding-right:13px}}@media(max-width:900px){.public-content,.public-layout .public-content[data-public-page=service]{padding-top:137px}.public-layout .public-content .workspace>.public-create-site{position:relative;top:auto}.public-layout .links{font-size:13px;gap:22px}}@media(max-width:600px){.public-layout .public-content h1{font-size:28px;letter-spacing:-1px}.public-layout .public-content .public-create-site{padding:25px}.public-layout .public-content .public-create-site h2{font-size:24px}}

.public-layout .mepage-landing { min-height: 0; }
/* BEGIN MEPAGE IMAGE COMPRESSOR */
.public-content[data-public-page=image-compressor]{padding-bottom:65px}.ic-main{padding:0 26px;box-sizing:border-box}.ic-main *{box-sizing:border-box}.ic-main .breadcrumb{font-size:12px;margin:18px 0 32px;line-height:1.9}.ic-main a{color:inherit}.ic-heading{display:flex;align-items:center;gap:35px;justify-content:space-between;margin-bottom:28px}.ic-heading h1{margin:14px 0 18px}.ic-lead{font-size:16px;line-height:1.8;color:#68687d;max-width:730px}.ic-local{flex:0 0 230px;border:1px solid #e6dff0;padding:22px;border-radius:16px;background:#f2edff}.ic-local span{display:block;font-size:25px;color:#6f4cff;margin-bottom:10px}.ic-local strong,.ic-local small{display:block;line-height:1.6}.ic-local small{color:#68687d;margin-top:7px}.ic-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.ic-tabs a{border:1px solid #e4dff0;border-radius:9px;padding:9px 18px;font-size:13px;text-decoration:none;background:#fff}.ic-tabs a[aria-current=page]{background:#6f4cff;color:#fff;border-color:#6f4cff}.ic-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.ic-panel{padding:26px;border:1px solid #e4dff0;border-radius:18px;min-width:0}.ic-panel h2{margin-top:0;font-size:20px}.ic-drop{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:30px 18px;background:#fbfaff;border:2px dashed #d5c8f2;border-radius:14px}.ic-drop.is-dragging{border-color:#6f4cff;background:#eee7ff}.ic-drop svg{width:52px;height:52px;fill:none;stroke:#8b6dc4;stroke-width:2}.ic-drop strong{font-size:18px}.ic-drop span,.ic-drop small{font-size:12px;color:#68687d}.ic-drop input[type=file]{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.ic-drop:focus-within{outline:3px solid #bba6ff;outline-offset:3px}.ic-main .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #6f4cff;border-radius:10px;padding:12px 18px;font:700 13px/1.4 Manrope,Arial,sans-serif;cursor:pointer;text-decoration:none}.ic-main .btn:disabled{opacity:.5;cursor:default}.ic-main .btn:focus-visible,.ic-main a:focus-visible,.ic-main summary:focus-visible{outline:3px solid #bba6ff;outline-offset:3px}.ic-pick{margin:8px 0}.ic-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 14px}.ic-settings label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:9px}.ic-settings select,.ic-settings input[type=number]{width:100%;height:43px;padding:10px;border:1px solid #ddd6ec;border-radius:8px;background:white;font:inherit}.ic-settings input[type=range]{width:100%;min-height:30px}.ic-settings output{color:#7857a1}.ic-hint,#ic-status{font-size:12px;line-height:1.8;color:#68687d}.ic-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 12px}.ic-result{border-top:1px solid #e6dff0;padding:18px 0;display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:9px 14px;align-items:center}.ic-result img{width:60px;height:60px;object-fit:contain;grid-row:span 2;border-radius:8px;background:repeating-conic-gradient(#eee 0 25%,white 0 50%) 0/14px 14px}.ic-result strong{font-size:12px;overflow-wrap:anywhere}.ic-result p{font-size:11px;line-height:1.7;margin:0;grid-column:2}.ic-result .btn{grid-row:1/3;grid-column:3;font-size:11px;padding:9px 11px}.ic-error{color:#a02e43!important;grid-column:1/-1!important}.ic-help{margin-top:22px;padding:22px;border:1px solid #e4dff0;border-radius:16px;font-size:12px;line-height:1.8;color:#68687d}.ic-help h2{font-size:18px}.ic-help ol{padding-left:18px}.ic-copy,.ic-faq,.ic-related{margin-top:48px}.ic-copy{max-width:850px}.ic-copy h2,.ic-faq h2,.ic-related h2{font-size:25px;line-height:1.4}.ic-copy p,.ic-faq p{font-size:14px;line-height:1.9;color:#68687d}.ic-faq details{padding:18px 0;border-bottom:1px solid #e6dff0}.ic-faq summary{cursor:pointer;font-size:14px;font-weight:700}.ic-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ic-related .card{padding:22px;border:1px solid #e4dff0;border-radius:14px;text-decoration:none}.ic-related strong,.ic-related span{display:block}.ic-related span{font-size:12px;color:#68687d;line-height:1.8;margin-top:12px}.ic-main [hidden]{display:none!important}@media(max-width:1000px){.ic-workspace{grid-template-columns:minmax(0,1fr) 260px}.ic-local{display:none}}@media(max-width:760px){.ic-workspace{grid-template-columns:1fr}.ic-main{padding:0 18px}.ic-panel{padding:18px}.ic-related-grid{grid-template-columns:1fr}.ic-settings{grid-template-columns:1fr}.ic-result{grid-template-columns:48px minmax(0,1fr)}.ic-result img{width:48px;height:48px}.ic-result .btn{grid-column:2;grid-row:auto;justify-self:start}.ic-lead{font-size:14px}.ic-heading{margin-bottom:15px}}
/* END MEPAGE IMAGE COMPRESSOR */