.uploader-div{border:2px dashed #ccc;background-color:#f9f9f9;padding:20px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .2s ease,border-color .2s ease;cursor:pointer}.uploader-div p{color:#555;margin-bottom:15px}.uploader-div.is-dragging{border-color:#007bff;background-color:#e9ecef}.canvas-wrapper{position:relative}.zoom-canvas{position:absolute;border:1px solid #d3d3d3;background-color:#fff;pointer-events:none;z-index:10}canvas{cursor:crosshair;border:1px solid #ccc}.color-preview{width:15px;height:15px;display:inline-block;margin-right:8px;border:1px solid #ccc;vertical-align:middle}.drop-notification-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,123,255,.7);display:flex;justify-content:center;align-items:center;z-index:10000;pointer-events:none}.message-content{color:#fff;text-align:center;padding:20px;border-radius:8px;background-color:rgba(0,0,0,.3);box-shadow:0 4px 8px rgba(0,0,0,.2)}.message-content p{font-size:1.5rem;font-weight:700;margin:0}