.iazd-container.iazd-theme-dark{--iazd-grid-bg: #1a1a1a;--iazd-widget-bg: #2d2d2d;--iazd-widget-border: #404040;--iazd-widget-shadow: rgba(0, 0, 0, .5);--iazd-widget-shadow-hover: rgba(0, 0, 0, .7);--iazd-widget-text: #e0e0e0;--iazd-handle-color: #5ba3ff;--iazd-handle-border: #404040;--iazd-drag-border: #5ba3ff;--iazd-drag-bg: rgba(91, 163, 255, .2);--iazd-collision-border: #ff6b6b;--iazd-collision-bg: rgba(255, 107, 107, .2)}.iazd-container.iazd-theme-dark .iazd-widget-content{color:var(--iazd-widget-text)}.iazd-container.iazd-theme-minimal{--iazd-grid-bg: #ffffff;--iazd-widget-bg: #ffffff;--iazd-widget-border: #e8e8e8;--iazd-widget-border-width: 1px;--iazd-widget-shadow: rgba(0, 0, 0, .05);--iazd-widget-shadow-hover: rgba(0, 0, 0, .08);--iazd-widget-text: #333333;--iazd-radius: 4px;--iazd-gap: 12px;--iazd-widget-padding: 20px;--iazd-handle-size: 10px;--iazd-handle-color: #666666;--iazd-handle-border: #ffffff;--iazd-drag-border: #999999;--iazd-drag-bg: rgba(0, 0, 0, .05);--iazd-collision-border: #cc0000;--iazd-collision-bg: rgba(204, 0, 0, .05)}.iazd-container.iazd-theme-colorful{--iazd-grid-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--iazd-widget-bg: #ffffff;--iazd-widget-border: rgba(255, 255, 255, .3);--iazd-widget-border-width: 2px;--iazd-widget-shadow: rgba(102, 126, 234, .3);--iazd-widget-shadow-hover: rgba(102, 126, 234, .5);--iazd-widget-text: #333333;--iazd-radius: 12px;--iazd-widget-padding: 20px;--iazd-handle-color: #667eea;--iazd-handle-border: #ffffff;--iazd-drag-border: #667eea;--iazd-drag-bg: rgba(102, 126, 234, .2);--iazd-collision-border: #ff6b6b;--iazd-collision-bg: rgba(255, 107, 107, .2)}.iazd-container.iazd-theme-glass{--iazd-grid-bg: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);--iazd-widget-bg: rgba(255, 255, 255, .25);--iazd-widget-border: rgba(255, 255, 255, .5);--iazd-widget-border-width: 1px;--iazd-widget-shadow: rgba(0, 0, 0, .1);--iazd-widget-shadow-hover: rgba(0, 0, 0, .2);--iazd-widget-text: #333333;--iazd-radius: 16px;--iazd-widget-padding: 24px;--iazd-handle-color: rgba(255, 255, 255, .8);--iazd-handle-border: rgba(255, 255, 255, .3);--iazd-drag-border: rgba(255, 255, 255, .6);--iazd-drag-bg: rgba(255, 255, 255, .3)}.iazd-container.iazd-theme-glass .iazd-widget{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.iazd-container.iazd-theme-neon{--iazd-grid-bg: #0a0a0a;--iazd-widget-bg: #1a1a1a;--iazd-widget-border: #00ffff;--iazd-widget-border-width: 2px;--iazd-widget-shadow: 0 0 20px rgba(0, 255, 255, .5);--iazd-widget-shadow-hover: 0 0 30px rgba(0, 255, 255, .7);--iazd-widget-text: #00ffff;--iazd-radius: 0px;--iazd-widget-padding: 16px;--iazd-handle-color: #ff00ff;--iazd-handle-border: #0a0a0a;--iazd-drag-border: #00ff00;--iazd-drag-bg: rgba(0, 255, 0, .1);--iazd-collision-border: #ff0000;--iazd-collision-bg: rgba(255, 0, 0, .1)}.iazd-container.iazd-theme-neon .iazd-widget{box-shadow:0 0 20px var(--iazd-widget-shadow)}.iazd-container.iazd-theme-neon .iazd-widget:hover{box-shadow:0 0 30px var(--iazd-widget-shadow-hover)}.iazd-container.iazd-theme-neon .iazd-widget-content{color:var(--iazd-widget-text)}.iazd-container.iazd-theme-neon .iazd-resize-handle{box-shadow:0 0 10px var(--iazd-handle-color)}:root{--iazd-grid-bg: #f5f5f5;--iazd-grid-padding: 8px;--iazd-widget-bg: #ffffff;--iazd-widget-border: #e0e0e0;--iazd-widget-border-width: 1px;--iazd-widget-shadow: rgba(0, 0, 0, .1);--iazd-widget-shadow-hover: rgba(0, 0, 0, .15);--iazd-widget-text: #333333;--iazd-radius: 8px;--iazd-gap: 8px;--iazd-widget-padding: 16px;--iazd-handle-size: 12px;--iazd-handle-color: #4a90e2;--iazd-handle-border: #ffffff;--iazd-drag-border: #4a90e2;--iazd-drag-bg: rgba(74, 144, 226, .15);--iazd-drag-opacity: .3;--iazd-collision-border: #e74c3c;--iazd-collision-bg: rgba(231, 76, 60, .15);--iazd-transition: .2s ease}.iazd-grid{--iazd-columns: 12;--iazd-row-height: 60;--iazd-margin: 8}.iazd-widget{--iazd-widget-x: 0;--iazd-widget-y: 0;--iazd-widget-w: 1;--iazd-widget-h: 1;position:absolute;left:calc(var(--iazd-widget-x) / var(--iazd-columns) * 100%);top:calc(var(--iazd-widget-y) * (var(--iazd-row-height) * 1px) + var(--iazd-widget-y) * (var(--iazd-margin) * 1px));width:calc(var(--iazd-widget-w) / var(--iazd-columns) * 100% - var(--iazd-margin) * 1px);height:calc(var(--iazd-widget-h) * (var(--iazd-row-height) * 1px) + (var(--iazd-widget-h) - 1) * (var(--iazd-margin) * 1px))}.iazd-container{width:100%;min-height:400px;position:relative;overflow:visible}.iazd-grid{position:relative;width:100%;min-height:400px;background:var(--iazd-grid-bg);padding:var(--iazd-gap);box-sizing:border-box;overflow:visible}.iazd-widget{background:var(--iazd-widget-bg);border:var(--iazd-widget-border-width) solid var(--iazd-widget-border);border-radius:var(--iazd-radius);box-shadow:0 2px 8px var(--iazd-widget-shadow);box-sizing:border-box;overflow:hidden;transition:box-shadow var(--iazd-transition);color:var(--iazd-widget-text)}.iazd-widget:hover{box-shadow:0 4px 16px var(--iazd-widget-shadow-hover)}.iazd-widget-content{width:100%;height:100%;padding:var(--iazd-widget-padding);box-sizing:border-box;overflow:auto;color:inherit}.iazd-grid.iazd-animate .iazd-widget{transition:left var(--iazd-transition),top var(--iazd-transition),width var(--iazd-transition),height var(--iazd-transition),box-shadow var(--iazd-transition)}.iazd-widget[data-draggable=true]{cursor:move;user-select:none;-webkit-user-select:none;touch-action:none}.iazd-widget[data-draggable=true]:hover{box-shadow:0 4px 16px #4a90e24d}.iazd-widget.iazd-dragging{opacity:.3;z-index:1}.iazd-widget-ghost{position:fixed;border:2px solid var(--iazd-drag-border);background:var(--iazd-widget-bg);border-radius:var(--iazd-radius);box-shadow:0 8px 24px var(--iazd-drag-bg);pointer-events:none;z-index:9999;opacity:.8}.iazd-widget-ghost .iazd-widget-content{pointer-events:none}.iazd-drag-preview{position:absolute;border:2px dashed var(--iazd-drag-border);background:var(--iazd-drag-bg);border-radius:var(--iazd-radius);pointer-events:none;z-index:998;transition:all .1s ease}.iazd-drag-preview.iazd-drag-preview-collision{border-color:var(--iazd-collision-border);background:var(--iazd-collision-bg)}.iazd-resize-handle{position:absolute;background:var(--iazd-handle-color);border:2px solid var(--iazd-handle-border);box-shadow:0 2px 4px #0003;opacity:0;transition:opacity var(--iazd-transition);z-index:10}.iazd-widget:hover .iazd-resize-handle{opacity:1}.iazd-resize-handle-se{bottom:-6px;right:-6px;width:var(--iazd-handle-size);height:var(--iazd-handle-size);border-radius:50%}.iazd-resize-handle-s{bottom:-4px;left:50%;transform:translate(-50%);width:40px;height:8px;border-radius:4px}.iazd-resize-handle-e{right:-4px;top:50%;transform:translateY(-50%);width:8px;height:40px;border-radius:4px}.iazd-resize-handle-sw{bottom:-6px;left:-6px;width:var(--iazd-handle-size);height:var(--iazd-handle-size);border-radius:50%}.iazd-resize-handle-ne{top:-6px;right:-6px;width:var(--iazd-handle-size);height:var(--iazd-handle-size);border-radius:50%}.iazd-resize-handle-nw{top:-6px;left:-6px;width:var(--iazd-handle-size);height:var(--iazd-handle-size);border-radius:50%}.iazd-resize-handle-w{left:-4px;top:50%;transform:translateY(-50%);width:8px;height:40px;border-radius:4px}.iazd-resize-handle-n{top:-4px;left:50%;transform:translate(-50%);width:40px;height:8px;border-radius:4px}.iazd-widget.iazd-resizing{opacity:.5;z-index:1}.iazd-resize-preview{position:absolute;border:2px dashed var(--iazd-drag-border);background:var(--iazd-drag-bg);border-radius:var(--iazd-radius);pointer-events:none;z-index:998;transition:all .1s ease}.iazd-resize-preview.iazd-resize-preview-collision{border-color:var(--iazd-collision-border);background:var(--iazd-collision-bg)}.iazd-widget.iazd-locked{opacity:.8;cursor:not-allowed}@media(max-width:768px){.iazd-widget-content{padding:12px}}.iazd-widget.iazd-size-to-content{height:auto;min-height:calc(var(--iazd-widget-h) * (var(--iazd-row-height) * 1px) + (var(--iazd-widget-h) - 1) * (var(--iazd-margin) * 1px))}.iazd-widget.iazd-size-to-content .iazd-widget-content{height:auto;min-height:100%}.iazd-subgrid-container{width:100%;height:100%;position:relative}.iazd-subgrid-container .iazd-container{width:100%;height:100%;min-height:auto}.iazd-subgrid-container .iazd-grid{min-height:auto;background:transparent;padding:var(--iazd-gap, 4px)}.iazd-subgrid-container .iazd-widget{background:var(--iazd-widget-bg);border:1px dashed var(--iazd-widget-border)}.iazd-subgrid-container .iazd-widget[data-draggable=true]{cursor:move}