.image-crop-page[data-v-c922dc11]{min-height:100vh;background-color:#000;color:#e0e0e0;padding:90px 20px 20px}.container[data-v-c922dc11]{max-width:1200px;margin:2rem auto;background:rgba(26,26,26,.9);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 20px 40px #0000004d;overflow:hidden}.header[data-v-c922dc11]{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color:#e0e0e0;padding:30px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.header h1[data-v-c922dc11]{font-size:2.5rem;margin-bottom:10px;font-weight:700;color:#0df57a;text-shadow:0 0 20px rgba(13,245,122,.3)}.header p[data-v-c922dc11]{font-size:1.1rem;opacity:.8;color:#ffffffb3}.main-content[data-v-c922dc11]{padding:40px;background:rgba(26,26,26,.5)}.upload-section[data-v-c922dc11]{margin-bottom:40px}.upload-area[data-v-c922dc11]{border:3px dashed #3498db;border-radius:15px;padding:60px 20px;text-align:center;background:rgba(52,152,219,.1);transition:all .3s ease;cursor:pointer}.upload-area[data-v-c922dc11]:hover{border-color:#0df57a;background:rgba(13,245,122,.1);box-shadow:0 0 20px #0df57a33}.upload-area.dragover[data-v-c922dc11]{border-color:#0df57a;background:rgba(13,245,122,.15);transform:scale(1.02);box-shadow:0 0 30px #0df57a4d}.upload-icon[data-v-c922dc11]{font-size:4rem;color:#3498db;margin-bottom:20px}.upload-text[data-v-c922dc11]{font-size:1.2rem;color:#e0e0e0;margin-bottom:15px}.upload-hint[data-v-c922dc11]{color:#fff9;font-size:.9rem}.controls[data-v-c922dc11]{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.control-group[data-v-c922dc11]{background:rgba(42,42,42,.8);padding:25px;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.control-group h3[data-v-c922dc11]{color:#0df57a;margin-bottom:20px;font-size:1.3rem;font-weight:600;text-shadow:0 0 10px rgba(13,245,122,.3)}.form-row[data-v-c922dc11]{display:flex;gap:15px;margin-bottom:20px;align-items:flex-start;flex-wrap:wrap}.form-group[data-v-c922dc11]{display:flex;flex-direction:column;align-items:flex-start;min-width:150px;margin-right:20px}.form-group label[data-v-c922dc11]{display:block;margin-bottom:8px;color:#fffc;font-weight:500;text-align:left}.form-group input[type=number][data-v-c922dc11],.form-group select[data-v-c922dc11]{width:180px;padding:12px 15px;border:2px solid rgba(255,255,255,.2);border-radius:8px;font-size:1rem;background:rgba(42,42,42,.8);color:#e0e0e0;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.form-group input[type=number][data-v-c922dc11]:focus,.form-group select[data-v-c922dc11]:focus{outline:none;border-color:#3498db;box-shadow:0 0 10px #3498db4d}.btn[data-v-c922dc11]{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3498db4d;white-space:nowrap;align-self:flex-start;margin-top:28px;height:48px}.btn[data-v-c922dc11]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3498db80;background:linear-gradient(135deg,#52a8e8 0%,#3498db 100%)}.btn[data-v-c922dc11]:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #3498db33}.preview-section[data-v-c922dc11]{margin-bottom:40px}.preview-container[data-v-c922dc11]{display:grid;grid-template-columns:1fr 1fr;gap:30px}.preview-box[data-v-c922dc11]{background:rgba(42,42,42,.8);border-radius:15px;padding:25px;text-align:center;border:1px solid rgba(255,255,255,.1)}.preview-box h4[data-v-c922dc11]{margin-bottom:20px;color:#0df57a;font-size:1.2rem;font-weight:600;text-shadow:0 0 10px rgba(13,245,122,.3)}.image-container[data-v-c922dc11]{position:relative;display:inline-block;max-width:100%;border-radius:10px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.preview-image[data-v-c922dc11]{max-width:100%;max-height:400px;display:block}.crop-container[data-v-c922dc11]{position:relative;display:inline-block;max-width:100%}.crop-overlay[data-v-c922dc11]{position:absolute;border:2px solid #0df57a;background:rgba(13,245,122,.1);cursor:move;min-width:50px;min-height:50px;box-shadow:0 0 15px #0df57a4d;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.crop-handle[data-v-c922dc11]{position:absolute;width:10px;height:10px;background:#0df57a;border:2px solid #1a1a1a;border-radius:50%;cursor:nw-resize;box-shadow:0 0 8px #0df57a80}.crop-handle.nw[data-v-c922dc11]{top:-5px;left:-5px}.crop-handle.ne[data-v-c922dc11]{top:-5px;right:-5px;cursor:ne-resize}.crop-handle.sw[data-v-c922dc11]{bottom:-5px;left:-5px;cursor:sw-resize}.crop-handle.se[data-v-c922dc11]{bottom:-5px;right:-5px;cursor:se-resize}.image-info[data-v-c922dc11]{margin-top:15px;padding:15px;background:rgba(26,26,26,.8);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.9rem;color:#ffffffb3}.download-section[data-v-c922dc11]{text-align:center;padding:30px;background:rgba(42,42,42,.8);border-radius:15px;border:1px solid rgba(255,255,255,.1)}.download-section h3[data-v-c922dc11]{color:#0df57a;text-shadow:0 0 10px rgba(13,245,122,.3)}.download-section p[data-v-c922dc11]{color:#ffffffb3}.download-btn[data-v-c922dc11]{background:linear-gradient(135deg,#0df57a 0%,#00d4aa 100%);font-size:1.1rem;padding:15px 30px;box-shadow:0 4px 15px #0df57a4d}.download-btn[data-v-c922dc11]:hover{box-shadow:0 8px 25px #0df57a80;transform:translateY(-2px)}@media (max-width: 768px){.controls[data-v-c922dc11],.preview-container[data-v-c922dc11]{grid-template-columns:1fr}.form-row[data-v-c922dc11]{flex-direction:column;align-items:flex-start;gap:15px}.form-group[data-v-c922dc11]{margin-right:0;width:100%}.form-group input[type=number][data-v-c922dc11],.form-group select[data-v-c922dc11]{width:100%}.btn[data-v-c922dc11]{align-self:flex-start;margin-top:0;width:auto}.header h1[data-v-c922dc11]{font-size:2rem}.main-content[data-v-c922dc11]{padding:20px}.container[data-v-c922dc11]{margin:1rem}}