/* =====================================================================
   extras.css — styles for the optional add-on features in extras.js.
   Reversible: remove this file + its <link> in index.html to drop the styles.
   ===================================================================== */

/* "what happened & why" note under the result chips */
.xtra-diag{
  margin:10px 0 2px; padding:9px 11px; border-radius:9px;
  background:var(--panel2); border:1px solid var(--line2);
  font-size:12.5px; line-height:1.5; color:var(--ink);
}

/* embed mode (?embed=1): strip the top bar so the visualizer fits in an <iframe> */
body.embed{ display:flex; flex-direction:column; height:100vh; }
body.embed .topbar{ display:none; }
body.embed .workspace{ flex:1; min-height:0; }