@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink-950:#0e1116;--ink-800:#262b35;--ink-600:#4a5263;--ink-500:#5b6475;--ink-300:#b9bfca;--ink-200:#dde1e7;--ink-100:#eef0f3;--ink-50:#f6f7f9;--white:#fff;--lime-400:#c8f031;--lime-300:#ddf77a;--lime-100:#f3fcd0;--lime-800:#4e6600;--cobalt-700:#1b36c2;--cobalt-600:#2445e6;--cobalt-50:#eef1fe;--bg-page:var(--white);--bg-canvas:var(--ink-50);--bg-surface:var(--ink-100);--bg-inverse:var(--ink-950);--text-primary:var(--ink-950);--text-secondary:var(--ink-600);--text-muted:var(--ink-500);--text-inverse:var(--white);--text-link:var(--cobalt-700);--text-accent:var(--lime-800);--border-default:var(--ink-200);--border-strong:var(--ink-300);--border-focus:var(--cobalt-600);--accent-fill:var(--lime-400);--accent-soft:var(--lime-100);--action-primary:var(--ink-950);--font-sans:"Geist Variable", "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", sans-serif;--font-mono:"Geist Mono Variable", "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--wrap:1180px;--radius:14px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65}img,svg{max-width:100%;display:block}a{color:var(--text-link);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;margin:0 0 .5em;font-weight:600;line-height:1.12}h1{letter-spacing:-.035em;font-size:clamp(2.3rem,5.2vw,3.75rem)}h2{font-size:clamp(1.55rem,3vw,1.9rem)}h3{letter-spacing:-.01em;font-size:1.2rem}p{margin:0 0 1em}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.lead{color:var(--text-secondary);max-width:46rem;font-size:1.22rem;line-height:1.55}.mono{font-family:var(--font-mono);letter-spacing:.02em;font-size:.8rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 14px;font-size:.78rem}.skip-link{z-index:50;background:var(--bg-inverse);color:var(--text-inverse);border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:8px}.chip{font-family:var(--font-mono);letter-spacing:.03em;background:var(--accent-fill);color:var(--ink-950);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:4px 9px;font-size:.76rem;font-weight:500;display:inline-flex}.chip--soft{background:var(--bg-surface);color:var(--text-secondary)}.seal{background:var(--accent-soft);color:var(--text-primary);border-radius:999px;align-items:center;gap:9px;padding:7px 14px 7px 12px;font-size:.9rem;display:inline-flex}.seal:before{content:"";background:var(--accent-fill);width:10px;height:10px;box-shadow:0 0 0 1.25px var(--ink-950);border-radius:50%;flex:none}.btn{font:500 .95rem/1.25 var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;display:inline-flex}.btn--primary{background:var(--action-primary);color:var(--text-inverse)}.btn--primary:hover{background:var(--ink-800)}.btn--ghost{color:var(--text-primary);border-color:var(--border-strong);background:0 0}.btn--ghost:hover{background:var(--bg-canvas)}.selbox{border:1.5px dashed var(--border-strong);background:var(--bg-canvas);border-radius:4px;position:relative}.selbox>.h{background:var(--bg-page);border:1.5px solid var(--border-focus);width:10px;height:10px;position:absolute}.selbox>.h:first-of-type{top:-6px;left:-6px}.selbox>.h:nth-of-type(2){top:-6px;right:-6px}.selbox>.h:nth-of-type(3){bottom:-6px;left:-6px}.selbox>.h:nth-of-type(4){bottom:-6px;right:-6px}.site-header{z-index:20;backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border-default);background:#ffffffeb;position:sticky;top:0}.site-header__bar{align-items:center;gap:28px;height:64px;display:flex}.brand{color:var(--text-primary);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand__logo{width:auto;height:29px}.site-nav{gap:22px;margin-left:auto;display:flex}.site-nav a{color:var(--text-secondary);font-size:.95rem;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current]{color:var(--text-primary)}.nav-toggle{cursor:pointer;background:0 0;border:0;margin-left:auto;padding:8px;display:none}.nav-toggle__bars{gap:4px;display:grid}.nav-toggle__bars span{background:var(--ink-950);width:20px;height:2px;display:block}.lang-switch{font-size:.9rem;position:relative}.lang-switch summary{cursor:pointer;font-family:var(--font-mono);border:1px solid var(--border-default);border-radius:8px;padding:6px 10px;font-size:.78rem;list-style:none}.lang-switch summary::-webkit-details-marker{display:none}.lang-switch__menu{background:var(--bg-page);border:1px solid var(--border-default);border-radius:10px;min-width:160px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #0e111614}.lang-switch__menu a{color:var(--text-primary);border-radius:6px;padding:6px 10px;text-decoration:none;display:block}.lang-switch__menu a:hover{background:var(--bg-canvas)}@media (width<=760px){.site-header__bar{gap:12px}.nav-toggle{display:block}.site-nav{background:var(--bg-page);border-bottom:1px solid var(--border-default);flex-direction:column;gap:0;padding:8px 24px 16px;display:none;position:absolute;top:64px;left:0;right:0}.site-nav a{padding:10px 0}.site-header.is-open .site-nav{display:flex}}.hero{padding:72px 0 56px}.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;display:grid}.hero h1{margin-bottom:18px}.hero .seal{margin-top:10px}.dropzone{text-align:center;place-items:center;min-height:300px;padding:40px 28px;display:grid}.dropzone__icon{width:44px;height:44px;margin:0 auto 16px}.dropzone strong{letter-spacing:-.01em;font-size:1.25rem;font-weight:600;display:block}.dropzone small{color:var(--text-muted);margin-top:4px;font-size:.9rem;display:block}.dropzone .chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px;display:flex}.tools{padding:40px 0 72px;scroll-margin-top:72px}.tools__head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.tools__head p{color:var(--text-secondary);max-width:34rem;margin:0}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tool-card{border:1px solid var(--border-default);border-radius:var(--radius);background:var(--bg-page);height:100%;color:inherit;flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;position:relative}a.tool-card:hover{border-color:var(--ink-950);transform:translateY(-2px)}.tool-card__icon{background:var(--bg-canvas);border-radius:12px;width:52px;height:52px;padding:8px}.tool-card--soon .tool-card__icon{background:var(--bg-page)}.tool-card h3{margin:4px 0 0;font-size:1.08rem}.tool-card p{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.5}.tool-card .chip{align-self:flex-start;margin-top:auto}.tool-card--soon{background:var(--bg-canvas)}.tool-card--soon .chip{background:var(--bg-surface);color:var(--text-muted)}.band{background:var(--bg-inverse);color:var(--text-inverse);padding:64px 0}.band h2{color:var(--text-inverse);max-width:30rem}.band__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;display:grid}.band__item{border-top:1px solid #ffffff2e;padding-top:18px}.band__item h3{color:var(--text-inverse);align-items:center;gap:10px;display:flex}.band__item h3:before{content:"";background:var(--accent-fill);border-radius:50%;flex:none;width:12px;height:12px}.band__item p{color:#c4cad4;margin:0;font-size:.97rem}@media (width<=980px){.hero__grid{grid-template-columns:minmax(0,1fr);gap:36px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.hero{padding:40px 0 32px}.tool-grid,.band__grid{grid-template-columns:minmax(0,1fr)}.tools__head{display:block}.dropzone{min-height:220px}.tool-grid{gap:10px}.tool-card{grid-template-columns:52px minmax(0,1fr);gap:4px 14px;padding:16px;display:grid}.tool-card__icon{grid-row:span 3}.tool-card h3{margin:0}.tool-card .chip{justify-self:start;margin-top:6px}}.page{padding:48px 0 72px}.crumbs{color:var(--text-muted);flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;font-size:.88rem;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--border-strong);margin-right:6px}.crumbs a{color:var(--text-muted);text-decoration:none}.prose{overflow-wrap:anywhere;max-width:46rem}.prose h2{margin-top:1.8em}.prose table{border-collapse:collapse;width:100%;font-size:.95rem}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--border-default);padding:9px 10px}.notfound{text-align:center;padding:96px 0}.site-footer{border-top:1px solid var(--border-default);background:var(--bg-canvas);padding:56px 0 28px;font-size:.92rem}.sf{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;display:grid}.sf h2{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px;font-size:.76rem;font-weight:500}.sf ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.sf a{color:var(--text-secondary);text-decoration:none}.sf a:hover{color:var(--text-primary)}.sf__tag{color:var(--text-secondary);max-width:26rem;margin:14px 0 0}.sf__bottom{border-top:1px solid var(--border-default);color:var(--text-muted);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:16px;padding-top:20px;font-size:.85rem;display:flex}.sf__langs{font-family:var(--font-mono);flex-wrap:wrap;font-size:.78rem;gap:10px!important;display:flex!important}.sf__langs a[aria-current]{color:var(--text-primary);font-weight:600}@media (width<=760px){.sf{grid-template-columns:minmax(0,1fr);gap:28px}}.tool-head{padding:32px 24px 22px}.tool-head .chip{margin:0 0 14px}.tool-head h1{margin-bottom:10px;font-size:clamp(2rem,4.2vw,3rem)}.tool-head .lead{margin:0;font-size:1.1rem}.tool{border:1px solid var(--border-default);background:var(--bg-page);border-radius:18px;padding:18px;box-shadow:0 1px #0e111608,0 12px 32px -18px #0e11162e}.tool-drop{cursor:pointer;min-height:260px;transition:background .15s,border-color .15s}.tool-drop:hover,.tool-drop.is-over{background:var(--accent-soft);border-color:var(--ink-950)}.tool-drop.is-compact{min-height:0;padding:14px 18px}.tool-drop.is-compact>div{text-align:left;align-items:center;gap:12px;display:flex}.tool-drop.is-compact .dropzone__icon{width:24px;height:24px;margin:0}.tool-drop.is-compact strong{font-size:1rem}.tool-drop.is-compact small,.tool-drop.is-compact .chips{display:none}.tool-work{grid-template-columns:260px minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.tool-work[hidden]{display:none}.tool-controls{background:var(--bg-canvas);border-radius:12px;align-content:start;gap:16px;padding:16px;display:grid}.tool-controls legend,.tool-controls .range>span,.tool-controls .field>span{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:.74rem;display:block}.tool-controls fieldset{border:0;min-width:0;margin:0;padding:0}.seg{border:0;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;display:flex}.seg legend{width:100%}.seg label{position:relative}.seg input{opacity:0;position:absolute}.seg label>span{border:1px solid var(--border-strong);background:var(--bg-page);cursor:pointer;border-radius:8px;padding:7px 11px;font-size:.9rem;display:inline-block}.seg input:checked+span{background:var(--ink-950);border-color:var(--ink-950);color:var(--text-inverse)}.seg input:focus-visible+span{outline:2px solid var(--border-focus);outline-offset:2px}.range input{width:100%;accent-color:var(--ink-950)}.field input[type=number],.field select{width:100%;font:inherit;border:1px solid var(--border-strong);background:var(--bg-page);border-radius:8px;padding:8px 10px;font-size:.95rem}.field--bg{justify-content:space-between;align-items:center;gap:10px;display:flex}.field--bg input[type=color]{border:1px solid var(--border-strong);background:0 0;border-radius:8px;width:40px;height:32px;padding:0}.check{cursor:pointer;align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.muted{color:var(--text-muted);text-transform:none;letter-spacing:0}.tool.is-bw .range--colors,.tool:not(.is-jpg) .range--quality{display:none}.tool-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tool-preview--single{grid-template-columns:minmax(0,1fr)}.tool-preview figure{min-width:0;margin:0}.tool-preview figcaption{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.74rem}.checker{aspect-ratio:4/3;border:1px solid var(--border-default);background:#fff conic-gradient(#eef0f3 25%, #fff 0 50%, #eef0f3 0 75%, #fff 0) 0 0 / 18px 18px;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.checker img,.checker svg{object-fit:contain;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.tool-bar{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px 14px;padding-top:4px;display:flex}.tool-status{color:var(--text-secondary);flex:260px;margin:0;font-size:.92rem}.tool-stats{color:var(--text-muted);margin:0}.tool.is-busy .tool-status:before{content:"";background:var(--accent-fill);width:10px;height:10px;box-shadow:0 0 0 1.25px var(--ink-950);vertical-align:-1px;border-radius:50%;margin-right:8px;animation:1s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{transform:scale(.55)}}.tool-note{color:var(--text-muted);margin:14px 2px 0;font-size:.85rem}@media (width<=860px){.tool-work{grid-template-columns:minmax(0,1fr)}.tool-preview{order:-1}}@media (width<=560px){.tool{border-radius:14px;padding:12px}.tool-preview{grid-template-columns:minmax(0,1fr)}.tool-bar .btn{flex:auto;justify-content:center}}.ad-slot{max-width:980px;min-height:120px;margin:40px auto 8px}.ad-slot__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin:0 0 6px;font-size:.7rem}.guide .ad-slot{margin:28px 0}.guide{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:56px;padding-top:40px;padding-bottom:72px;display:grid}.steps{counter-reset:s;gap:12px;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;border:1px solid var(--border-default);border-radius:12px;padding:14px 16px 14px 52px;position:relative}.steps li:before{content:counter(s);background:var(--accent-fill);width:26px;height:26px;box-shadow:inset 0 0 0 1.5px var(--ink-950);font:600 .85rem/1 var(--font-mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:13px;left:14px}.faq details{border-bottom:1px solid var(--border-default);padding:14px 0}.faq summary{cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;font-family:var(--font-mono);color:var(--text-muted)}.faq details[open] summary:after{content:"−"}.faq details>div{color:var(--text-secondary);margin-top:10px}.related{position:sticky;top:84px}.related h2{font-size:1rem;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-weight:500}.related ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.related a{border:1px solid var(--border-default);color:var(--text-primary);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr);column-gap:12px;padding:12px;text-decoration:none;display:grid}.related a:hover{border-color:var(--ink-950)}.related img{grid-row:span 2}.related .chip{justify-self:start;margin-top:4px}@media (width<=980px){.guide{grid-template-columns:minmax(0,1fr);gap:32px}.related{position:static}}.seg--sizes label>span{text-align:center;min-width:44px;font-family:var(--font-mono);font-size:.82rem}.fav-preview{align-content:start;gap:12px;min-width:0;display:grid}.fav-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.fav-tab{border:1px solid var(--border-default);color:var(--ink-800);background:#fff;border-bottom:0;border-radius:10px 10px 0 0;align-items:center;gap:8px;min-width:0;padding:10px 12px;font-size:.85rem;display:flex}.fav-tab img{image-rendering:auto;flex:none;width:16px;height:16px}.fav-tab span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fav-tab--dark{color:#e8eaed;background:#202124;border-color:#202124}.fav-big{aspect-ratio:auto;height:180px}.fav-files{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.fav-files li{border:1px solid var(--border-default);text-align:center;border-radius:10px;justify-items:center;gap:6px;padding:12px 8px;display:grid}.fav-files img{background:conic-gradient(#eef0f3 25%, #fff 0 50%, #eef0f3 0 75%, #fff 0) 0 0 / 12px 12px;border-radius:12px;width:60px;height:60px}.fav-files span{color:var(--text-muted);overflow-wrap:anywhere;font-size:.7rem}.fav-code-label{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:4px 0 0;font-size:.74rem}.fav-code{background:var(--ink-950);color:#e6eaf0;font:.8rem/1.6 var(--font-mono);white-space:pre;border-radius:10px;margin:0;padding:12px 14px;overflow-x:auto}@media (width<=560px){.fav-tabs,.fav-files{grid-template-columns:minmax(0,1fr)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;top:0;left:0;overflow:hidden}.viewer-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.viewer-bar .btn{padding:9px 14px}.seg--inline{margin-left:auto}.viewer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.viewer__code{border:1px solid var(--border-default);background:#fff;border-radius:10px;min-width:0;height:460px;overflow:hidden}.viewer__code textarea{resize:none;width:100%;height:100%;font:.85rem/1.6 var(--font-mono);border:0;padding:12px}.viewer__code .cm-editor{height:100%;font-size:.85rem}.viewer__code .cm-scroller{font-family:var(--font-mono)}.viewer__stage{aspect-ratio:auto;cursor:copy;height:460px}.viewer__stage[data-bg=light]{background:#fff}.viewer__stage[data-bg=dark]{background:var(--ink-950)}.viewer__stage.is-over{outline:2px dashed var(--ink-950);outline-offset:-6px}.tool.is-invalid .viewer__stage img{opacity:.25}.tool.is-invalid .tool-status{color:#b42318}@media (width<=860px){.viewer{grid-template-columns:minmax(0,1fr)}.viewer__code,.viewer__stage{height:320px}.seg--inline{margin-left:0}}.pdf-holder{width:1px;height:1px;position:absolute;top:0;left:-10000px;overflow:hidden}.tool.is-fit .field--margin{display:none}.home-guide{padding:8px 0 56px}.home-faq{padding:56px 0 72px}.byline{color:var(--text-muted);margin:12px 0 0}.guide--page{grid-template-columns:minmax(0,1fr)}.prose>h2:first-child{margin-top:0}.viewer__code .cm-activeLine,.viewer__code .cm-activeLineGutter{background:0 0}