.tool-home{flex-direction:column;max-width:1160px;min-height:100svh;margin:0 auto;padding:0 36px;display:flex}.tool-home__header{justify-content:space-between;align-items:center;gap:20px;min-height:88px;display:flex}.tool-home__settings{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.tool-home__intro>*{min-width:0}.tool-home__intro h1>span{display:block}.tool-home__intro h1>span:last-child{color:var(--color-action)}.tool-home h1,.tool-home h2{overflow-wrap:anywhere}.tool-home__brand{letter-spacing:-.7px;font-size:21px;font-weight:750}.tool-home__brand>span{color:var(--color-muted-ink);letter-spacing:0;margin-left:10px;font-size:14px;font-weight:450}.tool-home main{flex:1;padding:28px 0 36px}.tool-home__intro{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:40px;margin-bottom:36px;display:grid}.tool-home__intro h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(38px,4.7vw,60px);font-weight:750;line-height:1.16}.tool-home__intro-copy>p{color:var(--color-muted-ink);white-space:pre-line;margin:0;font-size:14px;line-height:1.8}.tool-home__intro-copy>.tool-home__note{color:var(--color-ink);margin-top:18px;font-size:12px;font-weight:600}.tool-home__tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.tool-entry{color:inherit;border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);grid-template:"title preview""format preview""description description"1fr"footer footer"/minmax(0,1fr) 112px;gap:12px 20px;padding:24px;text-decoration:none;display:grid}.tool-entry:hover{border-color:var(--color-action)}.tool-entry:focus-visible{outline:3px solid var(--color-action);outline-offset:5px}.tool-entry__preview{border-radius:var(--radius-small);grid-area:preview;justify-content:center;align-items:center;height:88px;display:flex;position:relative;overflow:hidden}.tool-entry__preview--picture{background:#dfe9e7}.tool-entry__preview--document{background:#e3e8f7}.tool-entry__photo{background:#a1c9c3;border:6px solid #fff;border-radius:5px;flex-shrink:0;width:178px;height:122px;position:relative;overflow:hidden;transform:rotate(-7deg)scale(.52)}.tool-entry__sun{background:#ffe3a0;border-radius:50%;width:29px;height:29px;position:absolute;top:18px;right:22px}.tool-entry__mountain{background:#467f72;border-radius:12px;width:145px;height:110px;position:absolute;bottom:-54px;left:-18px;transform:rotate(-36deg)}.tool-entry__mountain:after{content:"";background:#23594e;border-radius:12px;width:120px;height:110px;position:absolute;top:29px;left:98px;transform:rotate(12deg)}.tool-entry__paper{color:#364e92;width:150px;height:136px;font-size:13px;font-family:var(--font-mono);background:#fff;border-radius:4px;flex-shrink:0;padding:20px 16px;transform:rotate(6deg)scale(.48)}.tool-entry__paper>i{background:#dce2f0;height:4px;margin-top:11px;display:block}.tool-entry__paper>i:nth-of-type(2){width:74%}.tool-entry__paper>i:nth-of-type(3){width:88%}.tool-entry__code{margin-top:16px;font-size:11px;display:block}.tool-entry__format{color:var(--color-muted-ink);grid-area:format;align-self:start;margin:0;font-size:12px;line-height:1.6}.tool-entry__body{display:contents}.tool-entry__name{color:var(--color-muted-ink);margin:0;font-size:12px;font-weight:600}.tool-entry__name>span{margin-left:6px;font-weight:400}.tool-entry h2{letter-spacing:-.025em;text-wrap:balance;grid-area:title;align-self:end;margin:0;font-size:26px;font-weight:700;line-height:1.25}.tool-entry__description{color:var(--color-muted-ink);grid-area:description;margin:0 0 4px;font-size:14px;line-height:1.75}.tool-entry__footer{border-top:1px solid var(--color-border);flex-wrap:wrap;grid-area:footer;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.tool-entry__action{color:var(--color-action);align-items:center;gap:10px;font-size:14px;font-weight:650;display:inline-flex}.tool-entry__action svg{flex-shrink:0;width:20px;height:20px;transition:transform .16s ease-out}.tool-entry:hover .tool-entry__action svg{transform:translate(3px)}.tool-home__footer{border-top:1px solid var(--color-border);color:var(--color-muted-ink);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:24px 0;font-size:12px;line-height:1.7;display:flex}.tool-home__footer .site-information-links{flex-basis:100%}@media (prefers-reduced-motion:reduce){.tool-entry__action svg{transition:none}.tool-entry:hover .tool-entry__action svg{transform:none}}@media (min-width:701px) and (max-width:1049px){.tool-home__intro{grid-template-columns:1fr;gap:24px}.tool-home__intro h1{max-width:20ch}.tool-home__intro-copy{max-width:65ch}.tool-entry{grid-template-columns:minmax(0,1fr) 80px;gap:12px;padding:20px}.tool-entry h2{font-size:23px}}@media (max-width:700px){.tool-home{padding:0 20px}.tool-home__header{min-height:76px}.tool-home__brand>span{display:none}.tool-home__settings .theme-toggle{width:44px;min-width:44px;height:44px;padding:0}.tool-home__settings .theme-toggle__label{display:none}.tool-home main{padding:20px 0 28px}.tool-home__intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.tool-home__intro h1{letter-spacing:-.03em;font-size:clamp(30px,8.2vw,40px);line-height:1.2}.tool-home__intro-copy>p{font-size:13px}.tool-home__intro-copy>.tool-home__note{margin-top:12px;font-size:12px}.tool-home__tools{grid-template-columns:1fr;gap:14px}.tool-entry{grid-template-columns:minmax(0,1fr) 80px;grid-template-areas:"title preview""format format""description description""footer footer";gap:10px 14px;padding:20px}.tool-entry h2{align-self:center;font-size:22px}.tool-entry__preview{height:64px}.tool-entry__photo{transform:rotate(-7deg)scale(.38)}.tool-entry__paper{transform:rotate(6deg)scale(.36)}.tool-entry__description{font-size:13px}.tool-entry__action{gap:6px;font-size:13px}.tool-entry__footer{gap:10px;padding-top:12px}}.tool-entry__preview--json{background:#e5eaf0}.tool-entry__json{color:#526273;font:12px/1.8 var(--font-mono);background:#fff;border-radius:6px;flex-shrink:0;padding:18px 24px;transform:rotate(-3deg)scale(.5)}.tool-entry__json b{color:#315bcb;font-weight:500}.tool-entry__preview--password{background:#dcece7}.tool-entry__password{color:#28614f;background:#fff;border:1px solid #bdd8ce;border-radius:12px;flex-shrink:0;align-items:center;gap:14px;padding:22px 24px;display:flex;transform:scale(.4)}.tool-entry__password svg{width:26px;height:26px}.tool-entry__password span{font:21px var(--font-mono);letter-spacing:1px}@media (max-width:700px){.tool-entry__json{transform:rotate(-3deg)scale(.36)}.tool-entry__password{transform:scale(.28)}}