:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tile:#1f4e79;--tile-hover:#2a6299;--tile-focus:#7ab3e5;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}.page{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.page-header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.section-title{margin:32px 0 16px;font-size:1.35rem;font-weight:600}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.tile{aspect-ratio:1;background:var(--tile);color:#fff;font:inherit;text-align:center;cursor:pointer;border:none;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:12px;font-size:.95rem;font-weight:600;line-height:1.25;transition:background .12s;display:flex}.tile:hover{background:var(--tile-hover)}.tile:focus-visible{outline:3px solid var(--tile-focus);outline-offset:2px}.tile-icon svg{width:38px;height:38px;display:block}.link-button{font:inherit;color:var(--tile);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.result{white-space:pre-wrap;word-break:break-word;background:#f2f4f7;border-radius:3px;margin-top:16px;padding:12px;font-size:.9rem}.result-error{color:#a3231b;background:#fdeceb}