@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:rgba(0,0,0,.2);--rc-drag-bar-size:6px;--rc-border-color:rgba(255,255,255,.7);--rc-focus-color:#0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;cursor:ne-resize}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{top:50%;cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{left:50%;cursor:s-resize}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;transform:translate(-50%,50%)}.ReactCrop .ord-sw{left:0;cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}:root{--primary-color:#4a6cf7;--primary-hover:#3a59d1;--secondary-color:#6c757d;--light-bg:#f8f9fa;--dark-bg:#343a40;--success:#28a745;--border-radius:8px;--shadow:0 4px 6px rgba(0,0,0,0.1);--transition:all 0.3s ease}.picsizer-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#333}@media(max-width:768px){.picsizer-container{padding:1rem .5rem}}.picsizer-title{font-size:2.5rem;text-align:center;margin-bottom:.5rem;color:var(--primary-color)}@media(max-width:768px){.picsizer-title{font-size:2rem}}.picsizer-subtitle{text-align:center;color:var(--secondary-color);margin-bottom:2rem}.upload-section{display:flex;justify-content:center;margin-bottom:2rem}.file-input-label{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}.file-input-label:hover{background-color:var(--primary-hover)}.file-input{display:none}.main-content{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:992px){.main-content{grid-template-columns:1fr 1fr;grid-template-areas:"crop settings" "preview preview"}}.crop-container{grid-area:crop}.crop-container h2{margin-bottom:1rem;font-size:1.5rem}.settings-container{grid-area:settings}@media(max-width:991px){.settings-container{border-top:1px solid #eee;padding-top:1.5rem}}.preview-container{grid-area:preview;margin-top:1rem}.preview-container h2{margin-bottom:1rem;font-size:1.5rem}.react-crop-container{max-width:100%;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);background-color:#f0f0f0;display:flex;justify-content:center}.crop-image{max-width:100%;max-height:60vh;object-fit:contain}.setting-group{margin-bottom:1.5rem}.setting-group h3{margin-bottom:.75rem;font-size:1.25rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.dimensions-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem}.input-group{margin-bottom:.75rem}.input-group label{display:block;margin-bottom:.25rem;font-weight:500}.input-group input,.input-group select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--primary-color)}.input-group input[type=range]{height:8px;-webkit-appearance:none;margin:10px 0;background:#eee}.input-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:var(--primary-color);cursor:pointer}.input-group input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:var(--primary-color);cursor:pointer}.aspect-ratio-toggle{margin-top:.5rem}.aspect-ratio-toggle label{display:flex;align-items:center;cursor:pointer}.aspect-ratio-toggle label input{margin-right:.5rem}.size-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.size-button{padding:.5rem;border:1px solid #ddd;border-radius:var(--border-radius);background-color:#fff;cursor:pointer;transition:var(--transition)}.size-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.size-button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.canvas-wrapper{display:flex;justify-content:center;background-color:#f0f0f0;padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem;overflow:hidden}.preview-canvas{max-width:100%;height:auto;box-shadow:var(--shadow);background-color:#fff}.download-button{display:block;width:100%;padding:1rem;background-color:var(--success);color:#fff;border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}.download-button:hover{background-color:rgb(30.1449275362,125.8550724638,52)}.download-button:disabled{background-color:var(--secondary-color);cursor:not-allowed}.placeholder-container{display:flex;justify-content:center;margin-top:3rem}.placeholder{text-align:center;padding:3rem;background-color:var(--light-bg);border-radius:var(--border-radius);border:2px dashed #ddd;max-width:400px}.placeholder .placeholder-icon{font-size:4rem;margin-bottom:1rem;color:var(--secondary-color)}.placeholder p{color:var(--secondary-color);font-size:1.2rem}@media(prefers-color-scheme:dark){.picsizer-container{color:#f0f0f0}.placeholder{background-color:#1a1a1a;border-color:#444}.canvas-wrapper,.react-crop-container,.size-button{background-color:#2a2a2a}.size-button{border-color:#444;color:#f0f0f0}.size-button:hover:not(.active){border-color:var(--primary-color)}.input-group input,.input-group select{background-color:#2a2a2a;border-color:#444;color:#f0f0f0}.input-group input[type=range]{background:#444}}