{
  "id": "tabs",
  "title": "Choose your workshop",
  "prompt": "Make a workshop page with beginner and advanced choices.",
  "files": [
    {
      "path": "index.html",
      "content": "<!doctype html><html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><title>Choose your workshop</title><link rel=\"stylesheet\" href=\"style.css\"></head><body><main><header><small>FIGMENT PUBLISHING TEST</small><h1>Choose your workshop</h1></header><nav><button>Beginner</button><button id=\"action\">Advanced</button></nav><section id=\"result\">Start with the basics.</section></main><script>action.onclick=()=>result.textContent='Bring a project. Leave with a working prototype.'</script></body></html>"
    },
    {
      "path": "style.css",
      "content": "*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,sans-serif;color:#19212a;background:#f4f6f8}main{max-width:860px;margin:0 auto;padding:56px 24px}header{border-bottom:1px solid #cbd2d9;padding-bottom:24px;margin-bottom:28px}small{color:#526273}h1{font-size:36px;line-height:1.15;margin:12px 0}h2{font-size:22px}button,a,input,select{font:inherit}button,.action{display:inline-block;background:#1256c5;color:white;border:0;border-radius:5px;padding:12px 20px;text-decoration:none;cursor:pointer}input,select{padding:12px;border:1px solid #8b97a4;border-radius:4px;max-width:100%;background:white}label{display:block;margin:14px 0}output{display:block;font-size:28px;font-weight:650;margin:24px 0}section,article{padding:18px 0;border-bottom:1px solid #d8dee4}nav{display:flex;gap:20px;flex-wrap:wrap}img,canvas,iframe{max-width:100%}table{border-collapse:collapse;width:100%}td,th{padding:12px;text-align:left;border-bottom:1px solid #cbd2d9}button:focus-visible,a:focus-visible{outline:3px solid #e99222;outline-offset:3px}"
    }
  ],
  "connectOrigins": []
}