.tool-workspace{padding-block:24px 60px;max-width:1050px}.tool-card{border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:24px}.tool-card h2{margin-bottom:16px}.tool-card p{margin-block:14px}.tool-fields{display:flex;flex-wrap:wrap;gap:18px}.tool-card label{display:flex;flex-direction:column;gap:8px;margin-block:12px;max-width:100%;font-weight:600}.tool-card input,.tool-card select{padding:10px;border:1px solid var(--line);border-radius:6px;max-width:100%;min-width:0;font:inherit}.tool-fields label{flex:1 1 180px}.tool-scroll{max-width:100%;overflow:auto;padding:12px}.tool-scroll img{max-width:none;height:auto;display:block}.tool-scroll img[hidden]{display:none}.checker{background:conic-gradient(#ddd 25%,#fff 0 50%,#ddd 0 75%,#fff 0) 0 0/20px 20px}#tool-ruler{width:377.952756px;height:15px;border:solid currentColor;border-width:0 2px 2px;box-sizing:border-box;direction:ltr}.tool-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.tool-compare figure{margin:0;min-width:0}.tool-compare svg,.tool-compare img{width:100%;height:auto;max-width:450px}.tool-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.tool-card .btn{white-space:normal}.tool-card input:focus-visible,.tool-card select:focus-visible,.tool-card button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:500px){.tool-card{padding:16px}.tool-workspace{padding-inline:12px}}