@import url('../../../assets/workshop-3d.css');
.lab-layout { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr); gap:1.2rem; }
.lab-layout > div { min-width:0; }
.artboard { aspect-ratio:1; border:1px solid #cbd5e1; border-radius:14px; overflow:hidden; touch-action:none; cursor:grab; }
.artboard canvas { width:100%; height:100%; }
.panel { padding:1rem; background:#f0f9ff; border:1px solid #bae6fd; border-radius:14px; }
.panel label { display:block; font-weight:700; margin:.7rem 0; }
.panel input[type=file] { width:100%; font:inherit; }
.panel input[type=color] { width:100%; height:42px; }
#texture-preview { width:140px; height:140px; border:1px solid #94a3b8; border-radius:8px; margin:1rem 0; }
.calculation { padding:.7rem; background:white; border-radius:8px; overflow-x:auto; margin:1rem 0; }
pre { background:#0f172a; color:#bae6fd; font: .9rem/1.6 ui-monospace,monospace; }
.comment { color:#94a3b8; }
@media(max-width:750px) { .lab-layout { grid-template-columns:1fr; } }