.developer-page{max-width:1240px;margin:auto;padding:36px 28px 64px}.developer-page h1{color:var(--accent);margin:24px 0 16px;font-size:clamp(30px,4vw,46px)}.developer-intro{max-width:850px;font-size:19px;margin-bottom:32px}.developer-grid{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.developer-grid li{min-width:0}.developer-tool{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;padding:18px 22px;background:var(--surface);border:1px solid var(--line);border-radius:10px;text-decoration:none;transition:border-color .2s,background .2s}.developer-tool>span[dir]{font-size:17px;font-weight:600;color:var(--text);overflow-wrap:anywhere}.developer-tool svg{flex-shrink:0;color:#8fb6ff}.developer-tool:hover{background:#142741;border-color:var(--accent)}.developer-tool:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.developer-page .note{font-size:15px;line-height:1.8}
@media(max-width:900px){.developer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-page{padding:28px 22px 48px}}
@media(max-width:520px){.developer-grid{grid-template-columns:1fr;gap:12px}.developer-page{padding-inline:18px}.developer-intro{font-size:17px}.developer-tool{min-height:64px;padding:16px 18px}}
@media(prefers-reduced-motion:reduce){.developer-tool{transition:none}}