.utility{margin:28px 0}.utility .utility-hero{padding:30px;background:linear-gradient(145deg,#162849,#254c80);color:white;border-radius:18px;text-align:center;font-size:clamp(32px,6vw,72px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.utility .utility-hero p{color:#d2e3ff;font-size:16px}.utility .utility-row{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.utility-row>label{flex:1;min-width:140px}.utility .utility-result{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#edf4ff;border-radius:12px;font-size:20px;max-height:600px;overflow:auto}.utility .utility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.utility .utility-clock{aspect-ratio:1;max-width:220px;margin:auto;display:block}.utility .utility-clock line{stroke:#244772;stroke-linecap:round}.utility .utility-clock circle{fill:white;stroke:#cddcef;stroke-width:2}.utility .utility-clock text{font-size:9px;fill:#35577d;text-anchor:middle}.utility .utility-tag{display:inline-block;background:#e6efff;padding:6px 10px;border-radius:6px;margin:4px}.utility .utility-diff ins{background:#d4f5d8;text-decoration:none}.utility .utility-diff del{background:#ffdedb}.utility .utility-key{border:1px solid #ccd9eb;padding:12px;border-radius:7px}.utility .utility-key.active{background:#d8eddd}.utility .utility-scroll{overflow:auto;max-height:550px}.utility .utility-result code{font-size:14px;white-space:pre-wrap}.utility .utility-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px}.utility .utility-emoji-grid button{padding:10px;border:1px solid #dce6f4;border-radius:10px;background:#fff;font-size:30px}.utility .utility-emoji-grid small{display:block;font-size:10px;overflow-wrap:anywhere}.utility .utility-card{border:1px solid #dce6f4;border-radius:16px;padding:20px;background:#fff}.utility .utility-card h3{margin-top:0}.utility .utility-tabular{font-variant-numeric:tabular-nums}.utility .utility-measure{overflow:auto;border:1px solid #ccd9eb;border-radius:12px;padding:20px;background:#fff}.utility canvas{max-width:100%}.utility .utility-controls{margin:18px 0;display:flex;gap:12px;flex-wrap:wrap}.utility .utility-muted{font-size:13px;color:#647993}.utility-route{padding-left:1.4rem;max-height:480px;overflow:auto}.utility-route li{padding:.6rem;border-bottom:1px solid #dce6f5}.utility-route li span{display:block;font-size:.8rem;color:#55708c}.utility details{padding:12px 0}.utility details p{line-height:2}.utility .button:not(.button-outline):not(.button-primary){background:#3468ff;color:white;border:1px solid #3468ff}.utility .button:not(.button-outline):hover{background:#2455dd}.utility .button:disabled{opacity:.45;cursor:not-allowed}.utility .utility-row{margin-bottom:16px}