:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#14213d;--muted:#667085;--line:#e4e7ec;--accent:#16794b;--panel:#fff}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{color:#fff;background:#111827;justify-content:space-between;align-items:center;min-height:64px;padding:0 5vw;display:flex}.topbar nav{align-items:center;gap:1.25rem;display:flex}.brand{color:#4ade80;font-size:1.35rem;font-weight:800}.shell{max-width:1120px;margin:0 auto;padding:2rem 1rem 5rem}.hero{margin:1.5rem 0 2rem}.hero h1{margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.4rem)}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.2rem}.card:hover{border-color:#98a2b3}.tag{color:#067647;background:#ecfdf3;border-radius:999px;margin-right:.35rem;padding:.2rem .55rem;font-size:.75rem;display:inline-block}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:.7rem 1rem;display:inline-block}.button.secondary{color:var(--ink);background:#e8ecef}.button:disabled{cursor:not-allowed;opacity:.55}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.editor{border:1px solid var(--line);border-radius:10px;overflow:hidden}.output{color:#d1fae5;white-space:pre-wrap;background:#111827;border-radius:10px;min-height:72px;padding:1rem;overflow:auto}.markdown{line-height:1.7}.markdown pre{background:#eef1f4;border-radius:8px;padding:1rem;overflow:auto}.field{gap:.35rem;margin-bottom:1rem;display:grid}.field input,.field textarea{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.7rem}.notice{background:#fffaeb;border:1px solid #fedf89;border-radius:8px;padding:.8rem}.error{color:#b42318}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--line);text-align:left;padding:.55rem}@media (max-width:600px){.topbar{padding:0 1rem}.topbar nav{gap:.7rem}}