.datacanvas-workspace{background-color:#0b0f19;color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}.datacanvas-canvas-area{flex:1;background-color:#090d16;background-image:radial-gradient(#1e293b 1px,transparent 1px);background-size:20px 20px;padding:1.5rem;overflow:auto}.datacanvas-grid-container{background-color:#111827;border:1px solid #1f2937;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000004d;margin-bottom:1.5rem;transition:border-color .2s ease,box-shadow .2s ease}.datacanvas-grid-container.active-focused{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f666}.datacanvas-grid-header{background-color:#1f2937;border-bottom:1px solid #374151;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.datacanvas-grid-title{font-weight:700;font-size:.875rem;color:#f8fafc;display:flex;align-items:center;gap:.5rem}.datacanvas-grid-toolbar{display:flex;align-items:center;gap:.5rem}.datacanvas-button{background-color:#374151;color:#e2e8f0;font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:.375rem;border:1px solid #4b5563;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.datacanvas-button:hover{background-color:#4b5563;border-color:#6b7280;color:#fff}.datacanvas-button-primary{background-color:#2563eb;border-color:#3b82f6;color:#fff}.datacanvas-button-primary:hover{background-color:#1d4ed8;border-color:#60a5fa}.valid-drop-vertical{outline:2px dashed #38bdf8!important;background-color:#38bdf81a!important}.valid-drop-horizontal{outline:2px dashed #34d399!important;background-color:#34d3991a!important}