.tc-grid{--tc-gap: 18px;--tc-break: 28px;container:tc-grid / inline-size;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,306px),1fr));-moz-column-gap:var(--tc-gap);column-gap:var(--tc-gap)}.tc-section{display:contents;--rule: var(--rule-l, rgb(var(--color-border)))}@media (prefers-color-scheme: dark){.tc-section{--rule: var(--rule-d, rgb(var(--color-border)))}}.tc-cell{display:grid;grid-row:span 2;grid-template-rows:subgrid;min-width:0}.tc-cell>.tool-card{grid-row:2;margin-bottom:var(--tc-gap)}.tc-head,.tc-slot{position:relative;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;margin-top:var(--tc-break);padding:12px 0 16px}.tc-slot{display:none}.tc-head:before,.tc-slot:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--rule);opacity:.45}.tc-runtext{display:none;margin:0 0 22px}@container tc-grid (width >= 954px){.tc-slot.tc-line-3{display:flex}.tc-run-3 .tc-runtext{display:block}.tc-join-3:before{right:calc(-1 * var(--tc-gap))}}@container tc-grid (630px <= width < 954px){.tc-slot.tc-line-2{display:flex}.tc-run-2 .tc-runtext{display:block}.tc-join-2:before{right:calc(-1 * var(--tc-gap))}}@container tc-grid (width < 630px){.tc-slot.tc-line-1{display:flex}.tc-join-1:before{right:calc(-1 * var(--tc-gap))}}@container tc-grid (width >= 630px){.tc-cell.is-featured{grid-column:span 2}.is-featured .tc-table.is-portrait{display:none}.is-featured .tc-table.is-featured{display:block}.tool-card.is-featured .tc-desc{max-width:62ch}}@container tc-grid (width < 630px){.tc-cell{max-width:504px}}@supports not (grid-template-rows: subgrid){.tc-cell{display:flex;flex-direction:column}.tc-cell>.tool-card{flex:1 0 auto}}@media (max-width: 639px){.tc-grid{--tc-gap: 16px;--tc-break: 24px}}.tool-card{--g1: var(--l-g1);--g2: var(--l-g2);--glow: var(--l-glow);--ink: var(--l-ink);--shade: var(--l-shade);--paper: #fff;--paper-edge: rgb(28 25 23 / .06);--photo-edge: rgb(28 25 23 / .07);--grain: .14;--grain-blend: multiply;--desc: 80%;--radius: 25px;position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:var(--radius);color:var(--ink);text-decoration:none;background:radial-gradient(115% 70% at 58% 100%,var(--glow) 0%,transparent 62%),linear-gradient(172deg,var(--g1) 18%,var(--g2) 100%);box-shadow:var(--shadow-card);-webkit-tap-highlight-color:transparent}@media (prefers-color-scheme: dark){.tool-card{--g1: var(--d-g1);--g2: var(--d-g2);--glow: var(--d-glow);--ink: var(--d-ink);--shade: var(--d-shade);--paper: #2a2a2f;--paper-edge: rgb(255 255 255 / .1);--photo-edge: rgb(255 255 255 / .06);--grain: .22;--grain-blend: soft-light;--desc: 94%}}.tool-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px;opacity:var(--grain);mix-blend-mode:var(--grain-blend)}a.tool-card,a.tool-card:hover{color:var(--ink);opacity:1}a.tool-card:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.tc-text{position:relative;z-index:6;padding:23px 23px 7px}.tc-name{margin:0;font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.015em}.tc-nowrap{white-space:nowrap}.tc-badge{display:inline-block;margin-left:3.5px;vertical-align:2.5px;padding:4.5px 8px 3.5px;border-radius:999px;background:var(--paper);color:var(--ink);font-size:9.5px;font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 0 .5px var(--paper-edge),0 1px 1px rgb(var(--shade) / .14),0 4px 10px -4px rgb(var(--shade) / .35)}.tc-desc{margin:9px 0 0;font-size:13.5px;line-height:1.5;color:color-mix(in srgb,var(--ink) var(--desc),transparent);text-wrap:pretty}.tc-table{position:relative;z-index:1;flex:1 0 auto;container-type:inline-size}.tc-table:before{content:"";display:block;padding-top:80%}.tc-stage{position:absolute;inset:auto 0 0;height:80cqw}.tc-table.is-featured{display:none}.tc-table.is-featured:before{padding-top:45%}.tc-table.is-featured .tc-stage{height:45cqw}.tc-print{--frame: clamp(4px, 1.7cqw, 7px);--pr: clamp(12px, 4.2cqw, 17px);position:absolute;left:var(--x);top:var(--y);z-index:var(--z);width:var(--w);margin:0;padding:var(--frame);border-radius:var(--pr);background:var(--paper);transform:translate(calc(-50% + var(--h, 0) * (var(--fx) + var(--px, 0) * var(--d, 1) * 1.6cqw)),calc(-50% + var(--h, 0) * (var(--fy) + var(--py, 0) * var(--d, 1) * 1.1cqw))) rotate(calc(var(--r) + var(--h, 0) * (var(--fr) - var(--r)))) scale(calc(1 + var(--h, 0) * (var(--fs) - 1)))}.tc-print:before,.tc-print:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;transition:opacity .6s ease}.tc-print:before{box-shadow:var(--print-shadow)}.tc-print:after{box-shadow:var(--print-shadow-hover);opacity:0}@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){.tc-print{will-change:transform}.tc-print:before,.tc-print:after{will-change:opacity}}.tc-print img{display:block;width:100%;height:auto;border-radius:calc(var(--pr) - var(--frame));outline:1px solid var(--photo-edge);outline-offset:-1px}.tool-card{--print-shadow: 0 0 0 .5px var(--paper-edge), 0 1px 1.5px rgb(var(--shade) / .16), 0 8px 18px -6px rgb(var(--shade) / .3), 0 26px 44px -18px rgb(var(--shade) / .48);--print-shadow-hover: 0 0 0 .5px var(--paper-edge), 0 2px 3px rgb(var(--shade) / .14), 0 14px 26px -8px rgb(var(--shade) / .32), 0 36px 60px -22px rgb(var(--shade) / .52)}a.tool-card:focus-visible .tc-print:before{opacity:0}a.tool-card:focus-visible .tc-print:after{opacity:1}@media (hover: hover){a.tool-card:hover .tc-print:before{opacity:0}a.tool-card:hover .tc-print:after{opacity:1}}@media (prefers-color-scheme: dark){.tool-card{--print-shadow: 0 0 0 1px var(--paper-edge), 0 1px 2px rgb(var(--shade) / .5), 0 10px 22px -6px rgb(var(--shade) / .55), 0 28px 48px -16px rgb(var(--shade) / .7);--print-shadow-hover: 0 0 0 1px var(--paper-edge), 0 2px 3px rgb(var(--shade) / .5), 0 16px 30px -8px rgb(var(--shade) / .6), 0 40px 64px -20px rgb(var(--shade) / .75)}.tc-badge{box-shadow:0 0 0 1px var(--paper-edge),0 4px 10px -4px rgb(var(--shade) / .6)}}.tool-card.is-disabled{cursor:default}.tool-card.is-disabled .tc-name{opacity:.72}.tool-card.is-disabled .tc-print img{filter:saturate(.2)}@media (max-width: 639px){.tool-card{--radius: 24px}.tc-text{padding:22px 22px 6px}.tc-desc{font-size:15px}}@media (prefers-reduced-motion: reduce){.tc-print{--h: 0}.tc-print:before,.tc-print:after{transition-duration:.3s}}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Italic-cyrillic-ext-BYoJyjsM.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Italic-cyrillic-CVOA9ym3.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Italic-greek-ext-B_jCcZ6o.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Italic-greek-A1rHpd_D.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Italic-vietnamese-CFYAVqej.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Italic-latin-ext-DVCrKThp.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Italic-latin-CpDjs_zY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Regular-cyrillic-ext-BLWtiy7B.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Regular-cyrillic-B8cfLZjk.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Regular-greek-ext-BKTlanAW.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Regular-greek-iYI_izmT.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Regular-vietnamese-mkXyzLes.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Regular-latin-ext-jukQPMAF.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/Inter-Regular-latin-j6BbcsN8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
