/* Build 053: canvas is the workspace, panels are temporary controls. */
body.ev-canvas-first .hero{display:none}
body.ev-canvas-first .shell{width:min(100% - 22px,1900px);max-width:none}
body.ev-canvas-first .topbar .top-inner{padding:7px 0}
body.ev-canvas-first .brand small{display:none}
body.ev-canvas-first .tabs{margin:3px 0 6px;gap:5px}
body.ev-canvas-first .tabs .tab{font-size:10px;padding:7px 11px}
body.ev-canvas-first .studio{display:block}
body.ev-canvas-first #viewport-deck{position:relative;z-index:6;min-width:0}
body.ev-canvas-first #viewport-deck>.toolstrip{display:none}
body.ev-canvas-first #viewport-deck>.canvas-shell{height:calc(100dvh - 148px);min-height:320px;max-height:none;margin:0;border:1px solid #263c4b;border-radius:11px;box-shadow:none;background:#08131e}
body.ev-canvas-first .canvas-shell #field{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
body.ev-canvas-first .canvas-shell #ev-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:4;opacity:1;touch-action:none;cursor:crosshair;outline-offset:-5px}
body.ev-canvas-first #ev-canvas:focus-visible{outline:2px solid #91cce7}
body.ev-canvas-first .canvas-top,body.ev-canvas-first .canvas-bottom{display:none}
body.ev-canvas-first .stats,body.ev-canvas-first #status,body.ev-canvas-first #workbench-mobile-toolbar{display:none}
body.ev-canvas-first .studio>.side{display:none}
body.ev-canvas-first .workspace>.sequencer-panel{display:none}
body.ev-canvas-first .workspace>section:not(.viewport-deck){display:none}
#ev-hud{position:relative;z-index:25;min-width:0;margin-bottom:5px;font:12px/1.25 system-ui,-apple-system,sans-serif;color:#d1e5f3}
#ev-hud .ev-toolbar{display:flex;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;white-space:nowrap;padding:3px 2px;overscroll-behavior-x:contain}
#ev-hud button,#ev-hud select,#ev-hud input{font-family:inherit}
#ev-hud button,#ev-hud select{border:1px solid #35536a;background:#152a3a;color:#dcecf5;border-radius:6px;padding:6px 10px;min-height:36px;font-size:11px;white-space:nowrap;flex:none;cursor:pointer}
#ev-hud button:hover,#ev-hud button:focus-visible{border-color:#8fd6f8;background:#244459}
#ev-hud button[aria-pressed="true"],#ev-hud button[aria-expanded="true"]{background:#275c77;border-color:#8bdfff;color:#fff}
#ev-hud button:disabled{opacity:.4}
#ev-hud #ev-clear{border-color:#55788e}
#ev-hud #ev-pane{position:absolute;right:0;top:43px;z-index:60;width:min(330px,calc(100vw - 28px));max-height:min(64dvh,520px);overflow:auto;overscroll-behavior:contain;border:1px solid #45667a;border-radius:10px;background:rgba(10,25,38,.97);box-shadow:0 20px 40px #0009;padding:10px 12px;backdrop-filter:blur(14px)}
#ev-hud #ev-pane[hidden],#ev-hud #ev-panel-tune[hidden],#ev-hud #ev-panel-profiles[hidden],#ev-hud #ev-panel-scene[hidden]{display:none!important}
#ev-hud .ev-pane-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px}
#ev-hud #ev-pane .ev-pane-head button{min-height:28px;padding:3px 8px}
#ev-hud .ev-profile-presets,#ev-hud .ev-buttons{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}
#ev-hud .ev-profile-presets button,#ev-hud .ev-buttons button{min-height:30px;padding:5px 9px}
#ev-hud .ev-slider{display:grid;grid-template-columns:106px minmax(0,1fr) 64px;gap:7px;align-items:center;min-height:30px;border-bottom:1px solid #273e4e;padding:2px 0}
#ev-hud .ev-slider span{color:#b5d4e6}
#ev-hud .ev-slider input{width:100%;min-width:0;accent-color:#87d4f1}
#ev-hud .ev-slider output{font-variant-numeric:tabular-nums;text-align:right;color:#eefaff;font-size:11px}
#ev-hud #ev-panel-profiles p,#ev-hud #ev-panel-scene p{font-size:11px;line-height:1.4;color:#bed1df;margin:6px 0}
#ev-hud #ev-profile-name,#ev-hud #ev-profile-list{box-sizing:border-box;display:block;width:100%;padding:7px;margin:5px 0;background:#142a3c;color:#e7f4ff;border:1px solid #446278;border-radius:6px}
#ev-readout{position:absolute;z-index:8;bottom:8px;left:9px;max-width:calc(100% - 20px);padding:6px 9px;pointer-events:none;background:#081826d9;border:1px solid #294459;border-radius:7px;font:11px/1.45 system-ui;color:#b8dfef;text-shadow:0 1px 2px #000}
#ev-readout:after{content:attr(data-stats);display:block;color:#89bfdb;font-variant-numeric:tabular-nums}
body.ev-canvas-first.ev-labs-open #viewport-deck{position:sticky;top:0;background:#08131c;padding:4px 0}
body.ev-canvas-first.ev-labs-open #viewport-deck>.canvas-shell{height:42dvh;min-height:240px}
body.ev-canvas-first.ev-labs-open .workspace>.sequencer-panel,body.ev-canvas-first.ev-labs-open .workspace>section:not(.viewport-deck){display:block}
body.ev-canvas-first.ev-labs-open .studio>.side{display:block;max-width:none}
body.ev-canvas-first.ev-expanded{overflow:hidden}
body.ev-canvas-first.ev-expanded #viewport-deck{position:fixed;inset:0;z-index:1000;background:#07111b;padding:7px}
body.ev-canvas-first.ev-expanded #viewport-deck>.canvas-shell{height:calc(100dvh - 57px);min-height:0}
body.ev-canvas-first.ev-original .hero{display:flex}
body.ev-canvas-first.ev-original .studio{display:grid}
body.ev-canvas-first.ev-original #viewport-deck>.toolstrip{display:flex}
body.ev-canvas-first.ev-original #viewport-deck>.canvas-shell{height:auto;min-height:0}
body.ev-canvas-first.ev-original .canvas-shell #field{position:relative;opacity:1;pointer-events:auto;width:100%;height:clamp(380px,54vw,650px)}
body.ev-canvas-first.ev-original .canvas-shell #ev-canvas{display:none}
body.ev-canvas-first.ev-original .canvas-top,body.ev-canvas-first.ev-original .canvas-bottom{display:flex}
body.ev-canvas-first.ev-original .stats,body.ev-canvas-first.ev-original #status,body.ev-canvas-first.ev-original #workbench-mobile-toolbar{display:grid}
body.ev-canvas-first.ev-original #status{display:block}
body.ev-canvas-first.ev-original .studio>.side{display:block}
body.ev-canvas-first.ev-original .workspace>.sequencer-panel,body.ev-canvas-first.ev-original .workspace>section:not(.viewport-deck){display:block}
body.ev-canvas-first.ev-original #ev-hud .ev-toolbar>:not(#ev-legacy){display:none}
body.ev-canvas-first.ev-original #ev-readout{display:none}
@media(max-width:820px){
 body.ev-canvas-first .shell{width:calc(100% - 12px)}
 body.ev-canvas-first #viewport-deck>.canvas-shell{height:calc(100dvh - 137px);min-height:320px}
 body.ev-canvas-first .tabs{overflow-x:auto;scrollbar-width:none}
 body.ev-canvas-first .tabs .tab{white-space:nowrap;padding:8px}
 body.ev-canvas-first #ev-hud .ev-toolbar{gap:3px}
 body.ev-canvas-first #ev-hud button,body.ev-canvas-first #ev-hud select{min-height:38px;padding:6px 9px}
 body.ev-canvas-first #ev-hud #ev-pane{width:min(310px,calc(100vw - 18px));max-height:39dvh;top:44px}
 body.ev-canvas-first.ev-labs-open #viewport-deck>.canvas-shell{height:36dvh;min-height:200px}
 body.ev-canvas-first.ev-original .studio{display:block}
 body.ev-canvas-first.ev-original .canvas-shell #field{height:52vh;min-height:350px}
}
@media(max-width:520px){body.ev-canvas-first .toplinks{width:auto}body.ev-canvas-first .toplinks a{font-size:9px}body.ev-canvas-first .topbar .top-inner{flex-wrap:nowrap;gap:7px}body.ev-canvas-first .brand{font-size:13px}body.ev-canvas-first .tabs{margin:2px 0}body.ev-canvas-first .tabs .tab{padding:6px 8px;font-size:9px}body.ev-canvas-first #viewport-deck>.canvas-shell{height:calc(100dvh - 124px)}}
@media(prefers-reduced-motion:reduce){#ev-hud *{transition:none!important}}