:root{--secondary-color:#6b7280;--accent-color:#10b981;--danger-color:#ef4444;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#1e293b;--bg-darker:#0f172a;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--text-white:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem}.main-container{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.editor-workspace{flex-direction:row;flex:1;width:100%;height:100%;display:flex;overflow:hidden}.editor-container{flex:1;min-width:0;height:100%;position:relative;overflow:hidden}canvas{touch-action:none;display:block}