.image-studio{font-family:Inter,system-ui,sans-serif}.image-studio .canvas-container{position:relative;overflow:hidden}.image-studio .canvas-element{cursor:move;-webkit-user-select:none;user-select:none;position:absolute}.image-studio .canvas-element:hover{outline:1px solid #3b82f680}.image-studio .canvas-element.selected{outline-offset:2px;outline:2px solid #3b82f6}.image-studio .canvas-element.locked{cursor:not-allowed;opacity:.7}.image-studio .resize-handle{cursor:nw-resize;background:#3b82f6;border:1px solid #fff;border-radius:2px;width:8px;height:8px;position:absolute}.image-studio .resize-handle.se{cursor:se-resize;bottom:-4px;right:-4px}.image-studio .resize-handle.sw{cursor:sw-resize;bottom:-4px;left:-4px}.image-studio .resize-handle.ne{cursor:ne-resize;top:-4px;right:-4px}.image-studio .resize-handle.nw{cursor:nw-resize;top:-4px;left:-4px}.image-studio .sidebar,.image-studio .properties-panel{-webkit-backdrop-filter:blur(10px);background:#fffffff2}.image-studio .template-card{transition:all .2s}.image-studio .template-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.image-studio .color-palette-item{transition:all .15s}.image-studio .color-palette-item:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.image-studio .toolbar{-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #0000001a}.image-studio .canvas-grid{background-image:linear-gradient(90deg,#0000001a 1px,#0000 1px),linear-gradient(#0000001a 1px,#0000 1px);background-size:20px 20px}.dark .image-studio .sidebar,.dark .image-studio .properties-panel{background:#111827f2}.dark .image-studio .toolbar{background:#111827e6;border-bottom:1px solid #ffffff1a}.dark .image-studio .canvas-grid{background-image:linear-gradient(90deg,#ffffff1a 1px,#0000 1px),linear-gradient(#ffffff1a 1px,#0000 1px)}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.image-studio .slide-in-left{animation:.3s ease-out slideInFromLeft}.image-studio .slide-in-right{animation:.3s ease-out slideInFromRight}@media (max-width:768px){.image-studio .sidebar,.image-studio .properties-panel{z-index:50;width:100%;height:50vh;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.image-studio .sidebar.open,.image-studio .properties-panel.open{transform:translateY(0)}.image-studio .canvas-container{padding:1rem}}.image-studio .line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}