.toolPage{padding-bottom:38px}.toolHeading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:30px;display:flex}.toolHeading .lead{max-width:60ch;margin-bottom:0}.toolDownload,.toolResults button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font:600 14px/1.4 inherit;text-decoration:none;display:inline-flex}.toolDownload{flex-shrink:0}.toolGrid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;display:grid}.toolCard{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:14px;padding:22px 23px;text-decoration:none;display:block}.toolCard:hover{border-color:var(--muted)}.toolCardTop{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.toolCardTop>svg:first-child{box-sizing:content-box;color:var(--lightningcss-light,#365845)var(--lightningcss-dark,#c6e6b5);background:var(--lightningcss-light,#dfe9da)var(--lightningcss-dark,#293c33);border-radius:12px;padding:10px}.toolCardTop>svg:last-child{color:var(--muted)}.toolCard h2{letter-spacing:-.04em;margin:0 0 12px;font-size:22px;line-height:1.2}.toolCard p,.toolShortcut{color:var(--muted);font-size:14px;line-height:1.5}.categoryTitle,.toolShortcut,.toolCrumbs a{color:inherit;text-decoration:none}.toolShortcut:hover,.toolCrumbs a:hover{text-decoration:underline}.toolCrumbs{color:var(--muted);align-items:center;gap:10px;margin:0 0 22px;font-size:14px;display:flex}.toolFrame{border:1px solid var(--line);background:var(--paper);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.toolInputs,.toolResults{min-width:0;padding:clamp(18px,3vw,36px)}.toolInputs h2,.toolResults h2{margin:0 0 20px;font-size:20px}.toolInputs{flex-direction:column;gap:12px;display:flex}.toolInputs label{gap:6px;font-size:14px;font-weight:600;display:grid}.toolInputs input,.toolInputs select,.toolInputs textarea{box-sizing:border-box;border:1px solid var(--line);width:100%;max-width:100%;font:inherit;background:var(--field);color:var(--ink);border-radius:8px;padding:10px 12px}.toolInputs textarea{resize:vertical}.toolResults{background:var(--field);border-inline-start:1px solid var(--line);overflow-wrap:anywhere}.toolResults output{letter-spacing:-.05em;font-size:clamp(28px,4vw,52px);font-weight:700}.toolResults pre{white-space:pre-wrap;max-height:480px;overflow:auto}.toolResults canvas,.toolResults svg{max-width:100%;height:auto;margin-bottom:12px;display:block}.toolResults canvas{object-fit:contain;max-height:420px}.toolStat{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;display:flex}.colorSample{border-radius:8px;height:110px;margin:0 0 15px}@media (max-width:720px){.toolHeading{flex-direction:column;align-items:flex-start}.toolFrame{grid-template-columns:1fr}.toolResults{border-inline-start:0;border-top:1px solid var(--line)}}