/* Code Lab, beginner friendly (founder 2026-10-19: "I want to make this page
   https://tanimawoai.com/codelab.html beginner friendly. Tell me what to remove", then the keep list:
   "Keep ChatGPT, Edit on page, the Code tab, Run, Publish, Phone/Computer" and "Remove all this as well
   Back to tanimawoai.com / My projects / How it works").

   WHY CSS AND NOT COMMENTED-OUT MARKUP: codelab.html is ONE file served to BOTH tanimawoai.com and the
   student app on tanix.app (the two differ only by the line nginx injects). Commenting the markup out would
   strip these tools from the app's Code Lab too, which is the fuller tool the students use. So each control
   is hidden only where the founder asked, with html:not(.taa-app): the app sets .taa-app on <html> from a
   blocking <head> script (app-shell.js), the website never does, so this applies before the first paint and
   the app is untouched.

   TO PUT ANY ONE BACK: delete its line. TO PUT THEM ALL BACK: remove the <link> to this file in codelab.html.

   WHAT STAYS: ChatGPT, Edit on page, the Code tab, Run, Publish, Phone and Computer. */

/* The whole top row: Back to tanimawoai.com and How it works. My projects used to live here too, which is
   why this once hid only the two links; on 2026-10-19 the founder moved it next to Reset in the editor
   toolbar (code-lab-lite.js addProjects), so the bar has nothing left in it and goes completely. */
html:not(.taa-app) .lab-home-bar { display: none !important; }

/* "Wrap: on" (added by playground.js addWrapToggle). An editor preference a beginner has no reason to change. */
html:not(.taa-app) #labWrap { display: none !important; }

/* Claude and Gemini. ChatGPT stays as the single AI. */
html:not(.taa-app) .lab-askai-btn[data-ai="claude"],
html:not(.taa-app) .lab-askai-btn[data-ai="gemini"] { display: none !important; }

/* "Quick website" (added by code-lab-paste.js). Put back on 2026-10-19 at the founder's word ("I don't see
   the Quick Website button"): it is the one-click path from an idea to a finished site, so it stays next to
   ChatGPT. Uncomment the line below to hide it again.
html:not(.taa-app) #labQuickSite { display: none !important; } */

/* Undo and redo (added by code-lab-find.js). Ctrl+Z and Ctrl+Y still work. */
html:not(.taa-app) .lab-tools [data-track="codelab-undo"],
html:not(.taa-app) .lab-tools [data-track="codelab-redo"] { display: none !important; }

/* The expand / full page preview arrow. Put back on 2026-10-19 at the founder's word ("Also add the
   fullscreen button"): seeing the finished site filling the screen is the payoff, so it stays.
   Uncomment the line below to hide it again.
html:not(.taa-app) #labExpand { display: none !important; } */

/* The visitors bar above the editor: "Your website <name>.tanix.app, 1 person visited this week"
   (added by code-lab-keep.js). It describes a site the student has not built yet. */
html:not(.taa-app) #labSiteStats { display: none !important; }

/* "Build with AI" (already hidden from students since 2026-10-07; this also takes it off the founder's view). */
html:not(.taa-app) #labBuild { display: none !important; }

/* The permanent "Saved in this browser" note in the editor footer. */
html:not(.taa-app) .lab-saved { display: none !important; }

/* ---- Inside the Quick website dialog ---- */

/* Step 2 "Ask an AI for the code": keep only ChatGPT (founder 2026-10-19 "Keep only chatGPT here").
   Website only, and that matters: code-lab-lite.js hides the Ask AI buttons in the app's editor bar
   ("Quick Website already have them"), so in the app THIS dialog is the only place to pick an AI.
   Hiding Claude and Gemini everywhere would take them away from the app completely. */
html:not(.taa-app) .lqw-ai[data-ai="claude"],
html:not(.taa-app) .lqw-ai[data-ai="gemini"] { display: none !important; }

/* "Use my database, customer accounts and card payments" (founder 2026-10-19: "Remove this").
   Only the tick box goes. The setting stays on by default, so the AI is still told about TAADB,
   TAAAuth and TAAPay; this just stops asking a beginner to decide. !important because
   code-lab-paste.js sets display:flex inline when the backend tools are available. */
html:not(.taa-app) .lqw-tools { display: none !important; }

/* ---- SHOWN AGAIN (these are hidden on the website by other stylesheets; this file loads last) ---- */

/* Reset (founder 2026-10-19: "add a reset button, when I click on it, reset everything to empty so I can
   start all over"). The button is already in codelab.html and already does exactly that in Free play:
   playground.js clears the HTML, CSS and JS and offers an Undo for a few seconds, and relabels it
   "Clear all your code". It was only hidden, by code-lab-plus.css line 149 (html.lab-lite #labReset).
   Same specificity as that rule and this file loads after it, so this wins. */
html:not(.taa-app) #labReset { display: inline-flex !important; }