body{font-family:system-ui,sans-serif;margin:2rem auto;max-width:80rem;padding:0 1rem;color:#222;background:#fff}noma-playground{display:block}noma-playground header{display:block;margin-bottom:1.5rem}noma-playground header a{color:#666;text-decoration:none;font-size:.9rem}noma-playground h1{margin:.2rem 0 .4rem}noma-playground header p{color:#666;margin:0;max-width:60rem}noma-playground [role=main]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:60rem){noma-playground [role=main]{grid-template-columns:1fr}}noma-editor{display:block;margin-bottom:1rem}noma-editor label,noma-output label{display:block;font-weight:600;margin-bottom:.4rem}noma-editor textarea{width:100%;min-height:11rem;font-family:ui-monospace,monospace;font-size:.9rem;padding:.6rem;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;resize:vertical}noma-playground button{font-size:1rem;padding:.45rem 1.4rem;border:1px solid #888;border-radius:6px;background:#f2f2f2;cursor:pointer}noma-playground button:hover{background:#e5e5e5}noma-output{display:block;margin-bottom:1rem}noma-output pre{background:#f7f7f7;border:1px solid #e0e0e0;border-radius:6px;padding:.6rem;font-size:.9rem;min-height:2.4rem;margin:0;white-space:pre-wrap}noma-cases{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}noma-cases button{font-size:.85rem;padding:.35rem .8rem;border:1px solid #bbb;border-radius:999px;background:#fafafa;cursor:pointer}noma-cases button[state=active]{background:#222;color:#fff;border-color:#222}