.layers-sidebar{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:100;pointer-events:none}.layers-sidebar *{pointer-events:auto}.layers-list{display:flex;flex-direction:column;gap:6px}.layer-item{position:relative;width:60px;height:60px;cursor:pointer;transition:all .2s ease;background:transparent;box-shadow:0 4px 8px #00000026}.layer-item:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.layer-item.selected{box-shadow:0 0 0 3px #667eea4d,0 4px 12px #00000026}.layer-item.dragging{opacity:.8;transform:rotate(8deg) scale(1.15);z-index:1000;box-shadow:0 12px 30px #00000040;transition:all .2s ease}.layer-item.swap-target{transform:scale(1.1);box-shadow:0 0 0 2px #667eea66,0 6px 16px #0003}.layer-preview{width:100%;height:100%;overflow:hidden;position:relative}.preview-image{width:100%;height:100%;object-fit:cover}.preview-color{width:100%;height:100%}.layer-index{position:absolute;top:2px;right:2px;width:16px;height:16px;background:rgba(0,0,0,.8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;box-shadow:0 1px 3px #0000004d}.layer-item.selected .layer-index{background:#667eea;box-shadow:0 2px 6px #667eea66}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.canvas{width:100%;height:100%;background-color:#1a1a1a;position:relative;overflow:hidden;cursor:grab;touch-action:none!important}.canvas:active{cursor:grabbing}.draggable-object{position:absolute;display:flex;align-items:center;justify-content:center;cursor:move;transition:opacity .3s ease;user-select:none;-webkit-user-select:none;z-index:1}.draggable-object.dragging{opacity:.9;z-index:1000}.add-button{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;box-shadow:0 4px 12px #667eea66;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100;outline:none}.add-button:hover{transform:translate(-50%) scale(1.1);box-shadow:0 6px 20px #667eea80}.add-button:active{transform:translate(-50%) scale(.95)}.add-button svg{pointer-events:none}.resize-handles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000}.resize-handle{position:absolute;width:18px;height:18px;background:#667eea;border:3px solid white;border-radius:50%;pointer-events:auto;opacity:.9;transition:all .2s ease;z-index:10006}.resize-handle:hover{opacity:1;transform:scale(1.2);box-shadow:0 2px 8px #667eea66}.resize-handle.nw{top:-9px;left:-9px;cursor:nw-resize}.resize-handle.ne{top:-9px;right:-9px;cursor:ne-resize}.resize-handle.sw{bottom:-9px;left:-9px;cursor:sw-resize}.resize-handle.se{bottom:-9px;right:-9px;cursor:se-resize}.draggable-object.selected{z-index:9999!important}.draggable-object.rejected{animation:rejectTilt .4s ease-out}@keyframes rejectTilt{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-2deg) scale(1.01)}50%{transform:rotate(2deg) scale(1.01)}75%{transform:rotate(-1deg) scale(1.005)}to{transform:rotate(0) scale(1)}}.draggable-object.newly-added{animation:imageAppear .5s cubic-bezier(.34,1.56,.64,1)}@keyframes imageAppear{0%{transform:scale(0) rotate(-10deg);opacity:0;filter:blur(4px)}50%{transform:scale(1.1) rotate(-5deg);opacity:.8;filter:blur(2px)}to{transform:scale(1) rotate(0);opacity:1;filter:blur(0px)}}.layer-controls{display:flex;flex-direction:column;gap:4px;pointer-events:auto}.layer-controls-bottom{display:flex;flex-direction:row;gap:8px;pointer-events:auto}.layer-btn{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#374151;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.layer-btn:hover{background:rgba(255,255,255,1);box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.layer-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.layer-btn.delete-btn{background:rgba(239,68,68,.9);border-color:#dc26264d;color:#fff}.layer-btn.delete-btn:hover{background:rgba(220,38,38,1);box-shadow:0 2px 8px #dc26264d;transform:translateY(-1px)}.selection-rectangle{border:2px solid #667eea;background-color:#667eea1a;pointer-events:none;z-index:10000}.rotate-handle{position:absolute;width:16px;height:16px;background:#667eea;border:2px solid white;border-radius:50%;cursor:grab;opacity:.8;transition:all .2s ease;pointer-events:auto;z-index:10002}.rotate-handle:hover{opacity:1;transform:scale(1.2);box-shadow:0 2px 8px #667eea66}.rotate-handle:active{cursor:grabbing;transform:scale(.95)}.rotation-corners{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10003}.rotate-corner{pointer-events:auto;z-index:10007}.rotate-corner:hover{cursor:grab}.rotate-corner:active{cursor:grabbing}@keyframes popIn{0%{opacity:0;transform:translate(-50%) scale(.8) translateY(10px)}50%{transform:translate(-50%) scale(1.05) translateY(-2px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.app{width:100%;height:100%;background-color:#1a1a1a;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{touch-action:none!important;overscroll-behavior:none!important;-webkit-overflow-scrolling:touch}body{overscroll-behavior-y:none;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;user-select:none;-webkit-user-select:none}