:root{--paper: #ffffff;--paper-2: #f1f3f5;--paper-3: #ffffff;--ink: #16181d;--ink-2: #5b6170;--ink-3: #7c8391;--line: #e4e7ec;--line-2: #d3d7de;--brand-free: #6A00F4;--blue: #2d6bd1;--accent: #167c3a;--accent-soft: #e4f1e5;--green: var(--accent);--green-soft: var(--accent-soft);--btn-bg: #e3f1e7;--btn-bg-hover: #d4e9db;--btn-bg-active: #c4dfcd;--btn-fg: #135a2c;--seg-on-bg: #ffffff;--seg-on-shadow: 0 1px 2px rgba(15, 23, 42, .12), 0 0 0 1px rgba(15, 23, 42, .05);--ring: color-mix(in srgb, var(--accent) 30%, transparent);--ok: #1a7f37;--err: #dc2626;--warn: #d97706;--shadow-rgb: 0, 0, 0;--cat-pdf: #c4423a;--cat-image: #2d6bd1;--cat-video: #ad5d08;--cat-text: #0c7d79;--cat-encoding: #6a4fd0;--cat-developer: #546174;--cat-mix: 14%;--radius: 8px;--radius-ctl: 8px;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;color-scheme:light;--bg: var(--paper);--bg-2: var(--paper-2);--fg: var(--ink);--fg-2: var(--ink-2);--brand: var(--accent);--brand-fg: #ffffff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper: #0f1115;--paper-2: #171a21;--paper-3: #12151b;--ink: #e8eaf0;--ink-2: #9aa2b1;--ink-3: #7b8290;--line: #22262e;--line-2: #2d323c;--blue: #79a6f2;--brand-free: #C563FF;--accent: #62C46B;--accent-soft: #17301B;--ring: color-mix(in srgb, var(--accent) 35%, transparent);--btn-bg: #183a25;--btn-bg-hover: #1e4a2e;--btn-bg-active: #143120;--btn-fg: #9be0ac;--seg-on-bg: #262b36;--seg-on-shadow: 0 0 0 1px rgba(255, 255, 255, .06);--ok: #4ade80;--err: #f87171;--warn: #fbbf24;--shadow-rgb: 0, 0, 0;--brand-fg: #0b1220;--cat-pdf: #ef7a72;--cat-image: #79a6f2;--cat-video: #f0a54a;--cat-text: #4fc3bf;--cat-encoding: #ad9cf1;--cat-developer: #9fabbf;--cat-mix: 20%}}:root[data-theme=dark]{color-scheme:dark;--paper: #0f1115;--paper-2: #171a21;--paper-3: #12151b;--ink: #e8eaf0;--ink-2: #9aa2b1;--ink-3: #7b8290;--line: #22262e;--line-2: #2d323c;--brand-free: #C563FF;--accent: #62C46B;--accent-soft: #17301B;--ring: color-mix(in srgb, var(--accent) 35%, transparent);--btn-bg: #183a25;--btn-bg-hover: #1e4a2e;--btn-bg-active: #143120;--btn-fg: #9be0ac;--seg-on-bg: #262b36;--seg-on-shadow: 0 0 0 1px rgba(255, 255, 255, .06);--ok: #4ade80;--err: #f87171;--warn: #fbbf24;--shadow-rgb: 0, 0, 0;--brand-fg: #0b1220;--cat-pdf: #ef7a72;--cat-image: #79a6f2;--cat-video: #f0a54a;--cat-text: #4fc3bf;--cat-encoding: #ad9cf1;--cat-developer: #9fabbf;--cat-mix: 20%}[data-cat=pdf]{--cat: var(--cat-pdf)}[data-cat=image]{--cat: var(--cat-image)}[data-cat=video]{--cat: var(--cat-video)}[data-cat=text]{--cat: var(--cat-text)}[data-cat=encoding]{--cat: var(--cat-encoding)}[data-cat=developer]{--cat: var(--cat-developer)}[data-cat]{--cat-soft: color-mix(in srgb, var(--cat) var(--cat-mix), var(--paper-3))}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html{scroll-padding-top:71px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);display:flex;flex-direction:column;min-height:100vh}:lang(ko) body{word-break:keep-all;overflow-wrap:break-word}a{color:var(--ink);text-decoration:none}a:hover{color:var(--accent)}main{flex:1}.container{width:min(1140px,100% - 2.5rem);margin-inline:auto}h1{font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.2;font-weight:650;letter-spacing:-.01em;margin:0 0 .4rem;text-wrap:balance}h2{font-size:1.25rem;font-weight:600;margin:2rem 0 .6rem}h3{font-size:1.02rem;font-weight:600;margin:0 0 .3rem}p{margin:0 0 1rem}.muted{color:var(--ink-3)}.subtitle{color:var(--ink-2);font-size:1.05rem;margin-bottom:1.5rem;max-width:640px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}.kbd{font:11px/1 var(--sans);color:var(--ink-3);border:1px solid var(--line);border-radius:4px;padding:3px 6px;background:var(--paper)}html.theming,html.theming *{transition:background-color .18s,color .18s,border-color .18s!important}.site-header{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.site-header .container{display:flex;align-items:center;gap:1rem;height:58px}.logo{display:inline-flex;align-items:center;gap:.4rem;font-weight:650;font-size:1.6rem;color:var(--ink);letter-spacing:-.01em}.logo img{width:32px;height:32px;object-fit:contain}.logo-name{position:relative;display:inline-block;padding-inline-end:2px}.logo-name{color:var(--accent);font-weight:500}.logo-free{font-weight:650;color:var(--ink);padding-inline-end:.02em}.logo-tld{position:absolute;inset-inline-start:100%;margin-inline-start:4px;font-size:14px;font-weight:400;letter-spacing:.02em;line-height:1;padding:3px 5px;border-radius:4px;border:1px solid var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);white-space:nowrap}.logo:hover{color:var(--ink)}.tld-dot{font-weight:800;display:inline-block;transform:scale(1.4);transform-origin:center bottom;margin-inline-end:.15em}.logo-k{position:relative}.t-vc-modal-logo .logo-k:after{content:"";position:absolute;left:50%;bottom:-.14em;width:.15em;height:.15em;margin-inline-start:-.13em;border-radius:50%;background:var(--accent);pointer-events:none}.t-vc-modal-logo .logo-k-f:after{inset-inline-start:40%}.nav{display:flex;gap:1.1rem;margin-inline-start:auto;align-items:center;font-size:.9rem}.nav>a{color:var(--ink-2)}.nav>a[aria-current=page]{color:var(--ink)}.nav>a:hover{color:var(--accent)}@media(max-width:720px){.nav>a{display:none}}.lang-menu{position:relative}.lang-menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border:1px solid transparent;border-radius:var(--radius-ctl);font-size:.88rem;color:var(--ink-2);background:transparent;user-select:none}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu summary:hover,.lang-menu[open] summary{border-color:var(--accent);color:var(--ink)}.lang-menu ul{position:absolute;inset-inline-start:0;top:calc(100% + 6px);margin:0;padding:.3rem;list-style:none;min-width:160px;z-index:30;background:var(--paper-3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px -8px rgba(var(--shadow-rgb),.25)}.lang-menu li a,.lang-menu li span{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.45rem .7rem;border-radius:4px;color:var(--ink-2);font-size:.92rem;white-space:nowrap}.lang-menu li a:hover{background:var(--paper-2);color:var(--ink)}.lang-menu li>span[aria-current]{font-weight:600;color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,var(--paper-3))}.lang-menu li>span[aria-current]:after{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat}@media(max-width:640px){.lang-menu summary span{display:none}.lang-menu ul{inset-inline-start:auto;inset-inline-end:0}}.icon-btn{background:none;border:1px solid transparent;border-radius:var(--radius-ctl);color:var(--ink-2);width:32px;height:32px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover,.icon-btn:active{border-color:var(--accent);color:var(--ink)}#theme-toggle .i-sun{display:none}:root[data-theme=dark] #theme-toggle .i-sun{display:block}:root[data-theme=dark] #theme-toggle .i-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) #theme-toggle .i-sun{display:block}:root:not([data-theme=light]) #theme-toggle .i-moon{display:none}}.tools-nav{position:relative}.tools-nav>.tools-trigger{display:inline-flex;align-items:center;gap:.45rem}.tools-nav .tools-dd{position:relative;display:inline-flex}.tools-nav .tools-trigger .chev-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-ctl);background:transparent;color:var(--ink-2)}.tools-nav .tools-trigger .chev-btn:hover,.tools-nav.open .tools-trigger .chev-btn{border-color:var(--accent);color:var(--accent)}.tools-nav>.tools-trigger .chev{transition:transform .15s}.tools-nav.open .tools-trigger .chev-btn .chev{transform:rotate(180deg)}@media(pointer:coarse){.tools-nav .tools-trigger .chev-btn{width:40px;height:40px}}.tools-panel[hidden]{display:none}.tools-panel{position:absolute;inset-inline-start:0;top:calc(100% + 8px);z-index:30;width:max-content;max-width:calc(100vw - 2rem);display:grid;grid-template-columns:230px minmax(200px,max-content);grid-template-rows:repeat(var(--n),auto) 1fr;background:var(--paper-3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px -10px rgba(var(--shadow-rgb),.3);overflow:auto;max-height:calc(100vh - 80px)}.tp-group{display:contents}.tp-cat{grid-column:1;display:flex;align-items:center;gap:.55rem;padding:.55rem .8rem .55rem .9rem;color:var(--ink-2);font-size:.92rem;background:var(--paper-2);border-inline-end:1px solid var(--line)}.tp-cat .tool-icon{color:var(--cat, var(--ink-3))}.tp-cat .name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-cat .chev{color:var(--ink-3);opacity:0}.tp-group.active .tp-cat{background:var(--paper-3);color:var(--ink);font-weight:600;border-inline-end-color:transparent}.tp-group.active .tp-cat .tool-icon{color:var(--cat, var(--accent));opacity:1}.tp-group.active .tp-cat .chev{color:var(--ink-3);opacity:1}.tools-panel:after{content:"";grid-column:1;grid-row:calc(var(--n) + 1);background:var(--paper-2);border-inline-end:1px solid var(--line)}.tp-pane{grid-column:2;grid-row:1 / span calc(var(--n) + 1);padding:.6rem .7rem .9rem}.tp-pane[hidden]{display:block;visibility:hidden}.tp-pane-head{display:none}.tp-pane ul{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}.tp-pane li a{display:flex;align-items:center;gap:.55rem;padding:.42rem 1.4rem .42rem .5rem;border-radius:4px;color:var(--ink);font-size:.92rem;white-space:nowrap}.tp-pane li a .tool-icon{color:var(--cat, var(--ink-2))}.tp-pane li a:hover{background:var(--paper-2);color:var(--ink)}.tp-pane li a[aria-current=page]{font-weight:600;background:var(--cat-soft, var(--paper-2))}.tp-pane li a[aria-current=page]:after{content:"";flex:none;margin-inline-start:auto;width:14px;height:14px;background:var(--ink-3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat}@media(max-width:800px){.tools-panel{position:fixed;inset-inline-start:0;inset-inline-end:0;top:61px;width:auto;max-width:none;max-height:calc(100vh - 61px);overflow:auto;display:block;border-radius:0;border-inline-start:0;border-inline-end:0}.tools-panel:after{display:none}.tp-group{display:block;border-bottom:1px solid var(--line)}.tp-group:last-child{border-bottom:0}.tp-cat{background:var(--paper-3);border-inline-end:0;padding:.7rem 1rem}.tp-cat .chev{opacity:1;transition:transform .15s}.tp-group.active .tp-cat .chev{transform:rotate(90deg)}.tp-pane{min-height:0;padding:0 1rem .6rem 1.4rem;display:flex;flex-direction:column}.tp-pane[hidden]{display:none}.tp-pane li a{white-space:normal;padding:.5rem}.tp-pane-head{display:flex;order:2;justify-content:flex-end;margin:.3rem 0 0;padding:.5rem .5rem .2rem;border-top:1px dashed var(--line);color:var(--ink-3);font-size:.82rem}.tp-pane-head:hover{color:var(--accent)}}@media(max-width:480px){.site-header .logo{font-size:1.05rem;gap:.3rem}.site-header .logo img{width:32px;height:32px}.site-header .logo-name{margin-inline-end:2.9em}.site-header .logo-tld{font-size:10px;top:-3px;padding:2px 4px;margin-inline-start:3px}.site-header .nav{gap:.5rem}}@media(max-width:374px){.site-header .logo{font-size:1rem}.site-header .logo-name{margin-inline-end:3em}.site-header .nav{gap:.35rem}}@media(max-width:359px){.site-header .logo-name{margin-inline-end:0}.site-header .logo-tld{display:none}}.tools-panel.tools-flat{display:grid;grid-template-columns:1fr;grid-template-rows:none;min-width:240px;padding:.4rem}.tools-panel.tools-flat:after{display:none}.tp-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:6px;color:var(--ink-2);font-size:.92rem;white-space:nowrap}.tp-item .tool-icon{color:var(--cat-video)}.tp-item:hover{background:var(--paper-2);color:var(--ink)}.tp-item[aria-current=page]{font-weight:600;color:var(--ink);background:color-mix(in srgb,var(--cat-video) var(--cat-mix),var(--paper-3))}.tp-item.is-primary{font-weight:700;color:var(--ink);font-size:.98rem;padding-top:.6rem;padding-bottom:.6rem}.tp-item.is-primary .tool-icon{color:var(--accent)}.tp-sep{display:flex;align-items:center;gap:.5rem;margin:.35rem .3rem .25rem;color:var(--ink-3);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.tp-sep:before,.tp-sep:after{content:"";flex:1;height:1px;background:var(--line)}@media(max-width:800px){.tools-panel.tools-flat{position:fixed;inset-inline-start:0;inset-inline-end:0;top:61px;width:auto;max-width:none;border-radius:0}}.home-hero{position:relative;isolation:isolate;background:var(--paper-2);border-bottom:1px solid var(--line)}.home-hero-in{padding:1.5rem 0 1.75rem}.home-tool-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:-2px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.home-hero h1,.home-tool-title{margin:0;font-size:1.0625rem;line-height:1.3;font-weight:700;letter-spacing:-.012em;color:var(--ink)}.home-sub{margin:0;font-size:.8125rem;color:var(--ink-3)}.home-panel-toggle{margin-inline-start:auto;align-self:center;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--line-2);border-radius:var(--radius-ctl);background:transparent;color:var(--ink-2);font:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.home-panel-toggle:hover{border-color:var(--ink-3);color:var(--ink)}.home-panel-toggle[hidden]{display:none}.home-panel-toggle .pt-fill{fill:transparent;stroke:none}.home-panel-toggle[aria-pressed=true]{background:var(--paper-2);color:var(--ink);border-color:var(--ink-3)}.home-panel-toggle[aria-pressed=true] .pt-fill{fill:currentColor}.home-tool{text-align:start;margin:0 auto;max-width:1100px;padding:16px;border-radius:12px;background:var(--paper);border:1px solid var(--line);box-shadow:0 1px 2px #1018280a,0 8px 24px -18px #10182859;color:var(--ink)}.home-tool{background:#f7f8fa}:root[data-theme=dark] .home-tool{box-shadow:none;background:var(--paper)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .home-tool{box-shadow:none;background:var(--paper)}}.home-hero.is-compact .home-tool-head{margin-bottom:11px;padding-bottom:9px}.home-hero.is-compact .home-sub{display:none}@media(max-width:640px){.home-hero-in{padding:.8rem 0 1rem}.home-tool{padding:12px;border-radius:10px}.home-tool-head{gap:2px;margin-bottom:12px;padding-bottom:10px}.home-sub{flex-basis:100%}}.home-shot{margin:0;position:relative}.home-shot img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line-2, var(--line));box-shadow:0 1px 2px #1020480f,0 24px 48px -28px #10286059;background:var(--paper-2)}.home-shot .shot-d{display:none}:root[data-theme=dark] .home-shot .shot-l{display:none}:root[data-theme=dark] .home-shot .shot-d{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .home-shot .shot-l{display:none}:root:not([data-theme=light]) .home-shot .shot-d{display:block}}:root[data-theme=dark] .home-shot img{box-shadow:0 24px 48px -28px #000000b3}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .home-shot img{box-shadow:0 24px 48px -28px #000000b3}}.home-hero-in:has(>.home-sites){padding-bottom:26px}.home-sites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;margin:26px auto 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 1px 2px #1018280a,0 8px 24px -18px #10182859}:root[data-theme=dark] .home-sites{box-shadow:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .home-sites{box-shadow:none}}.home-site{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 12px;text-align:center;color:var(--ink);text-decoration:none;border-inline-start:1px solid var(--line);transition:background .15s}.home-site:first-child{border-inline-start:0}.home-site img{width:40px;height:40px;margin-bottom:4px;object-fit:contain}.home-site b{max-width:100%;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.005em;hyphens:auto;overflow-wrap:anywhere}.home-site span{font-size:13px;color:var(--ink-3);line-height:1.3}.home-site span i{font-style:normal;font-size:11px;color:var(--accent)}.home-site:hover{background:color-mix(in srgb,var(--blue) 8%,var(--paper-3));color:var(--ink)}:root[data-theme=dark] .home-site:hover{background:color-mix(in srgb,var(--blue) 10%,var(--paper-2))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .home-site:hover{background:color-mix(in srgb,var(--blue) 10%,var(--paper-2))}}.home-site:hover b{color:var(--blue)}.home-site:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ring);border-radius:8px}[dir=rtl] .home-site span{direction:ltr;unicode-bidi:isolate}@media(max-width:640px){.home-hero-in:has(>.home-sites){padding-bottom:1rem}.home-sites{margin-top:1rem;border-radius:10px;padding:6px}}@media(max-width:560px){.home-site{padding:8px 4px}.home-site img{width:32px;height:32px}.home-site b{font-size:13px}.home-site span{font-size:11px;letter-spacing:-.01em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.home-site span i{display:none}}@media(max-width:400px){.home-site{padding:8px 2px}.home-site span{font-size:10.5px}}.home-proof{border-bottom:1px solid var(--line);background:var(--paper)}.home-proof-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 0}.home-proof-item{display:grid;gap:4px;padding-inline:22px;border-inline-start:1px solid var(--line)}.home-proof-item:first-child{padding-inline-start:0;border-inline-start:0}.home-proof-item b{font-size:1.02rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}.home-proof-item span{font-size:13px;color:var(--ink-3);line-height:1.45}@media(max-width:760px){.home-proof-in{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px;padding:18px 0}.home-proof-item:nth-child(3){padding-inline-start:0;border-inline-start:0}}.home-sec{padding:4.5rem 0 0}.home-h2{margin:0;max-width:24ch;text-align:start;font-size:clamp(1.55rem,2.8vw,2.15rem);line-height:1.15;font-weight:800;letter-spacing:-.025em;color:var(--ink);text-wrap:balance}.home-intro{margin:.75rem 0 0;max-width:62ch;text-align:start;color:var(--ink-2);font-size:1.03rem;line-height:1.6}@media(max-width:640px){.home-sec{padding-top:3rem}.home-h2{max-width:none}}.home-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"a a d d" "a a b c" "e e f f";gap:16px;margin-top:2.2rem}.home-feature{position:relative;padding:24px 24px 22px;border:1px solid var(--line);border-radius:14px;background:var(--paper-3);overflow-wrap:break-word;hyphens:auto;min-width:0}.home-feature.f-a{grid-area:a;display:flex;flex-direction:column;background:color-mix(in srgb,var(--blue) 7%,var(--paper-3));border-color:color-mix(in srgb,var(--blue) 18%,var(--line))}.home-feature.f-b{grid-area:b;background:color-mix(in srgb,var(--accent) 7%,var(--paper-3));border-color:color-mix(in srgb,var(--accent) 18%,var(--line))}.home-feature.f-c{grid-area:c}.home-feature.f-d{grid-area:d}.home-feature.f-e{grid-area:e}.home-feature.f-f{grid-area:f;background:color-mix(in srgb,var(--blue) 4%,var(--paper-3))}.home-feature-ic{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent);margin-bottom:14px}.home-feature.f-a .home-feature-ic,.home-feature.f-f .home-feature-ic{background:color-mix(in srgb,var(--blue) 14%,var(--paper-3));color:var(--blue)}.home-feature h3{margin:0 0 6px;font-size:1.06rem;letter-spacing:-.01em;color:var(--ink)}.home-feature p{margin:0;max-width:58ch;font-size:14.5px;line-height:1.6;color:var(--ink-2)}.home-feature.f-a h3{font-size:1.2rem}.home-shot-cmp{margin-top:auto;padding-top:22px}@media(max-width:1023px){.home-features{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a a" "d d" "b c" "e f"}}@media(max-width:600px){.home-features{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "d" "b" "c" "e" "f";gap:12px}.home-feature{padding:20px 18px}}.home-steps-wrap{margin-top:4.5rem;background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-bottom:4.5rem}.home-steps{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:3rem;align-items:center;margin-top:2.4rem}.home-steps-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.home-steps-list li{position:relative;display:flex;gap:16px;padding-bottom:28px}.home-steps-list li:last-child{padding-bottom:0}.home-steps-list li:not(:last-child):before{content:"";position:absolute;inset-inline-start:17px;top:40px;bottom:6px;width:2px;border-radius:1px;background:color-mix(in srgb,var(--accent) 22%,var(--line))}.home-step-n{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:800;color:var(--accent);background:var(--paper-3);border:2px solid var(--accent);font-variant-numeric:tabular-nums}.home-steps-list h3{margin:6px 0;font-size:1.08rem;letter-spacing:-.01em;color:var(--ink)}.home-steps-list p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-2)}@media(max-width:900px){.home-steps{grid-template-columns:minmax(0,1fr);gap:2rem}.home-steps-wrap{padding-bottom:3rem;margin-top:3rem}}.home-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:2.2rem}.home-scene{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--paper-3);transition:border-color .15s,box-shadow .2s,transform .2s}.home-scene.has-link:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 18px 36px -24px #10286059;transform:translateY(-2px)}.home-scene-art{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;color:#fff}.home-scene-art svg{width:36px;height:24px}.home-scene-art[data-k=email]{background:#1c7a4c}.home-scene-art[data-k=discord]{background:#3f4fb8}.home-scene-art[data-k=whatsapp]{background:#1f9a4c}.home-scene-art[data-k=storage]{background:#a8691a}.home-scene-body{display:grid;gap:6px;min-width:0}.home-scene-body small{font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:0;text-transform:none}.home-scene-body h3{margin:0;font-size:1.12rem;letter-spacing:-.01em}.home-scene-body h3 a{color:inherit;text-decoration:none}.home-scene-body p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-2)}.home-scene-more{margin-top:6px;font-size:14px;font-weight:600;color:var(--accent);text-decoration:none}.home-scene-more:after{content:"";position:absolute;inset:0;border-radius:14px}.home-scene.has-link:hover .home-scene-more{text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.home-scenes{grid-template-columns:minmax(0,1fr);gap:12px}.home-scene{padding:20px 18px;gap:14px}.home-scene-art{width:46px;height:46px;border-radius:12px}}@media(prefers-reduced-motion:reduce){.home-scene{transition:none}.home-scene.has-link:hover{transform:none}}.home-compare-wrap{margin-top:4.5rem;padding-bottom:4.5rem;background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-compare{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:2.2rem;align-items:start;padding:32px 28px 26px;border:1px solid var(--line);border-radius:14px;background:var(--paper-3)}.home-cmp{display:grid;gap:4px;text-align:center;padding:0 6px;border:0;background:none}.home-cmp-bar{height:168px;display:flex;align-items:end;justify-content:center;border-bottom:2px solid var(--line-2, var(--line));margin-bottom:10px}.home-cmp-bar i{display:block;width:min(64px,70%);height:var(--pct);border-radius:8px 8px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 70%,#fff),var(--accent))}.home-cmp.is-src .home-cmp-bar i{background:linear-gradient(180deg,color-mix(in srgb,var(--ink-3) 70%,var(--paper)),var(--ink-3))}.home-cmp b{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}.home-cmp:not(.is-src) b{color:var(--accent)}.home-cmp span{font-size:13.5px;font-weight:600;color:var(--ink-2)}.home-cmp small{font-size:12.5px;color:var(--ink-3);line-height:1.4}@media(max-width:760px){.home-compare{grid-template-columns:repeat(5,minmax(0,1fr));padding:22px 10px 18px;gap:2px}.home-cmp-bar{height:120px}.home-cmp b{font-size:.98rem}.home-cmp small{display:none}}.home-table-wrap{margin-top:2.2rem;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--paper-3)}.home-table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}.home-table th,.home-table td{padding:15px 20px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}.home-table thead th{padding-top:18px;font-size:13.5px;color:var(--ink-3);font-weight:600;background:none}.home-table thead th.is-us{color:var(--accent);font-weight:750}.home-table tbody th{font-weight:600;color:var(--ink);width:34%}.home-table td{color:var(--ink-2)}.home-table .is-us{background:color-mix(in srgb,var(--accent) 7%,transparent)}.home-table td.is-us{color:var(--accent);font-weight:650}.home-table tr:last-child th,.home-table tr:last-child td{border-bottom:0}.home-sec.tool-page{padding-top:4.5rem}.home-doc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:3.5rem;align-items:start}.home-toc{position:sticky;top:84px}.home-toc ol{list-style:none;margin:0;padding:0;border-inline-start:2px solid var(--line);display:grid}.home-toc a{display:block;padding:7px 0 7px 14px;margin-inline-start:-2px;border-inline-start:2px solid transparent;font-size:14px;line-height:1.4;color:var(--ink-3);text-decoration:none}[dir=rtl] .home-toc a{padding:7px 14px 7px 0}.home-toc a:hover{color:var(--ink);border-inline-start-color:var(--ink-3)}.home-doc-main{min-width:0}.home-article{max-width:720px;margin:0}.home-article+.home-article{margin-top:3rem}.home-article h2{scroll-margin-top:84px}.home-doc .faq details{border:1px solid var(--line);border-radius:12px;padding:0;margin-bottom:10px;background:var(--paper-3)}.home-doc .faq details:last-child{border-bottom:1px solid var(--line)}.home-doc .faq summary{padding:16px 20px;font-size:15.5px;align-items:center}.home-doc .faq summary:after{content:"";width:8px;height:8px;margin-inline-end:4px;border-inline-end:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg) translateY(-3px);transition:transform .2s}.home-doc .faq details[open] summary:after{content:"";transform:rotate(-135deg) translateY(-1px)}.home-doc .faq details[open]{border-color:var(--line-2, var(--line))}.home-doc .faq p{margin:0;padding:0 20px 18px}@media(max-width:960px){.home-doc{grid-template-columns:minmax(0,1fr);gap:0}.home-toc{display:none}.home-article{margin-inline:auto}}.home-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 40px;text-align:start;padding:40px 44px;border-radius:16px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#23955a 0%,transparent 55%),linear-gradient(135deg,#0d4f37,#136b43)}.home-cta h2{margin:0;font-size:clamp(1.4rem,2.4vw,1.85rem);letter-spacing:-.02em;color:#fff}.home-cta p{margin:.55rem 0 0;max-width:56ch;color:#d4ecdc;font-size:15.5px;line-height:1.55}.home-cta .btn.primary.home-cta-btn,.home-cta .btn.primary.home-cta-btn:hover{height:48px;padding:0 26px;font-size:15.5px;font-weight:700;background:#fff;color:#0d4f37;border-color:#fff;filter:none;border-radius:10px}.home-cta .btn.primary.home-cta-btn:hover{background:#eef6f0}.home-cta-btn:hover{filter:none;background:#eef5ef}@media(max-width:720px){.home-cta{grid-template-columns:minmax(0,1fr);padding:30px 22px;text-align:center}.home-cta p{margin-inline:auto}.home-cta-btn{justify-self:center}}@media(max-width:480px){.home-cta .btn.primary.home-cta-btn{height:auto;min-height:44px;max-width:100%;padding:10px 18px;white-space:normal;line-height:1.3;text-align:center}}.home-cat-all:hover{color:var(--accent)}.popular{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.feat{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-3);color:var(--ink);min-width:0}.feat:hover{border-color:var(--ink-2);color:var(--ink)}.feat .tool-icon{color:var(--accent);margin-top:2px}.feat h3{margin:0 0 2px;font-size:1rem}.feat p{margin:0;font-size:13px;line-height:1.45;color:var(--ink-3)}@media(max-width:1000px){.popular{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.popular{grid-template-columns:1fr}}.tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;border-top:1px solid var(--line)}.tool-row{display:flex;align-items:center;gap:12px;padding:11px 6px;border-bottom:1px solid var(--line);color:var(--ink);min-width:0}.tool-row:hover{background:var(--paper-2);color:var(--ink)}.tool-row .tool-icon{flex:0 0 auto;color:var(--cat, var(--ink-2))}.tool-row:hover .tool-icon{color:var(--cat, var(--accent))}.tool-row .name{font-size:15px;font-weight:600;white-space:nowrap}.tool-row .desc{font-size:13.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-more{display:block;padding:11px 6px;font-size:14px;color:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool-more:hover{color:var(--accent);background:var(--paper-2)}@media(max-width:800px){.tool-list{grid-template-columns:1fr}.tool-row{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:1px;align-items:start}.tool-row .tool-icon{margin-top:3px}.tool-row .name{white-space:normal}.tool-row .desc{grid-column:2;white-space:normal}}.tool-icon{display:inline-block;line-height:0}.tool-icon svg{display:block}.home-more{padding-bottom:4.5rem}.home-more:has(+.home-sites-sec){padding-bottom:0}.home-sites-sec{padding-top:2.5rem}.home-sites-sec .home-sites{max-width:none;margin-top:0}.home-more .tool-list{margin-top:1.4rem}.tool-page{padding:1.5rem 0 3rem}.tool-head{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;align-items:center;margin:1.4rem 0 1.25rem}.tool-head .tool-head-icon{grid-row:1 / span 2;align-self:start;margin-top:.3rem;width:48px;height:48px;display:grid;place-items:center;border-radius:10px;background:var(--cat-soft, var(--paper-2));color:var(--cat, var(--ink-2))}.tool-head .tool-head-icon svg{width:26px;height:26px}.tool-head .subtitle{margin-bottom:0;font-size:1rem;max-width:none}.tool-page>header+.ad-slot,.tool-page>header+.tool-box{margin-top:1rem}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem}.toolbar .spacer{flex:1}.btn{height:34px;padding:0 14px;border:1px solid transparent;background:var(--btn-bg);color:var(--btn-fg);border-radius:var(--radius-ctl);cursor:pointer;font:inherit;font-size:.92rem;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap}.btn:hover{background:var(--btn-bg-hover)}.btn.primary{background:var(--accent);color:var(--brand-fg);border-color:var(--accent);font-weight:600}.btn.primary:hover{filter:brightness(.95)}.btn:active:not(:disabled){background:var(--btn-bg-active)}.btn.primary:active:not(:disabled){background:var(--accent);border-color:var(--accent);filter:brightness(.86)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn.ghost,.btn[data-row-act=remove]{background:transparent;color:var(--ink-3);border-color:transparent}.btn.ghost:hover,.btn[data-row-act=remove]:hover{background:var(--paper-2);color:var(--ink)}.btn.sm{height:28px;padding:0 10px;font-size:13px}@media(pointer:coarse){.btn{height:40px}.btn.sm{height:34px}}select,input[type=number],input[type=text],input[type=search]{font:inherit;font-size:.92rem;height:34px;padding:0 .55rem;border:1px solid var(--line);border-radius:var(--radius-ctl);background:var(--paper-3);color:var(--ink)}select:focus,input:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}input[type=range],input[type=radio],input[type=checkbox],progress{accent-color:var(--accent)}label.chk{display:inline-flex;gap:.4rem;align-items:center;font-size:.92rem;cursor:pointer}.status{font-size:.88rem;margin-top:.5rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;min-height:1.6em;color:var(--ink-2)}.status .ok{color:var(--ok);font-weight:600}.status .err{color:var(--err);font-weight:600}.status .warn{color:var(--warn)}.promises{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:3.5rem 0 0;padding:2rem 0 0;border-top:1px solid var(--line)}.promises li{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-3)}.promises b{font-size:14px;color:var(--ink)}.promises span{font-size:12.5px;line-height:1.55;color:var(--ink-3)}@media(max-width:900px){.promises{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.promises{grid-template-columns:1fr}}.tool-content{max-width:720px;margin:3rem auto 0;color:var(--ink-2);line-height:1.75}.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2.5rem 3.5rem;align-items:start;margin-top:1.25rem}.contact-grid .tool-content{max-width:none;margin:0;font-size:.95rem}.contact-grid .tool-content h2{font-size:1.05rem;margin-top:1.75rem;padding-top:1.25rem}.contact-grid .tool-content>h2:first-child{margin-top:0}@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-grid .tool-content{order:2}.contact-grid .feedback{order:1}}.tool-content h2{margin:2.75rem 0 .9rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:1.25rem;letter-spacing:-.01em;color:var(--ink)}.tool-content>h2:first-child{margin-top:0;padding-top:0;border-top:0}.tool-content p{margin:0 0 1rem}.tool-content>h2:first-child+p{font-size:1.06rem;color:var(--ink)}.tool-content a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.faq details{border-top:1px solid var(--line);padding:.85rem 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;cursor:pointer;font-weight:600;color:var(--ink);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;font-weight:400;font-size:1.1rem;line-height:1;color:var(--ink-3)}.faq details[open] summary:after{content:"−"}.faq summary:hover{color:var(--accent)}.faq p{margin:.6rem 0 0;color:var(--ink-2)}.related{margin-top:2.5rem}.changelog{max-width:720px;margin-top:1rem}.changelog .entry{display:grid;grid-template-columns:7.5em 1fr;gap:1.2rem;padding:.8rem 0;border-top:1px solid var(--line)}.changelog .entry:last-child{border-bottom:1px solid var(--line)}.changelog time{font:13px/1.7 var(--mono);color:var(--ink-3);white-space:nowrap}.changelog .items{display:grid;gap:.55rem}.changelog p{margin:0;color:var(--ink-2);line-height:1.65}.changelog .items>p+p{padding-inline-start:1rem;text-indent:-1rem}.changelog .items>p+p:before{content:"— ";color:var(--ink-3)}.changelog .items>p:first-child:not(:last-child){padding-inline-start:1rem;text-indent:-1rem}.changelog .items>p:first-child:not(:last-child):before{content:"— ";color:var(--ink-3)}.changelog a{color:var(--accent)}@media(max-width:560px){.changelog .entry{grid-template-columns:1fr;gap:.3rem}}.ad-slot{display:block;width:100%;margin:1.25rem 0;overflow:hidden}.ad-slot[data-enabled=true]{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius)}.ad-slot[data-enabled=true]:before{content:"Advertisement";display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:.4rem .6rem 0}.ad-slot[data-enabled=false]{min-height:0!important;margin:0}.site-footer{border-top:1px solid var(--line);margin-top:3.5rem;padding:2rem 0 2.5rem;color:var(--ink-3);font-size:13px;line-height:1.7}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem 2rem;padding-bottom:1.5rem}.footer-col ul{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.15rem}.footer-col a{color:var(--ink-2)}.footer-col a:hover{color:var(--accent)}.footer-cat{font-weight:600;color:var(--ink)!important}.footer-bottom{border-top:1px solid var(--line);padding-top:1.25rem;display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:1rem 2rem;align-items:start}.footer-brand{display:flex;align-items:center;gap:.45rem;color:var(--ink);font-weight:650;font-size:15px;margin-bottom:.25rem}.footer-brand img{width:24px;height:24px}.footer-brand .logo-name{margin-inline-end:3.2em}.logo-tld-sm{font-size:10.5px;top:-3px;padding:2px 4px}.home-more{text-align:start}.home-more .home-intro{margin-inline-start:0;margin-inline-end:0}.home-ext{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:1.4rem}.home-ext-item{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);color:var(--ink);font-weight:600;font-size:14px;text-decoration:none;transition:background .15s,border-color .15s}.home-ext-item:hover{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:var(--accent);color:var(--ink)}.home-ext-item span{color:var(--accent);font-size:12px}.footer-copy{margin-bottom:.15rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.footer-links{display:flex;flex-direction:column;gap:.1rem}.footer-links a,.footer-langs a{color:var(--ink-2)}.footer-links a:hover,.footer-langs a:hover{color:var(--accent)}.footer-install{position:relative}.footer-install[hidden]{display:none}.footer-install>button{padding:0;border:0;background:none;font:inherit;color:var(--ink-2);cursor:pointer;text-align:start}.footer-install>button:hover{color:var(--accent)}.footer-install-tip{position:absolute;inset-inline-start:0;bottom:calc(100% + 6px);z-index:30;width:max-content;max-width:min(280px,calc(100vw - 2rem));padding:.6rem .8rem;background:var(--paper-3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px -8px rgba(var(--shadow-rgb),.25);color:var(--ink);font-size:.88rem;line-height:1.45}.footer-install-tip[hidden]{display:none}.footer-langs a[aria-current]{color:var(--ink);font-weight:600}.footer-langs a{white-space:nowrap}.footer-meta{text-align:end}.footer-ver{display:flex;justify-content:flex-end;align-items:center;gap:.6rem;flex-wrap:wrap}.footer-version{font:600 12px/1 var(--mono);padding:3px 7px;border-radius:5px;border:1px solid var(--line);color:var(--ink-2);text-decoration:none}.footer-version:hover{border-color:var(--accent);color:var(--accent)}.changelog .ver{display:inline-block;margin-inline-end:.5rem;font:600 12px/1 var(--mono);padding:3px 7px;border-radius:5px;border:1px solid var(--line);color:var(--ink-2);vertical-align:1px}@media(max-width:800px){.footer-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.footer-meta{text-align:start;grid-column:1 / -1}.footer-ver{justify-content:flex-start}}.site-search{position:relative}.site-search input{font:inherit;font-size:.92rem;height:36px;padding:0 2rem;border:1px solid var(--line);border-radius:var(--radius-ctl);background:var(--paper-3);color:var(--ink);width:220px;max-width:40vw}.site-search:before{content:"";position:absolute;inset-inline-start:.7rem;top:18px;width:14px;height:14px;transform:translateY(-50%);pointer-events:none;background:var(--ink-3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat}.site-search .kbd{position:absolute;inset-inline-end:.7rem;top:18px;transform:translateY(-50%);pointer-events:none}.site-search.large input{width:100%;max-width:560px;height:50px;font-size:1rem;padding:0 3rem 0 2.7rem}.site-search.large:before{inset-inline-start:1rem;top:25px;width:17px;height:17px}.site-search.large .kbd{inset-inline-end:1rem;top:25px}.site-search input:focus{border-color:var(--accent)}.site-search input::placeholder{color:var(--ink-3)}.site-search .results{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:40;max-height:min(60vh,520px);overflow-y:auto;min-width:100%;width:max(100%,360px);max-width:90vw;background:var(--paper-3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px -10px rgba(var(--shadow-rgb),.3);overflow-x:hidden;text-align:start}.site-search.large .results{width:100%;max-width:560px}.site-search .results a{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:.7rem;align-items:center;padding:.55rem .8rem;color:var(--ink);border-top:1px solid var(--line)}.site-search .results a:first-child{border-top:0}.site-search .results a:hover,.site-search .results a.active{background:var(--paper-2);color:var(--ink)}.site-search .results a .ic{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--cat-soft, var(--paper-2));color:var(--cat, var(--ink-2))}.site-search .results a .tx{min-width:0;display:grid;gap:2px}.site-search .results a strong{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search .results a em{font-style:normal;font-weight:400;font-size:.78rem;color:var(--ink-3)}.site-search .results a small{display:block;font-size:.85rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search .results .empty{padding:.6rem .8rem;color:var(--ink-3);font-size:.9rem}@media(max-width:640px){.site-header .container{gap:.5rem}.site-header .site-search input{width:120px;max-width:34vw;padding-inline-start:1.8rem}.site-header .site-search .kbd{display:none}}.breadcrumb{font-size:14px;color:var(--ink-3);margin-bottom:.75rem}.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.breadcrumb li+li:before{content:"›";margin-inline-end:.35rem;color:var(--ink-3)}.breadcrumb a{color:var(--ink-3)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb [aria-current] span{color:var(--ink)}.breadcrumb ol>li:nth-last-child(2)>a{color:var(--cat, var(--ink-3));font-weight:600}.breadcrumb li.has-menu{display:inline-flex;align-items:center;gap:.3rem}.breadcrumb .bc-dd{position:relative;display:inline-flex}.breadcrumb .bc-chev{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-ctl);background:transparent;color:var(--ink-3)}.breadcrumb .bc-chev:hover,.breadcrumb li.open .bc-chev{border-color:var(--cat, var(--accent));color:var(--cat, var(--accent))}.breadcrumb li.open .bc-chev .chev{transform:rotate(180deg)}.breadcrumb .bc-menu{position:absolute;inset-inline-start:0;top:calc(100% + 6px);z-index:30;margin:0;padding:.35rem;list-style:none;min-width:220px;max-width:calc(100vw - 2.5rem);background:var(--paper-3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px -8px rgba(var(--shadow-rgb),.25)}.breadcrumb .bc-menu li{display:block}.breadcrumb .bc-menu li:before{content:none}.breadcrumb .bc-menu a{display:flex;align-items:center;gap:.55rem;padding:.38rem .9rem .38rem .5rem;border-radius:4px;color:var(--ink);font-size:.92rem;font-weight:400;white-space:nowrap}.breadcrumb .bc-menu a .tool-icon{color:var(--cat, var(--ink-2));flex:none}.breadcrumb .bc-menu a:hover{background:var(--paper-2);color:var(--ink)}.breadcrumb .bc-menu a[aria-current=page]{font-weight:600;background:var(--cat-soft, var(--paper-2))}.breadcrumb .bc-menu a[aria-current=page]:after{content:"";flex:none;margin-inline-start:auto;width:14px;height:14px;background:var(--ink-3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat}.cat-group{margin-bottom:2rem}.cat-title{font-size:1.1rem;margin:0 0 .75rem}.cat-title a{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink)}.cat-title .count{font-weight:400;font-size:.85rem}.cat-list{display:flex;flex-wrap:wrap;gap:.5rem}.cat-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-size:.92rem;background:transparent}.cat-chip:hover{border-color:var(--ink-2);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.preset-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 1.4rem;padding:18px 20px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 6%,var(--paper-3));color:var(--ink)}.preset-cta:hover{border-color:var(--accent);color:var(--ink)}.preset-cta-btn{height:46px;padding:0 26px;font-size:15.5px}.preset-cta-note{font-size:14px;color:var(--ink-2)}.preset-lead{max-width:780px;margin:-.4rem 0 1.2rem;font-size:1.02rem;line-height:1.6;color:var(--ink-2)}.preset-tool{padding:0;border:0;background:transparent}.preset-links{display:flex;flex-wrap:wrap;gap:8px}.preset-links a{padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;color:var(--ink-2);background:var(--paper-3)}.preset-links a:hover{border-color:var(--accent);color:var(--accent)}.home-tool{--cat: var(--blue)}.arr{display:inline-block}[dir=rtl] .arr{transform:scaleX(-1)}:lang(ar),:lang(ar) *{letter-spacing:0!important}[dir=rtl] .logo{direction:ltr}[dir=rtl] .home-compare b{direction:ltr;unicode-bidi:isolate}[dir=rtl] .breadcrumb li+li:before{content:"‹"}@media(max-width:640px){.home-table{min-width:0;font-size:13.5px;table-layout:fixed}.home-table th,.home-table td{padding:12px 10px;overflow-wrap:anywhere;hyphens:auto}.home-table tbody th{width:36%}.home-cmp b{font-size:.9rem}}.home-sites,.home-proof,.home-sec,.home-steps-wrap,.home-compare-wrap{--ink-2: #3d4452;--ink-3: #5b6170;--line: #dce0e6}:root[data-theme=dark] :is(.home-sites,.home-proof,.home-sec,.home-steps-wrap,.home-compare-wrap){--ink-2: #9aa2b1;--ink-3: #7b8290;--line: #22262e}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.home-sites,.home-proof,.home-sec,.home-steps-wrap,.home-compare-wrap){--ink-2: #9aa2b1;--ink-3: #7b8290;--line: #22262e}}.home-feature,.home-scene,.home-compare,.home-table-wrap{box-shadow:0 1px 2px #1018280d}.home-feature.f-a{background:#edf3fe;border-color:#c9daf6}.home-feature.f-b{background:#ecf7ef;border-color:#c6e4cf}.home-feature.f-f{background:#f4f7fc;border-color:#d6e0ef}.home-feature.f-a .home-feature-ic,.home-feature.f-f .home-feature-ic{background:#d9e6fc;color:#2459b8}.home-feature-ic{background:#dcefe0;color:#13692f}.home-cmp-bar i{background:linear-gradient(180deg,#23a04f,#167c3a)}.home-cmp.is-src .home-cmp-bar i{background:linear-gradient(180deg,#8a919e,#5f6676)}.home-cmp-bar{border-bottom-color:#c9ced6}.home-steps-wrap,.home-compare-wrap{background:#eef1f5;border-color:#dce0e6}.home-toc ol{border-inline-start-color:#dce0e6}.home-step-n{background:#fff}.home-steps-list li:not(:last-child):before{background:#b9dcc4}:root[data-theme=dark] :is(.home-feature,.home-scene,.home-compare,.home-table-wrap){box-shadow:none}:root[data-theme=dark] .home-feature.f-a{background:color-mix(in srgb,var(--blue) 7%,var(--paper-3));border-color:color-mix(in srgb,var(--blue) 18%,var(--line))}:root[data-theme=dark] .home-feature.f-b{background:color-mix(in srgb,var(--accent) 7%,var(--paper-3));border-color:color-mix(in srgb,var(--accent) 18%,var(--line))}:root[data-theme=dark] .home-feature.f-f{background:color-mix(in srgb,var(--blue) 4%,var(--paper-3));border-color:var(--line)}:root[data-theme=dark] .home-feature.f-a .home-feature-ic,:root[data-theme=dark] .home-feature.f-f .home-feature-ic{background:color-mix(in srgb,var(--blue) 14%,var(--paper-3));color:var(--blue)}:root[data-theme=dark] .home-feature-ic{background:var(--accent-soft);color:var(--accent)}:root[data-theme=dark] .home-cmp-bar i{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 70%,#fff),var(--accent))}:root[data-theme=dark] .home-cmp.is-src .home-cmp-bar i{background:linear-gradient(180deg,color-mix(in srgb,var(--ink-3) 70%,var(--paper)),var(--ink-3))}:root[data-theme=dark] .home-cmp-bar{border-bottom-color:var(--line-2)}:root[data-theme=dark] :is(.home-steps-wrap,.home-compare-wrap){background:var(--paper-2);border-color:var(--line)}:root[data-theme=dark] .home-toc ol{border-inline-start-color:var(--line)}:root[data-theme=dark] .home-step-n{background:var(--paper-3)}:root[data-theme=dark] .home-steps-list li:not(:last-child):before{background:color-mix(in srgb,var(--accent) 22%,var(--line))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.home-feature,.home-scene,.home-compare,.home-table-wrap){box-shadow:none}:root:not([data-theme=light]) .home-feature.f-a{background:color-mix(in srgb,var(--blue) 7%,var(--paper-3));border-color:color-mix(in srgb,var(--blue) 18%,var(--line))}:root:not([data-theme=light]) .home-feature.f-b{background:color-mix(in srgb,var(--accent) 7%,var(--paper-3));border-color:color-mix(in srgb,var(--accent) 18%,var(--line))}:root:not([data-theme=light]) .home-feature.f-f{background:color-mix(in srgb,var(--blue) 4%,var(--paper-3));border-color:var(--line)}:root:not([data-theme=light]) .home-feature.f-a .home-feature-ic,:root:not([data-theme=light]) .home-feature.f-f .home-feature-ic{background:color-mix(in srgb,var(--blue) 14%,var(--paper-3));color:var(--blue)}:root:not([data-theme=light]) .home-feature-ic{background:var(--accent-soft);color:var(--accent)}:root:not([data-theme=light]) .home-cmp-bar i{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 70%,#fff),var(--accent))}:root:not([data-theme=light]) .home-cmp.is-src .home-cmp-bar i{background:linear-gradient(180deg,color-mix(in srgb,var(--ink-3) 70%,var(--paper)),var(--ink-3))}:root:not([data-theme=light]) .home-cmp-bar{border-bottom-color:var(--line-2)}:root:not([data-theme=light]) :is(.home-steps-wrap,.home-compare-wrap){background:var(--paper-2);border-color:var(--line)}:root:not([data-theme=light]) .home-toc ol{border-inline-start-color:var(--line)}:root:not([data-theme=light]) .home-step-n{background:var(--paper-3)}:root:not([data-theme=light]) .home-steps-list li:not(:last-child):before{background:color-mix(in srgb,var(--accent) 22%,var(--line))}}.pg{padding:0}.pg-hero{background:var(--paper-2);border-bottom:1px solid var(--line);padding:1.6rem 0 2.6rem}.pg-hero .breadcrumb{margin-bottom:1.4rem}.pg-hero .breadcrumb ol>li:nth-last-child(2)>a{color:var(--ink-2);font-weight:600}.pg-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:2.5rem 3.5rem;align-items:center}.pg-hero-txt h1{margin:0;font-size:clamp(1.9rem,4vw,2.75rem);line-height:1.1;font-weight:800;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}.pg-sub{margin:.8rem 0 0;font-size:1.12rem;line-height:1.5;font-weight:600;color:var(--ink);max-width:60ch}.pg-lead{margin:.9rem 0 0;font-size:1.02rem;line-height:1.65;color:var(--ink-2);max-width:64ch}.pg-lead a{color:var(--accent)}.pg-hero-sm{padding-bottom:2.2rem}.pg-card{display:grid;gap:14px;padding:22px;border:1px solid #c6e4cf;border-radius:16px;background:var(--paper-3);color:var(--ink);text-decoration:none;box-shadow:0 1px 2px #1018280d,0 24px 48px -30px #10502866;transition:border-color .15s,transform .2s}.pg-card:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-2px)}.pg-specs{margin:0;display:grid;gap:0}.pg-specs div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.pg-specs div:first-child{padding-top:0}.pg-specs dt{font-size:13.5px;color:var(--ink-2)}.pg-specs dd{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.01em;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.pg-specs div:first-child dd{font-size:2rem}.pg-card-note{font-size:13.5px;line-height:1.5;color:var(--ink-2)}.pg-card-btn{width:100%;height:48px;font-size:15.5px;font-weight:700;border-radius:10px;pointer-events:none}.pg-card:hover .pg-card-btn{filter:brightness(1.06)}@media(max-width:860px){.pg-hero-grid{grid-template-columns:minmax(0,1fr);gap:1.6rem}.pg-hero{padding-bottom:2rem}}@media(prefers-reduced-motion:reduce){.pg-card{transition:none}.pg-card:hover{transform:none}}.pg .home-doc{padding-top:3.5rem}.pg .tool-content{margin-top:0}.pg-body{padding-top:3rem}.pg-body .home-article{margin-inline:auto}.pg .ad-slot{margin-top:2rem}.pg-cta-wrap{padding-top:4rem}.pg-related{padding:4rem 0 1rem}.pg-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:1.6rem}.pg-rel{display:grid;align-content:start;gap:6px;padding:18px 18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--paper-3);color:var(--ink);text-decoration:none;box-shadow:0 1px 2px #1018280d;transition:border-color .15s,transform .2s;min-width:0;overflow-wrap:break-word}.pg-rel:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--ink);transform:translateY(-2px)}.pg-rel b{font-size:15px;line-height:1.35;letter-spacing:-.005em}.pg-rel span{font-size:13px;line-height:1.5;color:var(--ink-2)}@media(max-width:1000px){.pg-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.pg-related-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.pg-rel{transition:none}.pg-rel:hover{transform:none}}.pg .changelog{max-width:760px;margin:2.5rem auto 0;display:grid;gap:12px}.pg .changelog .entry{grid-template-columns:8.5em minmax(0,1fr);gap:1.4rem;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--paper-3)}.pg .changelog .entry:last-child{border-bottom:1px solid var(--line)}.pg .changelog time{color:var(--ink);font-weight:600}.pg .changelog .items{gap:.7rem}.pg .changelog p{color:var(--ink-2)}.pg .changelog .ver{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.pg .changelog .items>p+p:before,.pg .changelog .items>p:first-child:not(:last-child):before{content:"· "}@media(max-width:640px){.pg .changelog .entry{grid-template-columns:minmax(0,1fr);gap:.5rem;padding:16px}}.pg .contact-grid{padding-top:3rem;margin-top:0}@media(max-width:900px){.contact-grid .home-doc-main{order:2}}.site-footer{margin-top:4.5rem;padding:3rem 0 2.5rem;background:var(--paper-2);border-top:1px solid var(--line);font-size:13.5px;line-height:1.45}.footer-grid{gap:1.5rem 2.25rem;padding-bottom:2rem}.footer-cat{display:block;font-size:13.5px;font-weight:700;letter-spacing:-.005em;margin-bottom:.2rem}.footer-col ul{gap:.55rem;margin-top:.7rem}.footer-col a{color:var(--ink-2);text-decoration:none}.footer-col a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.footer-bottom{padding-top:1.6rem;line-height:1.7}.pg,.site-footer{--ink-2: #3d4452;--ink-3: #5b6170;--line: #dce0e6}.site-footer{--paper-2: #eef1f5}:root[data-theme=dark] :is(.pg,.site-footer){--ink-2: #9aa2b1;--ink-3: #7b8290;--line: #22262e;--paper-2: #171a21}:root[data-theme=dark] .pg-card{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:none}:root[data-theme=dark] .pg-rel{box-shadow:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.pg,.site-footer){--ink-2: #9aa2b1;--ink-3: #7b8290;--line: #22262e;--paper-2: #171a21}:root:not([data-theme=light]) .pg-card{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:none}:root:not([data-theme=light]) .pg-rel{box-shadow:none}}.pg .home-article+.home-article{margin-top:3rem}.pg-specs dd{direction:ltr;unicode-bidi:isolate}.preset-page .pg-hero{border-bottom:0;padding-bottom:1.4rem}.pg .tool-band{--ink-2: #5b6170;--ink-3: #7c8391;--line: #e4e7ec}.pg .tool-band .home-hero-in{padding-top:0}:root[data-theme=dark] .pg .tool-band{--ink-2: #9aa2b1;--ink-3: #7b8290;--line: #22262e}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pg .tool-band{--ink-2: #9aa2b1;--ink-3: #7b8290;--line: #22262e}}.home-tool{scroll-margin-top:16px}.pg-card{display:grid;gap:16px;padding:22px 22px 18px;cursor:default;transition:none}.pg-card:hover{transform:none;border-color:#c6e4cf}.pg-card-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}.pg-card-ic{flex:none;width:52px;height:52px;border-radius:14px;object-fit:contain}.pg-card-id{display:grid;gap:2px;min-width:0}.pg-card-id small{font-size:12.5px;color:var(--ink-2)}.pg-card-id b{font-size:1.3rem;font-weight:800;letter-spacing:-.015em;color:var(--ink);line-height:1.2;overflow-wrap:anywhere}.pg-specs div:first-child{padding-top:10px}.pg-specs div:last-child{border-bottom:0;padding-bottom:0}.pg-specs dd.is-text{font-size:.98rem;font-weight:700;white-space:normal;text-align:end}.pg-specs div:first-child dd.is-text{font-size:1rem}:root[data-theme=dark] .pg-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pg-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}}.footer-tm{margin-top:.5rem;font-size:12px;color:var(--ink-3);max-width:46ch}.pg-specs dt{flex:none;white-space:nowrap}.pg-specs dd.is-text{flex:1 1 auto;min-width:0}:root{--plus: #6a00f4;--plus-hover: #5a00d0;--plus-soft: #f1e8fe;--btn-primary: var(--plus);--btn-primary-hover: var(--plus-hover);--btn-primary-fg: #ffffff;--out: var(--accent);--out-text: var(--accent);--out-soft: var(--accent-soft);--fs-sm: 15px;--radius-lg: 12px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--plus: #c08bff;--plus-hover: #cfa5ff;--plus-soft: #2a1c3d;--btn-primary: #7c2cf0;--btn-primary-hover: #8b3dff}}:root[data-theme=dark]{--plus: #c08bff;--plus-hover: #cfa5ff;--plus-soft: #2a1c3d;--btn-primary: #7c2cf0;--btn-primary-hover: #8b3dff}.pro-pill{display:inline-flex;align-items:center;gap:.32rem;height:32px;padding:0 .72rem 0 .6rem;border-radius:999px;background:var(--btn-primary);color:var(--btn-primary-fg);font-size:.85rem;font-weight:700;letter-spacing:.01em;line-height:1;white-space:nowrap;vertical-align:middle;transition:background-color .12s}.pro-pill svg{width:16px;height:16px;flex:none}.pro-pill-sm{height:26px;padding:0 .6rem 0 .5rem;gap:.28rem;font-size:.8rem}.pro-pill-sm svg{width:14px;height:14px}.pro-pill-xs{height:20px;padding:0 .5rem 0 .4rem;gap:.2rem;font-size:.7rem}.pro-pill-xs svg{width:11px;height:11px}.pro-pill-outline{background:transparent;color:var(--plus);box-shadow:inset 0 0 0 1.5px var(--plus)}.pro-pill-quiet{background:var(--btn-bg);color:var(--plus)}.nav>a.nav-pro{display:inline-flex;color:var(--plus);border-radius:999px}.nav>a.nav-pro:hover{color:var(--plus)}.nav>a.nav-pro:hover .pro-pill{background:var(--plus-soft)}.nav>a.nav-pro[hidden],html[data-pro] .nav>a.nav-pro{display:none}.nav-account>svg{flex:none}.nav-account{display:inline-flex;align-items:center;gap:.35rem;height:32px;padding:0 .55rem;border:1px solid transparent;border-radius:var(--radius-ctl);color:var(--ink-2);font-size:.88rem;white-space:nowrap}.nav-account:hover{border-color:var(--accent);color:var(--ink)}.saas-pro-badge{display:inline-flex;margin-left:.15rem}.saas-pro-badge[hidden]{display:none}@media(max-width:720px){.nav>a.nav-account,.nav>a.nav-pro:not([hidden]){display:inline-flex}.nav-account [data-label]{display:none}.nav-account{padding:0 .5rem}.site-header:has(.nav-account) .nav{gap:.5rem}}@media(max-width:480px){.nav>a.nav-pro:not([hidden]){display:none}.nav-account{min-width:32px;padding:0;justify-content:center}.nav-account:has(.saas-pro-badge:not([hidden]))>svg{display:none}.nav-account .saas-pro-badge{margin-left:0}.site-header:has(.nav-account) .nav{gap:.35rem}.site-header:has(.nav-account) .lang-menu summary>span,.site-header:has(.nav-account) .lang-menu summary>svg:last-child{display:none}.site-header:has(.nav-account) .lang-menu summary{width:32px;height:32px;padding:0;justify-content:center}}@media(max-width:400px){.site-header:has(.nav-account) .logo-name{margin-right:0}.site-header:has(.nav-account) .logo-tld{display:none}}.saas-dialog{width:min(420px,calc(100vw - 32px));max-width:none;margin:auto;padding:0;border:0;outline:0;border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 1px #ffffff0f inset,0 0 0 1px var(--line),0 30px 80px -20px rgba(var(--shadow-rgb),.45);overflow:hidden}.saas-dialog:focus,.saas-dialog:focus-visible{outline:0}.saas-dialog::backdrop{background:rgba(var(--shadow-rgb),.5);backdrop-filter:blur(2px)}.saas-dialog-in{position:relative;padding:44px 36px 28px;text-align:center}.saas-dialog-x{position:absolute;top:12px;right:12px;margin:0}.saas-dialog-x button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--ink-3);cursor:pointer}.saas-dialog-x button:hover{background:var(--btn-bg);color:var(--ink)}.saas-dialog-brand{display:block;width:40px;height:40px;margin:0 auto 18px}.saas-dialog h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.saas-sub{margin:0 0 1.75rem;color:var(--ink-2);font-size:.95rem;line-height:1.5;text-wrap:balance}.saas-sub b{color:var(--ink);font-weight:600}.saas-field{display:grid;gap:.4rem;margin-bottom:.75rem;text-align:left}.saas-field input{width:100%;min-width:0;box-sizing:border-box;height:48px;padding:0 16px;border:1px solid var(--line-2, var(--line));border-radius:10px;background:var(--paper-2);color:var(--ink);font:inherit;font-size:1rem;font-weight:400;transition:border-color .12s,box-shadow .12s,background-color .12s}.saas-field input::placeholder{color:var(--ink-3)}.saas-field input:focus{outline:none;background:var(--paper);border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.saas-code{letter-spacing:.45em;font-size:1.5rem!important;font-weight:700!important;text-align:center;font-variant-numeric:tabular-nums;padding-left:.45em!important}.saas-code::placeholder{letter-spacing:.45em;font-weight:500;opacity:.5}.saas-err{margin:-.3rem 0 .8rem;color:var(--err);font-size:.9rem}.saas-wide{width:100%;height:48px;font-size:1rem;border-radius:10px}.saas-fine,.saas-links{margin:1.5rem 0 0;font-size:.82rem;color:var(--ink-3);text-align:center}.saas-fine a,.saas-link{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}.saas-link{background:none;border:0;padding:0;font:inherit;cursor:pointer}.saas-link:hover,.saas-fine a:hover{color:var(--accent)}@media(max-width:480px){.saas-dialog-in{padding:36px 24px 24px}}.saas-hero{background:var(--paper-2);border-bottom:1px solid var(--line);padding:1.25rem 0 1.4rem}.saas-hero .container{text-align:center}.saas-hero .breadcrumb{margin-bottom:.35rem}.saas-hero .breadcrumb ol{justify-content:center}.saas-hero-sub{margin:0 auto;max-width:900px;font-size:1.05rem;line-height:1.5;color:var(--ink-2);text-wrap:balance}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.saas-body{padding-top:1.5rem;padding-bottom:5rem}.saas-body-plans{padding-top:1.75rem;padding-bottom:3rem}.saas-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1080px;margin:0 auto;align-items:stretch}@media(max-width:900px){.saas-plans{grid-template-columns:1fr;max-width:460px}}.saas-plan{display:flex;flex-direction:column;padding:32px 30px 30px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--ink) 3.5%,var(--paper));box-shadow:0 0 0 1px transparent;cursor:pointer;outline:none;transition:border-color .12s,box-shadow .12s}.saas-plan:hover{border-color:var(--ink-3)}.saas-plan.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 0 5px var(--ring)}.saas-plan.is-selected .btn:not(.primary){background:var(--btn-bg-active)}.saas-plan .btn,.saas-plan a{cursor:pointer}.saas-plan h2{margin:0;font-size:1.15rem;font-weight:700}.saas-price{display:flex;align-items:flex-start;gap:.1rem;margin:1rem 0 .45rem;font-size:2.9rem;font-weight:800;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}.saas-cur{font-size:1.35rem;font-weight:700;margin-top:.22rem;margin-right:.05rem}.saas-cents{font-size:1.35rem;font-weight:700;margin-top:.22rem;letter-spacing:-.01em}.saas-price small{align-self:flex-end;margin:0 0 .25rem .35rem;font-size:1rem;font-weight:500;color:var(--ink-2);letter-spacing:0}.saas-charge{margin:0;padding-left:calc(16px + .55rem);font-size:1rem;font-weight:500;color:var(--ink-2)}.saas-perks{list-style:none;margin:1.5rem 0 2rem;padding:1.5rem 0 0;border-top:1px solid var(--line);display:grid;gap:.75rem;align-content:start;flex:1}.saas-perks li{display:flex;gap:.55rem;align-items:baseline;line-height:1.45}.saas-perks li:before{content:"";flex:none;width:14px;height:8px;border-left:2.5px solid var(--out);border-bottom:2.5px solid var(--out);transform:rotate(-45deg) translateY(-2px)}.saas-perks li.is-limit{color:var(--ink-3)}.saas-perks-tight{margin:.2rem 0 1rem;padding:0;border:0;flex:none}.saas-hint{margin:0 0 1rem;font-size:.9rem;color:var(--ink-2)}.saas-perks li.is-limit:before{width:12px;height:0;border-left:0;border-bottom:2px solid var(--ink-3);transform:translateY(-4px);margin-right:2px}.saas-soon{display:inline-block;margin-left:.45rem;padding:1px 7px;border-radius:999px;background:var(--btn-bg);color:var(--ink-3);font-size:.72rem;font-style:normal;font-weight:600;vertical-align:1px;white-space:nowrap}.saas-plan .btn{height:46px;font-size:1rem;width:100%}.saas-show{max-width:1080px;margin:0 auto}.saas-plans-band{padding:3rem 0;background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.saas-body-tail{padding-top:0}.saas-show-h{display:flex;align-items:center;justify-content:center;gap:.45em;margin:0 0 1.75rem;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.saas-show-h .pro-pill-sm{height:30px;font-size:.9rem}.saas-video .saas-show-h{font-size:1.5rem;margin-bottom:1.25rem}.saas-show-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media(max-width:900px){.saas-show-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}.saas-shot{display:flex;flex-direction:column;margin:0}.saas-shot .saas-mock{flex:1}.saas-shot h3{margin:0 0 .7rem;font-size:1rem;font-weight:700;color:var(--ink)}.saas-shot figcaption{margin:.85rem 2px 0;font-size:.875rem;line-height:1.6;color:var(--ink-2)}.saas-mock{position:relative;overflow:hidden;padding:14px 16px;border:1px solid var(--line-2);border-radius:12px;background:var(--paper);font-size:14px;line-height:1.6;color:var(--ink)}.saas-mock-bar{display:flex;gap:4px;margin:-4px 0 10px -6px;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.saas-mock-tool{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border-radius:7px;font-size:12.5px;font-weight:500;color:var(--ink-2)}.saas-mock-tool.is-on{background:var(--btn-bg-hover);color:var(--ink)}.saas-mock-pause{width:9px;height:10px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}.saas-mock-wave{width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M4 10v4M8 7v10M12 4v16M16 8v8M20 10v4'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M4 10v4M8 7v10M12 4v16M16 8v8M20 10v4'/%3E%3C/svg%3E") center / contain no-repeat}.saas-mock-line{margin:0 0 12px;font-size:15px}.saas-chip{display:inline-flex;align-items:center;gap:4px;padding:0 8px 0 7px;height:1.45em;vertical-align:1px;font-size:.82em;font-weight:650;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;white-space:nowrap}.saas-chip .saas-mock-wave{width:11px;height:11px}.saas-mock-parts{list-style:none;margin:0;padding:8px 0 0;border-top:1px solid var(--line);display:grid;gap:4px}.saas-mock-parts li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:5px 8px;border-radius:7px;font-size:13.5px}.saas-mock-parts li:first-child{background:var(--out-soft);box-shadow:inset 3px 0 0 var(--out)}.saas-mock-parts b{padding:1px 7px;border-radius:999px;font-size:11.5px;font-weight:650;color:var(--accent);background:var(--accent-soft)}.saas-mock-parts em{font-style:normal;font-size:12px;color:var(--out-text);font-variant-numeric:tabular-nums}.saas-mock-pj{padding:12px 10px}.saas-mock-pj>*{max-width:300px}.saas-mock-pjh{display:flex;justify-content:space-between;align-items:center;padding:0 6px 10px;margin-bottom:6px;border-bottom:1px solid var(--line)}.saas-mock-pjh b{font-size:15px;font-weight:700}.saas-mock-pjh span{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:var(--ink-2);font-size:18px;line-height:1}.saas-mock-folder{display:flex;align-items:center;gap:8px;padding:6px;font-weight:600;font-size:13.5px}.saas-mock-folder em{margin-left:auto;font-style:normal;font-weight:500;color:var(--ink-3);font-size:12.5px}.saas-mock-doc{display:flex;align-items:center;gap:8px;margin-left:10px;padding:6px 8px;border-radius:7px;font-size:13.5px;color:var(--ink-2)}.saas-mock-doc.is-cur{background:var(--accent-soft);color:var(--accent);font-weight:600}.saas-mock-fold,.saas-mock-file{flex:none;width:15px;height:13px;border:1.6px solid currentColor;border-radius:3px;box-sizing:border-box;color:var(--ink-2)}.saas-mock-fold{border-top-left-radius:1px;position:relative}.saas-mock-fold:before{content:"";position:absolute;left:-1.6px;top:-5px;width:7px;height:4px;border:1.6px solid currentColor;border-bottom:0;border-radius:2px 2px 0 0}.saas-mock-file{width:12px;height:14px;border-radius:2px}.saas-mock-doc.is-cur .saas-mock-file{color:var(--accent)}.saas-fn{margin-left:2px;font-size:.72em;line-height:0}.saas-fn a{color:var(--accent);text-decoration:none;font-weight:700}.saas-fn a:hover{text-decoration:underline}.saas-notes{max-width:1080px;margin:2rem auto 0;padding:0 0 0 1.4em;color:var(--ink-2);font-size:.875rem;line-height:1.65;display:grid;gap:.4rem}.saas-notes li{padding-left:.3em}.saas-notes li::marker{color:var(--accent);font-weight:700}.saas-notes li:target{color:var(--ink)}.saas-mock-ads{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.saas-mock-page{display:grid;gap:7px;align-content:start;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2)}.saas-mock-page>b{display:flex;align-items:center;height:26px;margin-bottom:2px;font-size:13px;font-weight:700;color:var(--ink-2)}.saas-mock-page.is-pro{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.saas-mock-l{display:block;height:7px;border-radius:4px;background:color-mix(in srgb,var(--ink-3) 35%,transparent)}.saas-mock-ad{display:grid;place-items:center;height:34px;margin:2px 0;border:1px dashed var(--ink-3);border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--ink-3) 10%,transparent) 6px 7px)}.saas-video{max-width:960px;margin:3.5rem auto 0}.saas-video-el{display:block;width:100%;height:auto;border:1px solid var(--line-2);border-radius:12px;background:var(--paper-2)}.saas-small{margin:3.5rem auto 0;max-width:640px;color:var(--ink-3);font-size:.85rem;line-height:1.7;text-align:center}.saas-small p{margin:0 0 .5rem}.saas-small p:last-child{margin:0}.saas-small a{color:var(--ink-2);text-decoration:underline}.saas-card{max-width:620px;padding:32px 30px 30px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.saas-card+.saas-card{margin-top:18px}.saas-card h2{margin:0 0 .9rem;font-size:1.1rem;font-weight:700}.saas-row{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-top:1px solid var(--line);font-size:.95rem}.saas-row:first-of-type{border-top:0}.saas-row span:first-child{color:var(--ink-2)}.saas-row b{font-weight:600;text-align:right}.saas-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.1rem}.saas-acct{padding-top:1.75rem}.saas-acct-out{margin:1rem auto 0}.saas-band{margin:0 0 1.5rem;padding:18px 22px;border-radius:14px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink)}.saas-band[data-kind=ok]{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 16%,var(--paper)) 0%,color-mix(in srgb,var(--accent) 6%,var(--paper)) 60%,var(--paper) 100%)}.saas-band[data-kind=warn]{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 10%,var(--paper))}.saas-band-in{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.saas-band-pill{display:none;flex:none}.saas-band[data-kind=ok] .saas-band-pill{display:inline-flex}.saas-band-text{flex:1;min-width:240px;display:grid;gap:2px}.saas-band-text b{font-size:1.25rem;font-weight:800;letter-spacing:-.015em;line-height:1.2}.saas-band-text span{font-size:.95rem;color:var(--ink-2);line-height:1.5}.saas-band-text span:empty{display:none}.saas-acct-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}.saas-acct-nav{position:sticky;top:84px;display:grid;gap:4px}.saas-acct-nav button{display:block;width:100%;height:40px;padding:0 14px;border:0;border-radius:10px;background:none;color:var(--ink-2);font:inherit;font-size:.95rem;font-weight:600;text-align:left;cursor:pointer;transition:background-color .12s,color .12s}.saas-acct-nav button:hover{background:var(--btn-bg-hover);color:var(--ink)}.saas-acct-nav button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.saas-acct-who{margin-top:18px;padding:14px 14px 0;border-top:1px solid var(--line);display:grid;gap:3px;font-size:.8rem;color:var(--ink-3)}.saas-acct-who b{font-size:.85rem;font-weight:600;color:var(--ink-2);overflow-wrap:anywhere}.saas-acct-main{min-width:0}.saas-pane{padding:28px 30px 30px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.saas-plan-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.saas-plan-name{display:flex;align-items:baseline;gap:12px;min-width:0}.saas-plan-k{font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.saas-plan-name>b{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ink);overflow-wrap:anywhere}.saas-plan-of{font-size:1rem;color:var(--ink-3)}.saas-plan-pill{display:inline-flex}.saas-plan-name:has(.saas-plan-pill:not([hidden])){align-items:center}.saas-plan-pill .pro-pill{height:36px;padding:0 .9rem 0 .72rem;font-size:1rem}.saas-plan-pill .pro-pill svg{width:18px;height:18px}[data-pane=account] .saas-plan-name>b{font-size:1.35rem;letter-spacing:-.01em}.saas-plan-acts{display:flex;gap:10px;flex-wrap:wrap}.btn.btn-plus{display:inline-flex;align-items:center;gap:.4rem;height:38px;padding-inline:1rem 1.2rem;border-radius:999px;background:var(--btn-primary);border-color:var(--btn-primary);color:var(--btn-primary-fg);font-weight:700;letter-spacing:.01em}.btn.btn-plus:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);color:var(--btn-primary-fg);filter:none}.btn.btn-plus:active:not(:disabled){background:var(--btn-primary-hover);filter:brightness(.92)}.btn.btn-plus svg{width:16px;height:16px;flex:none}.saas-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.saas-tile{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);display:grid;gap:6px}.saas-tile span{font-size:.8rem;color:var(--ink-3)}.saas-tile b{font-size:1.05rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.saas-tiles+.saas-hint{margin-top:18px;margin-bottom:0}.saas-pane-sec{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.saas-pane-sec h2{margin:0 0 .8rem;font-size:1rem;font-weight:700}.saas-danger-sec h2{color:var(--ink)}.saas-recent{list-style:none;margin:0;padding:0;display:grid;gap:2px}.saas-recent li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;font-size:.92rem}.saas-recent li:hover{background:var(--paper-2)}.saas-recent a{color:var(--ink);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saas-recent a:hover{color:var(--accent)}.saas-recent span{flex:none;color:var(--ink-3);font-size:.82rem;font-variant-numeric:tabular-nums}@media(max-width:760px){.saas-acct-grid{grid-template-columns:1fr;gap:16px}.saas-acct-nav{position:static;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2)}.saas-acct-nav button{height:36px;padding:0;text-align:center}.saas-acct-who{display:none}.saas-pane{padding:20px 18px 22px}.saas-tiles{grid-template-columns:1fr}.saas-plan-name>b{font-size:1.6rem}}.saas-danger{color:var(--err)!important}.btn.ghost.saas-danger{border:1px solid color-mix(in srgb,var(--err) 55%,transparent);background:transparent;color:var(--err)!important;font-weight:600}.btn.ghost.saas-danger:hover{background:color-mix(in srgb,var(--err) 10%,transparent);border-color:var(--err)}.saas-dialog [hidden],[data-account] [hidden],[data-pro-card] [hidden],html[data-pro] .ad-slot{display:none!important}.ui-dialog{width:min(420px,calc(100vw - 32px));max-width:none;margin:auto;padding:0;border:0;outline:0;border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 1px #ffffff0f inset,0 0 0 1px var(--line),0 30px 80px -20px rgba(var(--shadow-rgb),.45)}.ui-dialog:focus,.ui-dialog:focus-visible{outline:0}.ui-dialog::backdrop{background:rgba(var(--shadow-rgb),.5);backdrop-filter:blur(2px)}.ui-dialog-in{margin:0;padding:26px 28px 22px}.ui-dialog h2{margin:0 0 .45rem;font-size:1.2rem;font-weight:700;letter-spacing:-.01em;line-height:1.35}.ui-dialog p{margin:0 0 1rem;color:var(--ink-2);font-size:.95rem;line-height:1.5;text-wrap:pretty}.ui-dialog p.ui-dialog-hint{margin-bottom:.4rem;color:var(--ink);overflow-wrap:anywhere}.ui-dialog-input{display:block;width:100%;box-sizing:border-box;height:42px;margin:.25rem 0 0;padding:0 12px;border:1px solid var(--line-2, var(--line));border-radius:10px;background:var(--paper-2);color:var(--ink);font:inherit;font-size:15px}.ui-dialog-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.ui-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:1.3rem}.ui-dialog h2 .pro-pill{vertical-align:.08em;margin:0 .1em}.ui-dialog .btn.ui-btn-plus{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding-inline:1.05rem 1.25rem;background:var(--btn-primary);border-color:var(--btn-primary);color:var(--btn-primary-fg);font-weight:600}.ui-dialog .btn.ui-btn-plus:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);filter:none}.ui-dialog .ui-btn-plus svg{width:16px;height:16px;flex:none}.ui-dialog-actions:has(.ui-btn-plus) .btn{border-radius:999px;padding-inline:1.15rem}.btn.ui-btn-danger{background:var(--err);color:#fff;border-color:transparent}.btn.ui-btn-danger:hover{background:color-mix(in srgb,var(--err) 85%,#000);color:#fff}.saas-show-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-inline:auto}@media(max-width:900px){.saas-show-grid-2{grid-template-columns:1fr;max-width:460px}}.saas-mock-batch{padding:12px 12px 10px}.saas-mock-bh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 10px;margin-bottom:6px;border-bottom:1px solid var(--line)}.saas-mock-bh b{font-size:15px;font-weight:700}.saas-mock-btn{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:8px;background:var(--accent);color:var(--brand-fg);font-size:12.5px;font-weight:600;white-space:nowrap}.saas-mock-q{list-style:none;margin:0;padding:0;display:grid;gap:2px}.saas-mock-q li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:1px;padding:7px 8px 8px;border-radius:8px;font-size:13px}.saas-mock-q li>span{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink)}.saas-mock-q li>em{grid-column:1;font-style:normal;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:start}.saas-mock-q li>b{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:12px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}.saas-mock-q li.is-done>b{color:var(--accent)}.saas-mock-q li.is-run{background:var(--paper-2)}.saas-mock-q li.is-run>b{color:var(--ink)}.saas-mock-q li>i{position:absolute;inset-inline:8px;bottom:3px;height:3px;border-radius:2px;background:var(--line);overflow:hidden}.saas-mock-q li>i:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--p, 0) * 100%);background:var(--accent);border-radius:2px}.saas-mock-pj .saas-mock-doc>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
