*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui;color:#132238;background:#f7f9fc}header,main,footer{max-width:1120px;margin:auto;padding:1.25rem}header{display:flex;gap:2rem;align-items:center;justify-content:space-between;border-bottom:1px solid #e4eaf2}nav{display:flex;gap:1rem;flex-wrap:wrap}.brand{font-size:1.2rem;font-weight:800;text-decoration:none}.badge{color:#6d28d9;text-transform:uppercase;font-size:.82rem;letter-spacing:.05em;font-weight:800}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;max-width:850px}h2{line-height:1.25}.lede{font-size:1.15rem;max-width:780px}.panel{min-width:0;background:white;border:1px solid #dbe3ef;border-radius:16px;padding:1.5rem;box-shadow:0 6px 22px rgba(19,34,56,.04)}.tool-grid,.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;margin:2rem 0}.tool-card{text-decoration:none;color:inherit}.tool-card span,.tool-card:hover h2{color:#6d28d9}.tool{display:grid;gap:.75rem;max-width:900px;margin:1.5rem 0 2rem}.toolbar{display:flex;gap:.75rem;flex-wrap:wrap}textarea{min-width:0;width:100%;padding:.8rem;border:1px solid #aab9ce;border-radius:8px;font:14px/1.5 ui-monospace,monospace;resize:vertical}button{width:max-content;padding:.75rem 1rem;border:0;border-radius:8px;background:#6d28d9;color:white;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#581caa}.secondary{background:white;color:#6d28d9;border:1px solid #6d28d9}.secondary:hover{background:#f4efff}.status{min-height:1.6rem;font-weight:650}section{margin:2rem 0}li+li{margin-top:.5rem}a{color:#6d28d9}footer{color:#52647c}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}nav a:not(:first-child):not(:last-child){display:none}}