.image-upload-container{border:2px dashed hsl(var(--muted));border-radius:.5rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background-color:hsl(var(--muted)/.2)}.image-upload-container:hover{border-color:hsl(var(--primary));background-color:hsl(var(--primary)/.05)}.image-upload-container.dragging{border-color:hsl(var(--primary));background-color:hsl(var(--primary)/.1)}.image-upload-input{display:none}.image-preview{width:100%;height:auto;border-radius:.5rem;object-fit:cover}.template-canvas{background-color:hsl(var(--background));min-height:100%;position:relative}.drop-indicator{height:2px;background-color:transparent;margin:.5rem 0;transition:all .2s ease}.drop-indicator.active{height:8px;background-color:hsl(var(--primary));border-radius:9999px}.canvas-block{position:relative;transition:all .2s ease}.canvas-block:hover .block-actions{opacity:1}.block-actions{position:absolute;right:-10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.25rem;opacity:0;transition:opacity .2s ease}.block-handle{cursor:grab}.block-handle:active{cursor:grabbing}.preview-device-frame{border:1px solid hsl(var(--border));border-radius:.5rem;overflow:hidden;margin:0 auto;transition:all .3s ease}.preview-device-frame.mobile{width:375px;max-width:100%}.preview-device-frame.tablet{width:768px;max-width:100%}.preview-device-frame.desktop{width:100%;max-width:1200px}.properties-panel{display:flex;flex-direction:column;height:100%}.properties-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid hsl(var(--border))}.properties-panel-content{flex:1;overflow-y:auto;padding:1rem}.color-picker-trigger{width:2rem;height:2rem;border-radius:.25rem;border:1px solid hsl(var(--border));cursor:pointer}.color-picker-popover{position:absolute;z-index:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-in{animation:slideIn .3s ease}.tooltip{position:relative}.tooltip-content{position:absolute;z-index:50;background-color:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:.25rem;padding:.5rem;font-size:.75rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease}.tooltip:hover .tooltip-content{opacity:1}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d65c78{font-family:Inter,Inter Fallback;font-style:normal}