.workspace-layout{background-color:#f8f9fa;width:100vw;height:100vh;position:relative;overflow:hidden}.workspace-canvas{z-index:10;background-image:radial-gradient(#e0e0e0 1px,#0000 1px);background-size:20px 20px;width:100%;height:100%;position:absolute;top:0;left:0}.workspace-overlay{z-index:20;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.overlay-top,.overlay-left,.overlay-bottom-center,.overlay-right-center{pointer-events:auto;position:absolute}.overlay-bottom-dock{pointer-events:none;position:absolute}.overlay-top{top:var(--spacing-4);left:var(--spacing-4);right:var(--spacing-4);justify-content:flex-end;align-items:flex-start;display:flex}.overlay-left{top:80px;left:var(--spacing-4)}.overlay-bottom-center{bottom:var(--spacing-6);left:50%;transform:translate(-50%)}.overlay-right-center{top:50%;right:var(--spacing-6);transform:translateY(-50%)}.overlay-bottom-dock{bottom:var(--spacing-6);align-items:flex-end;display:flex;left:0;right:0}.workspace-loading-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.workspace-loading-spinner{color:#6366f1;animation:.8s linear infinite workspace-loading-spin}@keyframes workspace-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}