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}