/* Studio EVOLVE v2.9 face raster: compact responsive native workspace. */
.ev-face{height:100%;overflow:auto;padding:10px}.ev-face-grid{display:grid;grid-template-columns:minmax(270px,1.05fr) minmax(280px,1.1fr) minmax(280px,1fr);gap:10px;align-items:start}
.ev-face .ev-panel{min-width:0}.ev-face .ev-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ev-face label{display:block;font:700 9px/1.5 var(--mono);color:#9db9c0}
.ev-face input{display:block;width:100%;height:32px;padding:6px 8px;background:#0a161b;border:1px solid #3d565c;color:#e0f4f0;border-radius:3px}
.ev-face input:focus-visible,.ev-face button:focus-visible,.ev-face canvas:focus-visible{outline:2px solid #a4e7de;outline-offset:2px}
.ev-face #evFaceCanvas{display:block;width:100%;height:350px;touch-action:none;background:#09171c;border:1px solid #2c454d}
.ev-face #evFaceNC{display:block;width:100%;height:380px;resize:vertical;background:#071217;color:#a8e4c9;border:1px solid #31505a;padding:10px;font:10px/1.5 var(--mono)}
.ev-face .ev-face-metrics{font:700 10px/1.6 var(--mono);color:#a9e4d7;overflow-wrap:anywhere}
.ev-face .ev-buttons{display:flex;gap:5px;flex-wrap:wrap}.ev-face button{min-height:31px}
@media(max-width:1050px){.ev-face-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ev-face-grid>.ev-panel:last-child{grid-column:1/-1}}
@media(max-width:720px){.ev-face{padding:6px}.ev-face-grid{display:flex;flex-direction:column;gap:8px}.ev-face-grid>.ev-panel{width:100%}.ev-face #evFaceCanvas{height:290px}.ev-face #evFaceNC{height:260px}.ev-face .ev-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}