/* assets/studio.css
   Shared "Creative Studio" shell styling for EJO Studio.
   Intentionally light-touch: provides background, typography, and optional wrappers.
*/
:root{
  --bg1:#070b12;
  --bg2:#0b1020;
  --text:#eaf2ff;
  --muted:#a7b4c6;
  --line:rgba(255,255,255,.10);
  --surface: rgba(255,255,255,.03);
  --surface2: rgba(255,255,255,.02);
  --shadow: rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(125,211,252,.18), transparent 60%),
    radial-gradient(900px 500px at 90% 10%, rgba(196,181,253,.16), transparent 55%),
    radial-gradient(800px 500px at 60% 110%, rgba(252,165,165,.10), transparent 55%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
}
a{color:inherit}
.studio-wrap{max-width:1100px;margin:0 auto;padding:18px}
.studio-panel{
  border:1px solid var(--line);
  background: var(--surface);
  border-radius:18px;
  padding:14px 16px;
  margin:10px 0 14px;
  box-shadow: 0 18px 60px var(--shadow);
}
.studio-panel h1{margin:0;font-size:18px;letter-spacing:.2px}
.studio-panel p{margin:6px 0 0;font-size:13px;line-height:1.35;color:var(--muted)}
.studio-surface{border:1px solid var(--line);border-radius:18px;background:var(--surface2);overflow:hidden}
.studio-pad{padding:12px}