html.page-scroll,html.page-scroll body{height:auto;overflow:visible}html.page-scroll{overflow-y:auto}html.page-scroll body{min-height:100dvh}.page-scroll main{outline:none;flex:1 0 auto;width:100%;max-width:1180px;margin:0 auto;padding:16px;display:block}.page-title{margin:4px 0 12px;font-size:20px}.loading,.empty,.notice{color:var(--muted);padding:12px 0}.notice{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:8px 12px}.page-scroll main.home{max-width:960px}.hero{text-align:center;padding:32px 0 20px}.hero h2{color:var(--accent2);margin:0 0 8px;font-size:30px;font-weight:600}.hero p{max-width:560px;color:var(--muted);margin:0 auto;font-size:15px}.tool-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}.tool-card{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:10px;flex-direction:column;gap:8px;padding:20px;text-decoration:none;display:flex}.tool-card:hover,.tool-card:focus-visible{border-color:var(--accent)}.tool-title{font-size:18px;font-weight:600}.tool-text{color:var(--muted);font-size:14px;line-height:1.5}.tool-go{color:var(--accent2);margin-top:auto;padding-top:6px;font-weight:600}.tool-examples{margin:8px 4px 0;font-size:12px}.home-more{text-align:center;margin-top:28px}