.accessory-overlay{position:absolute;top:-20%;left:0;width:100%;height:100vh;pointer-events:none;z-index:10}.draggable-accessory{position:absolute;cursor:move;pointer-events:all;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s ease;border:2px solid transparent;border-radius:4px;padding:8px;z-index:1}.draggable-accessory:hover{border-color:#007bff;background-color:rgba(0,123,255,.1)}.draggable-accessory.dragging{opacity:.8;transform:scale(1.05);z-index:20!important}.accessory-image{object-fit:contain;display:block;pointer-events:none;border-radius:4px}.accessory-controls{position:absolute;top:-30px;left:50%;display:flex;gap:4px;background-color:rgba(0,0,0,.8);padding:4px;border-radius:4px;white-space:nowrap;pointer-events:all}.accessory-controls button{background:none;border:none;color:white;cursor:pointer;padding:2px 4px;border-radius:2px;font-size:12px;transition:background-color .2s}.accessory-controls button:hover{background-color:rgba(255,255,255,.2)}.accessory-controls button:active{background-color:rgba(255,255,255,.3)}.scale-info{color:#ffffff;font-size:10px;text-align:center;min-width:30px;padding:2px 4px;background-color:rgba(0,0,0,.6);border-radius:2px;margin-left:4px}.draggable-accessory:before{content:"";position:absolute;top:-45px;left:-15px;right:-15px;height:50px;pointer-events:all;z-index:-1;transform:scale(calc(1 / var(--accessory-scale, 1)));transform-origin:center bottom}@media (max-width:767px){.draggable-accessory{padding:6px;border-width:1px}.accessory-controls{top:-35px;gap:3px;padding:6px 8px;font-size:11px;border-radius:6px;transform:translateX(-50%)}.accessory-controls button{font-size:11px;padding:6px 8px;min-width:28px;height:28px;border-radius:4px}.control-buffer-zone{height:40px}.draggable-accessory:hover{border-color:#007bff;background-color:rgba(0,123,255,.15)}}@media (min-width:768px) and (max-width:1023px){.draggable-accessory{padding:7px}.accessory-controls{top:-32px;gap:3px;padding:5px 7px;font-size:12px}.accessory-controls button{font-size:12px;padding:5px 7px;min-width:30px;height:30px}.control-buffer-zone{height:45px}}@media (min-width:1024px){.draggable-accessory{padding:8px;border-width:2px}.accessory-controls{top:-30px;gap:4px;padding:4px;font-size:13px}.accessory-controls button{font-size:13px;padding:4px 6px;min-width:32px;height:32px}.control-buffer-zone{height:50px}}@media (min-width:1440px){.accessory-controls{top:-35px;gap:5px;padding:6px;font-size:14px}.accessory-controls button{font-size:14px;padding:6px 8px;min-width:36px;height:36px}.control-buffer-zone{height:55px}}