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