.cropper-container{touch-action:none;-webkit-user-select:none;user-select:none;direction:ltr;font-size:0;line-height:0;position:relative;overflow:hidden}.cropper-container img{width:100%;height:100%;display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.cropper-canvas,.cropper-drag-box,.cropper-crop-box{position:absolute;top:0;left:0}.cropper-drag-box{opacity:0;background-color:#fff;bottom:0;right:0}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{outline:1px solid #3399ffbf;width:100%;height:100%;overflow:hidden}.cropper-dashed{opacity:.5;border:0 dashed #eee;position:absolute}.cropper-dashed.dashed-h{border-top-width:1px;border-bottom-width:1px;width:100%;height:33.3333%;top:33.3333%;left:0}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;width:33.3333%;height:100%;top:0;left:33.3333%}.cropper-center{opacity:.75;width:0;height:0;position:absolute;top:50%;left:50%}.cropper-center:before,.cropper-center:after{content:" ";background-color:#eee;display:block;position:absolute}.cropper-center:before{width:7px;height:1px;top:0;left:-3px}.cropper-center:after{width:1px;height:7px;top:-3px;left:0}.cropper-face,.cropper-line,.cropper-point{opacity:.1;width:100%;height:100%;position:absolute}.cropper-face{background-color:#fff;top:0;left:0}.cropper-line{background-color:#c505f5}.cropper-line.line-e{cursor:ew-resize;width:5px;top:0;right:-3px}.cropper-line.line-n{cursor:ns-resize;height:5px;top:-3px;left:0}.cropper-line.line-w{cursor:ew-resize;width:5px;top:0;left:-3px}.cropper-line.line-s{cursor:ns-resize;height:5px;bottom:-3px;left:0}.cropper-point{opacity:.75;background-color:#c505f5;width:5px;height:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;top:50%;right:-3px}.cropper-point.point-n{cursor:ns-resize;margin-left:-3px;top:-3px;left:50%}.cropper-point.point-w{cursor:ew-resize;margin-top:-3px;top:50%;left:-3px}.cropper-point.point-s{cursor:s-resize;margin-left:-3px;bottom:-3px;left:50%}.cropper-point.point-ne{cursor:nesw-resize;top:-3px;right:-3px}.cropper-point.point-nw{cursor:nwse-resize;top:-3px;left:-3px}.cropper-point.point-sw{cursor:nesw-resize;bottom:-3px;left:-3px}.cropper-point.point-se{cursor:nwse-resize;opacity:1;width:20px;height:20px;bottom:-3px;right:-3px}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{opacity:.75;width:5px;height:5px}}.cropper-point.point-se:before{content:" ";opacity:0;background-color:#39f;width:200%;height:200%;display:block;position:absolute;bottom:-50%;right:-50%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{width:0;height:0;display:block;position:absolute}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.photo-editor{z-index:50;background:#fff;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0}.top-toolbar{background:var(--primary);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.toolbar-actions{gap:10px;display:flex}.tool-button{background:var(--primary);width:40px;height:40px;color:var(--whatsapp-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.tool-button:hover{background:var(--whatsapp-muted)}.tool-button.active{background:var(--whatsapp-green)}.tool-button:disabled{opacity:.5;cursor:not-allowed}.tool-panel{background:var(--whatsapp-dark);z-index:10;border-radius:8px;padding:8px 12px;position:absolute;top:17px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.tool-panel-content{align-items:center;gap:10px;display:flex}.rotation-info{color:var(--whatsapp-text);font-size:14px}.image-container{flex:1;justify-content:center;align-items:center;padding:15px;display:flex;overflow:hidden}.image-container canvas{margin:0 auto;display:block}.preview-image{object-fit:contain;border-radius:8px;max-width:90vw;max-height:70vh;transition:transform .3s}.cropper{max-width:90vw;max-height:70vh}.bottom-bar{background:var(--whatsapp-dark);border-top:1px solid #ffffff1a;padding:10px 15px}.thumbnail-container{gap:8px;padding:8px 0;display:flex;overflow-x:auto}.add-image-button{color:#d16df2;cursor:pointer;background:#a8a8a8;border:2px dashed #eee;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex}.add-image-button:hover{color:#d16df2;border-color:#d16df2}.thumbnail{flex-shrink:0;width:60px;height:60px;position:relative}.thumbnail img{object-fit:cover;cursor:pointer;border-radius:8px;width:100%;height:100%;transition:all .2s}.thumbnail.active img{border:2px solid var(--whatsapp-active)}.remove-image{color:#fff;cursor:pointer;background:#ff3b30;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-6px;right:-6px}.caption-container{border-bottom:1px solid #a8a8a8;align-items:center;gap:10px;padding:10px 200px;display:flex}.caption-input{color:#222;background:#f5f5f5;border:1.5px solid #ccc;border-radius:20px;outline:none;flex:1;padding:12px 18px;font-size:16px;transition:border-color .2s,box-shadow .2s}.caption-input:focus{border-color:var(--whatsapp-green,#25d366);box-shadow:0 0 0 2px #25d36626}.caption-input::placeholder{color:#888}.send-button{background:var(--whatsapp-green);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.send-button:hover{background:var(--whatsapp-active)}.thumbnail-container::-webkit-scrollbar{display:none}.thumbnail-container{-ms-overflow-style:none;scrollbar-width:none}
