@font-face{font-family:golos;src:url(../media/golos_text-s.p.0q332ve98k_3b.woff2)format("woff2");font-display:swap;font-weight:400 900}@font-face{font-family:golos Fallback;src:local(Arial);ascent-override:90.05%;descent-override:20.21%;line-gap-override:0.0%;size-adjust:108.83%}.golos_c3d2efce-module__QIbaSq__className{font-family:golos,golos Fallback}.golos_c3d2efce-module__QIbaSq__variable{--font-golos:"golos", "golos Fallback"}
:root{--hue:188;--hue-2:152;--chroma:.12;--dir-pack:#006e68;--dir-pack-soft:#dbf7f4;--dir-pack-line:#acdcd7;--dir-unpack:#97570d;--dir-unpack-soft:#ffecdc;--dir-unpack-line:#edceb3;--dir:var(--dir-pack);--dir-soft:var(--dir-pack-soft);--dir-line:var(--dir-pack-line)}@supports (color:lab(0% 0 0)){:root{--dir-pack:lab(40.9584% -37.9334 -5.92588);--dir-pack-soft:lab(95.1307% -10.0747 -1.675);--dir-pack-line:lab(84.344% -16.8434 -2.7769);--dir-unpack:lab(43.8732% 23.3775 49.1237);--dir-unpack-soft:lab(94.7206% 5.76446 12.0349);--dir-unpack-line:lab(84.822% 8.48439 17.4062)}}[data-dir=unpack]{--dir:var(--dir-unpack);--dir-soft:var(--dir-unpack-soft);--dir-line:var(--dir-unpack-line)}:root{--bg:oklch(98.4% .004 var(--hue));--bg-subtle:oklch(96.4% .007 var(--hue));--surface:#fff;--line:oklch(90% .01 var(--hue));--line-strong:oklch(84% .015 var(--hue));--ink:oklch(24% .02 var(--hue));--ink-2:oklch(41% .017 var(--hue));--ink-3:oklch(56% .014 var(--hue));--accent:oklch(55% var(--chroma) var(--hue));--accent-strong:oklch(46% var(--chroma) var(--hue));--accent-soft:oklch(95.5% .025 var(--hue));--accent-soft-line:oklch(88% .05 var(--hue));--dark:oklch(25% .045 var(--hue));--dark-deep:oklch(20% .035 var(--hue));--dark-ink:oklch(96.5% .008 var(--hue));--dark-ink-2:oklch(78% .02 var(--hue));--dark-line:oklch(96% .01 var(--hue) / .14);--ok:#1d7d3e;--ok-soft:#e3f6e6;--bad:#b2403d;--bad-soft:#ffedeb;--font-sans:var(--font-golos,"Golos Text"), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-display:clamp(2.1rem, 1.35rem + 3.2vw, 3.35rem);--text-h1:clamp(1.8rem, 1.35rem + 1.9vw, 2.5rem);--text-h2:clamp(1.32rem, 1.15rem + .7vw, 1.62rem);--text-h3:1.16rem;--text-lg:1.13rem;--text-base:1rem;--text-sm:.895rem;--text-xs:.8rem;--container:1160px;--scroll-offset:84px;--content:720px;--gutter:clamp(16px, 4vw, 40px);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--shadow-sm:0 1px 2px oklch(25% .02 var(--hue) / .06);--shadow-md:0 2px 4px oklch(25% .02 var(--hue) / .05), 0 14px 28px -12px oklch(25% .03 var(--hue) / .18);--shadow-lg:0 4px 8px oklch(25% .02 var(--hue) / .06), 0 28px 56px -16px oklch(25% .04 var(--hue) / .28);--ease:cubic-bezier(.2, .7, .3, 1);--dur:.18s;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}@supports (color:lab(0% 0 0)){:root{--surface:lab(100% 0 0);--ok:lab(45.9442% -39.3942 26.1392);--ok-soft:lab(95.1816% -8.87269 5.65833);--bad:lab(43.9861% 47.2505 27.9984);--bad-soft:lab(95.1759% 6.12173 3.29607)}}:root{--bg:#fcf9f3;--bg-subtle:#f6f1e8;--line:#e0dcd5;--line-strong:#ccc7bd;--ink:#1a2026;--ruled:repeating-linear-gradient(to bottom, transparent 0, transparent 31px, #e0dcd58c 31px, #e0dcd58c 32px)}@supports (color:lab(0% 0 0)){:root{--bg:lab(97.9389% .365525 3.03061);--bg-subtle:lab(95.4025% .614554 4.93838);--line:lab(87.8531% .46581 3.79409);--line-strong:lab(80.325% .67541 5.32753);--ink:lab(11.8153% -1.40512 -5.24781);--ruled:repeating-linear-gradient(to bottom, transparent 0, transparent 31px, lab(87.8531% .46581 3.79409/.55) 31px, lab(87.8531% .46581 3.79409/.55) 32px)}}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.65}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.015em;text-wrap:balance;margin:0;line-height:1.2}p{margin:0}::selection{background:var(--accent-soft-line)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.container{width:100%;max-width:var(--container);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.skip-link{z-index:100;background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:8px 14px;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:8px}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fcf9f3db;background:lab(97.9389% .365525 3.03061/.86);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:60px;padding-top:var(--space-2);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.logo{letter-spacing:-.01em;align-items:center;gap:10px;min-height:44px;font-size:1.06rem;font-weight:700;display:inline-flex}.logo__mark{width:32px;height:32px;color:var(--dir-pack);justify-content:center;align-items:center;display:inline-flex}.site-nav{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}@media (max-width:640px){:root{--scroll-offset:116px}}.site-nav-box{position:relative}.site-nav__toggle{display:none}@media (max-width:720px){.site-nav__toggle{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--bg);min-height:44px;font-size:var(--text-sm);color:var(--ink-2);align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.site-nav{z-index:60;-webkit-overflow-scrolling:touch;min-width:220px;max-height:min(60vh,420px);padding:var(--space-2);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:stretch;gap:2px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.site-nav--open{display:flex}}.site-nav a{border-radius:var(--radius-full);min-height:44px;font-size:var(--text-sm);color:var(--ink-2);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;padding:0 12px;font-weight:500;display:inline-flex}.site-nav a:hover{background:var(--accent-soft);color:var(--accent-strong)}.btn{border-radius:var(--radius-full);font-size:var(--text-base);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease);border:1px solid #0000;align-items:center;gap:8px;padding:11px 20px;font-weight:600;line-height:1;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:oklch(60% var(--chroma) var(--hue));color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover{background:oklch(65% var(--chroma) var(--hue))}.btn--ghost{border-color:var(--dark-line);color:var(--dark-ink);background:#ffffff0d;background:lab(100% 0 0/.05)}.btn--ghost:hover{background:#ffffff1a;background:lab(100% 0 0/.1)}.section{padding:var(--space-8) 0 0}.section:last-of-type{padding-bottom:var(--space-8)}.eyebrow{margin-bottom:var(--space-3);font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--accent-strong);font-weight:700;display:block}.section__title{font-size:var(--text-h2);font-weight:700}.section__lead{max-width:62ch;margin-top:var(--space-3);color:var(--ink-2)}.section--tight{padding-top:var(--space-6)}.article--intro{padding-top:var(--space-5);padding-bottom:0}.grid-cards--flush{margin-top:0}.grid-cards{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(272px,1fr));display:grid}.card{gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:column;display:flex;position:relative}.card:hover{border-color:var(--accent-soft-line);box-shadow:var(--shadow-md);transform:translateY(-3px)}.card__icon{border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid var(--accent-soft-line);width:44px;height:44px;color:var(--accent-strong);justify-content:center;align-items:center;display:inline-flex}.card__badges{flex-wrap:wrap;gap:6px;display:flex}.card__title{font-size:var(--text-h3);font-weight:700}.card__text{color:var(--ink-2);font-size:var(--text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.card__meta{padding-top:var(--space-2);font-size:var(--text-sm);color:var(--ink-3);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.card__arrow{color:var(--accent-strong);transition:transform var(--dur) var(--ease);display:inline-flex}.card:hover .card__arrow{transform:translate(4px)}.feature{gap:var(--space-3);padding:var(--space-5);background:var(--bg-subtle);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex}.feature .card__icon{background:var(--surface)}.feature__title{font-size:var(--text-h3);font-weight:700}.feature__text{color:var(--ink-2);font-size:var(--text-sm);line-height:1.55}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--accent-soft);border:1px solid var(--accent-soft-line);color:var(--accent-strong);align-items:center;gap:6px;padding:3px 10px;font-weight:600;display:inline-flex}.badge--ok{background:var(--ok-soft);color:var(--ok);border-color:#0000}.badge--bad{background:var(--bad-soft);color:var(--bad);border-color:#0000}.badge--neutral{background:var(--bg-subtle);border-color:var(--line);color:var(--ink-2)}.crumbs{padding:var(--space-5) 0 0;font-size:var(--text-sm);color:var(--ink-3);flex-wrap:wrap;align-items:center;display:flex}.crumbs__part{align-items:center;display:inline-flex}.crumbs__sep{color:var(--line-strong);margin:0 6px;display:inline-flex}.crumbs a:hover{color:var(--accent-strong)}.crumbs__current{color:var(--ink-2);font-weight:500}.page-head{padding:var(--space-6) 0 0;max-width:var(--content)}.page-head__title{font-size:var(--text-h1);font-weight:750}.page-head__lead{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--ink-2)}.page-head__badges{margin-top:var(--space-4);flex-wrap:wrap;gap:6px;display:flex}.article{max-width:var(--content);padding-bottom:var(--space-6)}.prose{color:var(--ink-2);font-size:1.06rem;line-height:1.75}.prose>section{margin-top:var(--space-6)}.prose h2{scroll-margin-top:var(--scroll-offset);margin-bottom:var(--space-4);font-size:var(--text-h2);color:var(--ink);font-weight:700}.prose h3{scroll-margin-top:var(--scroll-offset);margin:var(--space-5) 0 var(--space-3);font-size:var(--text-h3);color:var(--ink);font-weight:700}.prose p{margin:0 0 var(--space-4)}.prose p:last-child{margin-bottom:0}.prose a{color:var(--accent-strong);text-decoration:underline;-webkit-text-decoration-color:var(--accent-soft-line);text-decoration-color:var(--accent-soft-line);text-underline-offset:3px}.prose a:hover{-webkit-text-decoration-color:var(--accent-strong);text-decoration-color:var(--accent-strong)}.prose ul,.prose ol{margin:0 0 var(--space-4);padding-left:1.35em}.prose li{margin-bottom:var(--space-2)}.prose li::marker{color:var(--accent)}.prose blockquote{margin:var(--space-5) 0;padding:var(--space-3) var(--space-5);border-left:3px solid var(--accent);background:var(--bg-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0}.prose strong{color:var(--ink)}.toc{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--bg-subtle);border:1px solid var(--line);border-radius:var(--radius-lg);max-width:var(--content)}.toc__title{margin:0 0 var(--space-2);font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-weight:700}.toc ol{columns:2;column-gap:var(--space-6);font-size:var(--text-sm);margin:0;padding-left:1.3em}.toc li{break-inside:avoid;margin-bottom:6px}.toc a{color:var(--accent-strong)}.toc a:hover{text-underline-offset:3px;text-decoration:underline}@media (max-width:560px){.toc ol{columns:1}}.spec-table{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin:0;overflow:hidden}.spec-table__row{gap:var(--space-4);padding:12px var(--space-5);grid-template-columns:minmax(140px,38%) 1fr;display:grid}.spec-table__row:nth-child(odd){background:var(--bg-subtle)}.spec-table dt{color:var(--ink-3);font-size:var(--text-sm)}.spec-table dd{color:var(--ink);font-weight:600;font-size:var(--text-sm);margin:0}.procon{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.procon{grid-template-columns:1fr}}.procon__col{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}.procon__col--pro{border-top:3px solid var(--ok)}.procon__col--con{border-top:3px solid var(--bad)}.procon__head{margin:0 0 var(--space-3);color:var(--ink);font-weight:700}.procon__col ul{margin:0;padding:0;list-style:none}.procon__col li{margin-bottom:var(--space-2);font-size:var(--text-sm);gap:10px;line-height:1.55;display:flex}.procon__col li svg{flex-shrink:0;margin-top:3px}.procon__col--pro li svg{color:var(--ok)}.procon__col--con li svg{color:var(--bad)}.figure{margin:var(--space-5) 0;max-width:var(--content)}.figure img{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);width:100%;height:auto;display:block}.figure figcaption{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--ink-3)}.figure__credit a{color:var(--ink-3);text-underline-offset:2px;text-decoration:underline}.figure__credit a:hover{color:var(--accent-strong)}.callout{gap:var(--space-3);margin:var(--space-6) 0 0;padding:var(--space-4) var(--space-5);background:var(--accent-soft);border:1px solid var(--accent-soft-line);border-radius:var(--radius-lg);max-width:var(--content);display:flex}.callout__icon{color:var(--accent-strong);flex-shrink:0;margin-top:2px;display:inline-flex}.callout p{font-size:var(--text-sm);color:var(--ink);margin:0;line-height:1.6}.faq details{border-bottom:1px solid var(--line)}.faq details:first-of-type{border-top:1px solid var(--line)}.faq summary{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;cursor:pointer;color:var(--ink);transition:color var(--dur) var(--ease);font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--accent-strong)}.faq__icon{color:var(--ink-3);transition:transform var(--dur) var(--ease);flex-shrink:0;display:inline-flex}.faq details[open] .faq__icon{color:var(--accent-strong);transform:rotate(90deg)}.faq details>p{padding:0 0 var(--space-4);color:var(--ink-2);max-width:62ch;margin:0}.site-footer{margin-top:var(--space-9);background:var(--dark-deep);color:var(--dark-ink-2)}.site-footer__grid{gap:var(--space-6);padding-top:var(--space-7);padding-bottom:var(--space-6);grid-template-columns:minmax(240px,1.4fr) 1fr;display:grid}@media (max-width:640px){.site-footer__grid{grid-template-columns:1fr}}.site-footer__name{margin:0 0 var(--space-2);font-weight:700;font-size:var(--text-lg);color:var(--dark-ink)}.site-footer__text{font-size:var(--text-sm);max-width:44ch;margin:0;line-height:1.6}.site-footer__col{gap:var(--space-2);flex-direction:column;display:flex}.site-footer__head{margin:0 0 var(--space-1);font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--dark-ink);font-weight:700}.site-footer__col a{font-size:var(--text-sm);width:fit-content}.site-footer__col a:hover{color:var(--dark-ink)}.site-footer__bottom{padding-top:var(--space-4);padding-bottom:var(--space-5);border-top:1px solid var(--dark-line);font-size:var(--text-xs)}.notfound{padding:var(--space-9) 0;text-align:center}.notfound__code{font-size:var(--text-display);color:var(--accent-strong);font-weight:750}.notfound__text{margin:var(--space-3) 0 var(--space-5);color:var(--ink-2)}.tool-head{padding:var(--space-5) 0 0}.tool-head__title{font-size:var(--text-h1);max-width:20ch;font-weight:650;line-height:1.15}.tool-head__lead{margin-top:var(--space-2);font-size:var(--text-lg);color:var(--ink-2);max-width:46ch}@media (max-width:359px){.tool-head__lead--optional{display:none}}.tool-column{max-width:none}.switcher{margin-top:var(--space-4);background:var(--bg-subtle);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.switcher__seg{min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ink-2);font:inherit;font-size:var(--text-sm);cursor:pointer;text-align:center;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:550;display:flex}.switcher__seg:hover{background:var(--surface)}.switcher__seg[aria-pressed=true],.switcher__seg[aria-current=step]{background:var(--dir-soft);border-bottom-color:var(--dir);color:var(--dir);cursor:default;font-weight:700}.switcher--steps .switcher__seg{cursor:default}.switcher--steps .switcher__seg[aria-current=false]{color:var(--ink-3)}.switcher__num{font-variant-numeric:tabular-nums;opacity:.8}.zone-card{margin-top:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.zone{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:260px;padding:var(--space-5) var(--space-4);background:var(--bg-subtle);background-image:var(--ruled);font:inherit;color:inherit;text-align:center;cursor:pointer;transition:background-color var(--dur) var(--ease);border:0;flex-direction:column;margin:0;display:flex}.zone--over{background-color:var(--dir-soft);box-shadow:inset 0 0 0 2px var(--dir)}.zone__icon{color:var(--dir)}.zone__title{font-size:var(--text-h3);color:var(--ink);font-weight:650}.zone__hint,.zone__formats{font-size:var(--text-sm);color:var(--ink-3);max-width:34ch}@media (max-width:720px){.zone__hint--desktop{display:none}}@media (min-width:1100px){.zone{min-height:320px}}.privacy{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--dir-soft);border-top:1px solid var(--dir-line);font-size:var(--text-sm);color:var(--ink-2);line-height:1.5;display:flex}.privacy__icon{color:var(--dir);flex-shrink:0;margin-top:2px}.privacy a{color:var(--dir);text-underline-offset:3px;text-decoration:underline}.page{--rail:300px;--rail-gap:var(--space-5);max-width:var(--content);margin-inline:auto}.tool-layout{gap:var(--space-4);align-items:start;display:grid}.tool-layout>*{min-width:0}@media (min-width:1100px){.page{max-width:calc(var(--content) + var(--rail) + var(--rail-gap))}.page>:not(.tool-layout){max-width:calc(100% - var(--rail) - var(--rail-gap))}.tool-layout{grid-template-columns:minmax(0, 1fr) var(--rail);gap:var(--rail-gap)}}.side{padding:var(--space-4) var(--space-5);background:var(--bg-subtle);border-radius:var(--radius-lg)}.side__head{margin:0 0 var(--space-3);font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-weight:700}.side__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.side__list li{font-size:var(--text-sm);color:var(--ink-2);align-items:flex-start;gap:10px;line-height:1.45;display:flex}.side__list svg{color:var(--dir);flex-shrink:0;margin-top:1px}@media (max-width:1099px){.side{margin-top:var(--space-4)}}.sheet{margin-top:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.sheet__bar{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--ink-2);flex-wrap:wrap;display:flex}.sheet__count{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.thumbs{gap:var(--space-3);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.thumbs{grid-template-columns:repeat(4,1fr)}}@media (min-width:1100px){.thumbs{grid-template-columns:repeat(6,1fr)}}.thumb{flex-direction:column;gap:6px;min-width:0;display:flex}.thumb__frame{aspect-ratio:1;border-radius:var(--radius-md);border:3px solid var(--surface);box-shadow:var(--shadow-sm);background:var(--bg-subtle);position:relative;overflow:hidden}.thumb__frame img{object-fit:cover;width:100%;height:100%;display:block}.thumb--active .thumb__frame{outline:2px solid var(--dir);outline-offset:1px}.thumb__num{border-radius:var(--radius-full);color:#fff;min-width:22px;height:22px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;background:#1a2026b8;background:lab(11.8153% -1.40512 -5.24781/.72);justify-content:center;align-items:center;padding:0 6px;font-weight:600;display:flex;position:absolute;top:6px;left:6px}.thumb__done{border-radius:var(--radius-full);background:var(--ok);color:#fff;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:6px;right:6px}.thumb__del{width:44px;height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.thumb__del:before{content:"";border-radius:var(--radius-full);box-shadow:var(--shadow-sm);background:#ffffffdb;background:lab(100% 0 0/.86);position:absolute;inset:6px}.thumb__del svg{position:relative}.thumb__del:hover{color:var(--bad)}.thumb__move{gap:8px;display:flex}.thumb__move button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-width:0;min-height:44px;color:var(--ink-2);cursor:pointer;font:inherit;flex:1;padding:0;line-height:1}.thumb__move button:disabled{opacity:.35;cursor:default}.thumb__move button:hover:not(:disabled){border-color:var(--dir);color:var(--dir)}.thumb__name{font-size:var(--text-xs);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;overflow:hidden}.thumb--add button{aspect-ratio:1;border:2px dashed var(--line-strong);border-radius:var(--radius-md);width:100%;color:var(--ink-3);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.thumb--add button:hover{border-color:var(--dir);color:var(--dir)}.thumbs__more{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--ink-3)}.settings{gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex}@media (max-width:1099px){.settings{margin-top:var(--space-4)}}.settings__row{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.settings__label{font-size:var(--text-sm);color:var(--ink);font-weight:600}.settings__note{font-size:var(--text-xs);color:var(--ink-3)}.settings__weight{font-size:var(--text-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}.settings__weight b{color:var(--ink)}.seg-group{flex-wrap:wrap;gap:6px;display:flex}.seg{min-width:0;min-height:44px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-2);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);flex:auto}.seg:hover{border-color:var(--dir)}.seg[aria-pressed=true]{background:var(--dir-soft);border-color:var(--dir);color:var(--dir);font-weight:650}.seg small{font-size:var(--text-xs);opacity:.75;font-weight:400;display:block}.range{align-items:center;gap:var(--space-3);display:flex}.range input[type=range]{min-width:0;accent-color:var(--dir);flex:1;height:32px}.range__value{font-variant-numeric:tabular-nums;min-width:3ch;font-weight:600}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{min-height:44px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);font:inherit;font-size:var(--text-sm);color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.swatch[aria-pressed=true]{border-color:var(--dir);color:var(--dir);font-weight:650}.swatch__chip{border:1px solid var(--line-strong);border-radius:5px;width:18px;height:18px}.action{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.btn--action{background:var(--accent-strong);color:#fff;width:100%;min-height:48px;box-shadow:var(--shadow-md);cursor:pointer;font:inherit;border-radius:var(--radius-full);padding:0 var(--space-5);border:0;justify-content:center;align-items:center;gap:8px;font-weight:650;display:inline-flex}.btn--action:hover:not(:disabled){background:var(--accent)}.btn--action:disabled{background:var(--line-strong);color:var(--ink-3);box-shadow:none;cursor:default}.btn--quiet{font:inherit;font-size:var(--text-sm);color:var(--ink-3);text-underline-offset:3px;cursor:pointer;min-height:44px;padding:0 var(--space-2);background:0 0;border:0;justify-content:center;align-self:center;align-items:center;text-decoration:underline;display:inline-flex}.btn--quiet:hover{color:var(--ink)}.action__hint{text-align:center;font-size:var(--text-sm);color:var(--ink-3)}@media (max-width:1099px){.action--sticky{z-index:30;margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);padding:var(--space-3) var(--gutter) calc(var(--space-3) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#fcf9f3f0;background:lab(97.9389% .365525 3.03061/.94);position:sticky;bottom:0}}.progress{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--dir-soft);font-size:var(--text-sm);color:var(--ink);font-weight:600;display:flex;position:relative;overflow:hidden}.progress__fill{background:var(--dir-line);transition:width var(--dur) linear;position:absolute;top:0;bottom:0;left:0}.progress--pulse .progress__fill{width:40%;animation:progress-slide 1.6s var(--ease) infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.progress__text,.progress__cancel{font-variant-numeric:tabular-nums;position:relative}.progress__cancel{font:inherit;color:var(--dir);cursor:pointer;text-underline-offset:3px;min-height:44px;padding:0 var(--space-2);background:0 0;border:0;font-weight:600;text-decoration:underline}.notice{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-left:3px solid var(--dir-unpack);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--dir-unpack-soft);font-size:var(--text-sm);color:var(--ink);line-height:1.5;display:flex}.notice svg{color:var(--dir-unpack);flex-shrink:0;margin-top:2px}.notice--bad{border-left-color:var(--bad);background:var(--bad-soft)}.notice--bad svg{color:var(--bad)}.notice a{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.notice__actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.notice__actions button{min-height:44px;padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);font:inherit;font-size:var(--text-sm);cursor:pointer}.notice__actions button:first-child{background:var(--ink);border-color:var(--ink);color:var(--bg)}.skipped{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--ink-2)}.skipped summary{cursor:pointer;font-weight:600}.skipped ul{margin:var(--space-2) 0 0;-webkit-overflow-scrolling:touch;max-height:220px;padding-left:1.2em;overflow-y:auto}.waiting{justify-content:center;align-items:center;gap:var(--space-3);min-height:260px;padding:var(--space-5) var(--space-4);border:2px dashed var(--dir-unpack-line);border-radius:var(--radius-xl);background:var(--dir-unpack-soft);text-align:center;flex-direction:column;animation:2s ease-in-out infinite waiting-pulse;display:flex}@keyframes waiting-pulse{0%,to{background-color:var(--dir-unpack-soft)}50%{background-color:var(--bg-subtle)}}.waiting__title{color:var(--ink);font-weight:650}.waiting__bar{border-radius:var(--radius-full);background:#ffffffb3;background:lab(100% 0 0/.7);width:min(100%,320px);height:8px;position:relative;overflow:hidden}.waiting__bar span{background:var(--dir-unpack);transition:width .2s linear;position:absolute;top:0;bottom:0;left:0}.waiting--indeterminate .waiting__bar span{width:35%;animation:progress-slide 1.4s var(--ease) infinite}.waiting__text{max-width:40ch;font-size:var(--text-sm);color:var(--ink-2);line-height:1.5}.viewer{margin-top:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.viewer__board{padding:var(--space-4);background:var(--bg-subtle);cursor:zoom-in;border:0;justify-content:center;align-items:center;width:100%;display:flex}.viewer__board--alpha{background-color:#f2f2f2;background-color:lab(95.36% 0 0);background-image:linear-gradient(45deg,#dedede 25%,#0000 25%),linear-gradient(-45deg,#dedede 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dedede 75%),linear-gradient(-45deg,#0000 75%,#dedede 75%);background-image:linear-gradient(45deg,lab(88.4% 0 .0000119209) 25%,#0000 25%),linear-gradient(-45deg,lab(88.4% 0 .0000119209) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,lab(88.4% 0 .0000119209) 75%),linear-gradient(-45deg,#0000 75%,lab(88.4% 0 .0000119209) 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.viewer__board img{object-fit:contain;max-width:100%;height:auto;max-height:70svh;display:block}.viewer--tall .viewer__board img{max-height:76svh}.viewer__facts{gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);font-size:var(--text-sm);color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.viewer__facts b{color:var(--ink);font-weight:600}.lightbox{z-index:100;padding:var(--space-4);cursor:zoom-out;background:#13161aeb;background:lab(7.21285% -.900991 -3.46672/.92);border:0;justify-content:center;align-items:center;width:100%;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100%;max-height:92svh}.lightbox__close{right:var(--space-4);top:var(--space-4);border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#ffffff26;background:lab(100% 0 0/.15);border:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute}.result-anchor{scroll-margin-top:var(--scroll-offset)}.result{scroll-margin-top:var(--scroll-offset);margin-top:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--dir-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.result__title{font-size:var(--text-h3);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.result__list{margin:var(--space-4) 0 0;-webkit-overflow-scrolling:touch;flex-direction:column;gap:0;max-height:340px;padding:0;list-style:none;display:flex;overflow-y:auto}.result__row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--line);font-size:var(--text-sm);color:var(--ink-2);font-variant-numeric:tabular-nums;min-width:0;display:flex}.result__row span{overflow-wrap:anywhere;min-width:0}.result__row button{min-height:44px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);font:inherit;font-size:var(--text-sm);color:var(--accent-strong);cursor:pointer;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.result__row button:hover{border-color:var(--accent)}.result__quiet{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--ink-3)}.result__links{gap:var(--space-4);margin-top:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.tools{gap:var(--space-4);margin-top:var(--space-5);display:grid}.tools__pair{gap:var(--space-4);display:grid}@media (min-width:720px){.tools__pair{grid-template-columns:1fr 1fr}}.tool-card{gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:column;display:flex}.tool-card:hover{border-color:var(--dir-line);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card__head{align-items:center;gap:var(--space-3);display:flex}.tool-card__icon{border-radius:var(--radius-md);background:var(--dir-soft);width:44px;height:44px;color:var(--dir);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tool-card__title{font-size:var(--text-h3);font-weight:700}.tool-card--wide .tool-card__title{font-size:var(--text-h2)}.tool-card--wide .tool-card__icon{width:56px;height:56px}.tool-card__text{font-size:var(--text-sm);color:var(--ink-2);line-height:1.55}.dirs{gap:var(--space-2) var(--space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.dirs li{font-size:var(--text-sm);color:var(--ink);align-items:center;gap:8px;font-weight:600;display:inline-flex}.dirs svg{flex-shrink:0}.dirs .dir--pack{color:var(--dir-pack)}.dirs .dir--unpack{color:var(--dir-unpack)}.tool-prose{margin:var(--space-8) 0 0}.tool-prose section+section{margin-top:var(--space-7)}.tool-prose h2{margin-bottom:var(--space-4);font-size:var(--text-h2);font-weight:650}.tool-prose p{margin-bottom:var(--space-4);color:var(--ink-2);line-height:1.7}.tool-prose p:last-child{margin-bottom:0}.tool-prose ol,.tool-prose ul{margin:0 0 var(--space-4);color:var(--ink-2);padding-left:1.35em}.tool-prose li{margin-bottom:var(--space-2)}.next-tool{align-items:center;gap:var(--space-4);margin:var(--space-6) 0 0;padding:var(--space-4) var(--space-5);background:var(--bg-subtle);border:1px solid var(--line);border-radius:var(--radius-lg);display:flex}.next-tool__icon{border-radius:var(--radius-md);background:var(--surface);width:44px;height:44px;color:var(--dir-unpack);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.next-tool__title{color:var(--ink);font-weight:650;display:block}.next-tool__text{font-size:var(--text-sm);color:var(--ink-2);margin-top:2px;display:block}.next-tool .card__arrow{color:var(--accent-strong);margin-left:auto}.site-footer{background-image:var(--ruled);background-blend-mode:soft-light}.site-footer__license{margin-top:var(--space-3);font-size:var(--text-xs);line-height:1.6}.site-footer__license a{text-underline-offset:3px;text-decoration:underline}@media (max-width:640px){.site-footer__col{gap:0}.site-footer__col a{align-items:center;min-height:44px;display:inline-flex}.site-footer__license a{min-height:44px;padding-block:12px;display:inline-block}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media print{.site-footer,.switcher,.zone-card,.action,.sheet,.result,[data-adslot]{display:none!important}body{color:#000;background:#fff}}.zone__pick{min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-full);background:var(--accent-strong);color:#fff;box-shadow:var(--shadow-md);align-items:center;gap:8px;font-weight:650;display:inline-flex}.zone:hover .zone__pick{background:var(--accent)}.swatch__chip--white{background:#fff}.swatch__chip--black{background:#000}.swatch__chip--paper{background:#f9f5ec;background:lab(96.5595% .563145 4.55573)}.matrix{gap:var(--space-2);margin:var(--space-3) 0 var(--space-4);grid-template-columns:minmax(0,max-content) auto minmax(0,1fr);padding:0;list-style:none;display:grid}.matrix__row{grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-subtle);display:grid}@media (max-width:560px){.matrix{grid-template-columns:1fr}.matrix__row{gap:var(--space-1) var(--space-2);grid-template-columns:auto 1fr}.matrix__from{grid-column:1/-1}}.matrix__from{color:var(--ink);font-weight:650}.matrix__arrow{color:var(--accent)}.matrix__to{color:var(--ink-2)}.matrix__note{color:var(--ink-3)}.gif-preview{background:var(--bg-subtle);border:1px solid var(--line);border-radius:var(--radius-lg);aspect-ratio:16/9;place-items:center;display:grid;overflow:hidden}.gif-preview__video{object-fit:contain;background:var(--ink);width:100%;height:100%}.track{margin-top:var(--space-4);padding-inline:28px}.track__rail{border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;min-height:64px;position:relative}.track__strip{border-radius:var(--radius-md);height:64px;display:flex;overflow:hidden}.track__thumb{object-fit:cover;pointer-events:none;flex:1 1 0;min-width:0;height:100%}.track__strip-empty{background:repeating-linear-gradient(100deg, var(--bg-subtle) 0 12px, var(--line) 12px 13px);flex:1}.track__selection{background:color-mix(in oklab, var(--dir-pack) 22%, transparent);border:2px solid var(--dir-pack);border-radius:var(--radius-sm);cursor:grab;position:absolute;top:0;bottom:0}.track__selection--over{background:color-mix(in oklab, var(--dir-unpack) 22%, transparent);border-color:var(--dir-unpack)}.track__length{color:var(--ink-2);font-weight:600}.track__length--over{color:var(--dir-unpack)}.track__handle{cursor:ew-resize;touch-action:none;background:0 0;border:none;place-items:end center;width:44px;height:80px;margin-left:-22px;padding-bottom:2px;display:grid;position:absolute;top:-8px}.track__handle:before{content:"";border-radius:var(--radius-full);background:var(--dir-pack);width:10px;height:64px;box-shadow:var(--shadow-sm);position:absolute;top:8px;left:50%;transform:translate(-50%)}.track__handle-time{border-radius:var(--radius-full);background:var(--dir-pack);color:#fff;font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;padding:1px 6px;position:relative}.track__scale{margin-top:var(--space-2);color:var(--ink-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.track__fields{align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.track__fields label{align-items:center;gap:var(--space-2);color:var(--ink-2);font-size:var(--text-sm);display:inline-flex}.track__fields input{width:5.5rem;min-height:44px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums}.track__fields-note{color:var(--ink-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.thumbs__order{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--ink-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.gif-result{padding:var(--space-4);background:var(--bg-subtle);border:1px solid var(--line);border-radius:var(--radius-lg);place-items:center;display:grid}.gif-result__image{border-radius:var(--radius-sm);max-width:100%;height:auto;box-shadow:var(--shadow-sm)}