[data-astro-cid-nzfnikcu]{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.builder-wrapper[data-astro-cid-nzfnikcu]{display:flex;flex-direction:column;height:100vh;background:#f5f5f7}.builder-nav[data-astro-cid-nzfnikcu]{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 1px 3px #0000000d;z-index:100}.builder-nav-left[data-astro-cid-nzfnikcu]{display:flex;align-items:center;gap:16px}.builder-logo[data-astro-cid-nzfnikcu]{display:flex;align-items:center;gap:8px;font-weight:600;color:#333;text-decoration:none}.builder-logo[data-astro-cid-nzfnikcu] img[data-astro-cid-nzfnikcu]{height:32px;filter:drop-shadow(0 0 4px rgba(255,215,0,.3))}.builder-title-input[data-astro-cid-nzfnikcu]{border:none;font-size:14px;padding:6px 12px;border-radius:6px;background:#f5f5f7;min-width:200px}.builder-title-input[data-astro-cid-nzfnikcu]:focus{outline:2px solid #0066cc;background:#fff}.builder-nav-actions[data-astro-cid-nzfnikcu]{display:flex;gap:8px}.btn[data-astro-cid-nzfnikcu]{padding:6px 16px;border-radius:6px;border:1px solid #e5e5e5;background:#fff;cursor:pointer;font-size:13px;transition:all .2s}.btn[data-astro-cid-nzfnikcu]:hover{background:#f5f5f7}.btn-primary[data-astro-cid-nzfnikcu]{background:#06c;color:#fff;border-color:#06c}.btn-primary[data-astro-cid-nzfnikcu]:hover{background:#05a}.btn-icon[data-astro-cid-nzfnikcu]{padding:6px;min-width:32px}.builder-main[data-astro-cid-nzfnikcu]{display:flex;flex:1;overflow:hidden}.sidebar-left[data-astro-cid-nzfnikcu]{width:240px;background:#fff;border-right:1px solid #e5e5e5;overflow-y:auto;display:flex;flex-direction:column}.sidebar-tabs[data-astro-cid-nzfnikcu]{display:flex;border-bottom:1px solid #e5e5e5}.sidebar-tab[data-astro-cid-nzfnikcu]{flex:1;padding:12px;text-align:center;font-size:12px;background:#f9f9f9;border:none;cursor:pointer;color:#666;transition:all .2s}.sidebar-tab[data-astro-cid-nzfnikcu].active{background:#fff;color:#06c;border-bottom:2px solid #0066cc}.tab-content[data-astro-cid-nzfnikcu]{display:none;padding:12px}.tab-content[data-astro-cid-nzfnikcu].active{display:block}.component-section[data-astro-cid-nzfnikcu]{margin-bottom:20px}.component-section-title[data-astro-cid-nzfnikcu]{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.component-grid[data-astro-cid-nzfnikcu]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.component-item[data-astro-cid-nzfnikcu]{padding:10px 6px;background:#f9f9f9;border:1px solid #e5e5e5;border-radius:6px;text-align:center;cursor:grab;transition:all .2s;font-size:11px;color:#333}.component-item[data-astro-cid-nzfnikcu]:hover{background:#e5e5e5;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.component-item[data-astro-cid-nzfnikcu]:active{cursor:grabbing}.component-icon[data-astro-cid-nzfnikcu]{font-size:20px;margin-bottom:4px;display:block}.canvas-area[data-astro-cid-nzfnikcu]{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;overflow:auto;background:#f5f5f7}.canvas-controls[data-astro-cid-nzfnikcu]{display:flex;gap:8px;margin-bottom:16px;background:#fff;padding:8px;border-radius:8px;box-shadow:0 2px 8px #00000014}.zoom-control[data-astro-cid-nzfnikcu]{display:flex;align-items:center;gap:4px}.zoom-btn[data-astro-cid-nzfnikcu]{padding:4px 8px;border:1px solid #e5e5e5;background:#fff;border-radius:4px;cursor:pointer;font-size:14px}.zoom-level[data-astro-cid-nzfnikcu]{min-width:60px;text-align:center;font-size:12px;color:#666}.canvas-container[data-astro-cid-nzfnikcu]{background:#fff;box-shadow:0 4px 24px #0000001f;border-radius:8px;transition:transform .2s;position:relative}.canvas[data-astro-cid-nzfnikcu]{width:960px;min-height:540px;background:#fff;position:relative;overflow:visible;border-radius:8px;padding:0}.canvas[data-astro-cid-nzfnikcu].tablet{width:768px}.canvas[data-astro-cid-nzfnikcu].mobile{width:375px}.canvas-placeholder[data-astro-cid-nzfnikcu]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:540px;color:#999;text-align:center}.canvas-placeholder[data-astro-cid-nzfnikcu] svg[data-astro-cid-nzfnikcu]{width:64px;height:64px;opacity:.3;margin-bottom:16px}.sidebar-right[data-astro-cid-nzfnikcu]{width:280px;background:#fff;border-left:1px solid #e5e5e5;overflow-y:auto;padding:16px}.property-group[data-astro-cid-nzfnikcu]{margin-bottom:20px}.property-title[data-astro-cid-nzfnikcu]{font-size:12px;font-weight:600;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:6px}.property-field[data-astro-cid-nzfnikcu]{margin-bottom:12px}.property-label[data-astro-cid-nzfnikcu]{display:block;font-size:11px;color:#666;margin-bottom:4px;font-weight:500}.property-input[data-astro-cid-nzfnikcu]{width:100%;padding:8px;border:1px solid #e5e5e5;border-radius:6px;font-size:13px}.property-input[data-astro-cid-nzfnikcu]:focus{outline:none;border-color:#06c}.property-row[data-astro-cid-nzfnikcu]{display:flex;gap:8px}.property-row[data-astro-cid-nzfnikcu] .property-input[data-astro-cid-nzfnikcu]{flex:1}.color-picker[data-astro-cid-nzfnikcu]{height:40px;border-radius:6px;cursor:pointer}.canvas-element[data-astro-cid-nzfnikcu]{position:absolute;min-width:100px;min-height:40px;border:2px dashed transparent;transition:border-color .2s;cursor:move}.canvas-element[data-astro-cid-nzfnikcu]:hover{border-color:#06c;background:#0066cc0d}.canvas-element[data-astro-cid-nzfnikcu].selected{border-color:#06c;border-style:solid;box-shadow:0 0 0 3px #0066cc1a}.canvas-element[data-astro-cid-nzfnikcu].dragging{opacity:.7;cursor:grabbing}.resize-handle[data-astro-cid-nzfnikcu]{position:absolute;width:10px;height:10px;background:#06c;border:2px solid white;border-radius:50%;display:none;z-index:20}.canvas-element[data-astro-cid-nzfnikcu].selected .resize-handle[data-astro-cid-nzfnikcu]{display:block}.resize-handle[data-astro-cid-nzfnikcu].nw{top:-5px;left:-5px;cursor:nw-resize}.resize-handle[data-astro-cid-nzfnikcu].ne{top:-5px;right:-5px;cursor:ne-resize}.resize-handle[data-astro-cid-nzfnikcu].sw{bottom:-5px;left:-5px;cursor:sw-resize}.resize-handle[data-astro-cid-nzfnikcu].se{bottom:-5px;right:-5px;cursor:se-resize}.resize-handle[data-astro-cid-nzfnikcu].n{top:-5px;left:50%;margin-left:-5px;cursor:n-resize}.resize-handle[data-astro-cid-nzfnikcu].s{bottom:-5px;left:50%;margin-left:-5px;cursor:s-resize}.resize-handle[data-astro-cid-nzfnikcu].w{top:50%;left:-5px;margin-top:-5px;cursor:w-resize}.resize-handle[data-astro-cid-nzfnikcu].e{top:50%;right:-5px;margin-top:-5px;cursor:e-resize}.delete-btn[data-astro-cid-nzfnikcu]{position:absolute;top:-12px;right:-12px;background:#ff3b30;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:none;z-index:10;font-size:12px}.canvas-element[data-astro-cid-nzfnikcu].selected .delete-btn[data-astro-cid-nzfnikcu]{display:block}.drag-over[data-astro-cid-nzfnikcu]{background:#0066cc1a;border:2px dashed #0066cc}.modal[data-astro-cid-nzfnikcu]{display:none;position:fixed;inset:0;background:#00000080;z-index:1000;align-items:center;justify-content:center}.modal[data-astro-cid-nzfnikcu].active{display:flex}.modal-content[data-astro-cid-nzfnikcu]{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:90%}.modal-title[data-astro-cid-nzfnikcu]{font-size:18px;font-weight:600;margin-bottom:16px}.upload-area[data-astro-cid-nzfnikcu]{border:2px dashed #e5e5e5;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .2s}.upload-area[data-astro-cid-nzfnikcu]:hover{border-color:#06c;background:#f9f9f9}.upload-area[data-astro-cid-nzfnikcu].dragover{border-color:#06c;background:#0066cc0d}.emoji-picker[data-astro-cid-nzfnikcu]{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:12px;max-height:200px;overflow-y:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.emoji-btn[data-astro-cid-nzfnikcu]{font-size:24px;padding:8px;border:none;background:transparent;cursor:pointer;border-radius:6px;transition:all .2s}.emoji-btn[data-astro-cid-nzfnikcu]:hover{background:#f5f5f7;transform:scale(1.2)}