.utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:38px}.utility-card{min-height:220px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.utility-card h2{margin:0 0 8px;font-size:1.08rem;letter-spacing:-.035em}.utility-card p{margin:0 0 18px;color:var(--muted);font-size:.84rem;line-height:1.55}.utility-card input,.utility-card select,.utility-card textarea{width:100%;min-height:40px;margin:0 0 8px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font:inherit}.utility-card textarea{min-height:78px;resize:vertical}.utility-card button{min-height:38px;padding:0 12px;border:0;border-radius:9px;background:var(--accent);color:#fff;font:800 .82rem inherit;cursor:pointer}.utility-card .secondary{margin-left:6px;background:var(--accent-soft);color:var(--accent)}.utility-result{min-height:36px;margin-top:12px;padding:9px 10px;border-radius:9px;background:var(--bg);color:var(--ink);font:700 .82rem ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.utility-result:empty{display:none}.utility-result canvas{display:block;max-width:100%;margin:auto}.utility-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.utility-note{margin-top:9px;color:var(--muted);font-size:.75rem;line-height:1.45}.utility-card--wide{grid-column:span 2}.utility-preview{min-height:95px;font-size:.88rem;line-height:1.65}.utility-preview h1,.utility-preview h2,.utility-preview h3{margin:.35em 0}.utility-preview p{color:inherit;margin:.5em 0}.utility-preview code{padding:2px 5px;border-radius:4px;background:var(--accent-soft)}@media(max-width:980px){.utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-card--wide{grid-column:span 2}}@media(max-width:640px){.utility-grid{grid-template-columns:1fr}.utility-card--wide{grid-column:span 1}.utility-two{grid-template-columns:1fr}}