.croppie-container{width:100%;height:100%}.croppie-container .cr-image{z-index:-1;position:absolute;top:0;left:0;transform-origin:0 0;max-height:none;max-width:none}.croppie-container .cr-boundary{position:relative;overflow:hidden;margin:0 auto;z-index:1;width:100%;height:100%}.croppie-container .cr-viewport,.croppie-container .cr-resizer{position:absolute;border:2px solid #fff;margin:auto;top:0;bottom:0;right:0;left:0;box-shadow:0 0 2000px 2000px #00000080;z-index:0}.croppie-container .cr-resizer{z-index:2;box-shadow:none;pointer-events:none}.croppie-container .cr-resizer-vertical,.croppie-container .cr-resizer-horisontal{position:absolute;pointer-events:all}.croppie-container .cr-resizer-vertical:after,.croppie-container .cr-resizer-horisontal:after{display:block;position:absolute;box-sizing:border-box;border:1px solid black;background:#fff;width:10px;height:10px;content:""}.croppie-container .cr-resizer-vertical{bottom:-5px;cursor:row-resize;width:100%;height:10px}.croppie-container .cr-resizer-vertical:after{left:50%;margin-left:-5px}.croppie-container .cr-resizer-horisontal{right:-5px;cursor:col-resize;width:10px;height:100%}.croppie-container .cr-resizer-horisontal:after{top:50%;margin-top:-5px}.croppie-container .cr-resizer-corner{position:absolute;width:12px;height:12px;background:#000;border:3px solid #fff;border-radius:50%;pointer-events:all;z-index:10;transition:transform .15s ease}.croppie-container .cr-resizer-corner:hover{transform:scale(1.3)}.croppie-container .cr-resizer-corner-tl{top:-6px;left:-6px;cursor:nwse-resize}.croppie-container .cr-resizer-corner-tr{top:-6px;right:-6px;cursor:nesw-resize}.croppie-container .cr-resizer-corner-bl{bottom:-6px;left:-6px;cursor:nesw-resize}.croppie-container .cr-resizer-corner-br{bottom:-6px;right:-6px;cursor:nwse-resize}.croppie-container .cr-original-image{display:none}.croppie-container .cr-vp-circle{border-radius:50%}.croppie-container .cr-dimension-display{position:absolute;bottom:8px;right:8px;background:#ffffffe6;color:#333;font-size:11px;padding:4px 8px;border-radius:3px;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1;z-index:3}.croppie-container .cr-overlay{z-index:1;position:absolute;cursor:move;touch-action:none}.croppie-container .cr-slider-wrap{width:75%;margin:15px auto;text-align:center}.croppie-result{position:relative;overflow:hidden}.croppie-result img{position:absolute}.croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.cr-slider{-webkit-appearance:none;width:300px;max-width:100%;padding-top:8px;padding-bottom:8px;background-color:transparent}.cr-slider::-webkit-slider-runnable-track{width:100%;height:3px;background:#00000080;border:0;border-radius:3px}.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}.cr-slider:focus{outline:none}.cr-slider::-moz-range-track{width:100%;height:3px;background:#00000080;border:0;border-radius:3px}.cr-slider::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}.cr-slider:-moz-focusring{outline:1px solid white;outline-offset:-1px}.cr-slider::-ms-track{width:100%;height:5px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}.cr-slider::-ms-fill-lower{background:#00000080;border-radius:10px}.cr-slider::-ms-fill-upper{background:#00000080;border-radius:10px}.cr-slider::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:1px}.cr-slider:focus::-ms-fill-lower{background:#00000080}.cr-slider:focus::-ms-fill-upper{background:#00000080}.cr-rotate-controls{position:absolute;bottom:5px;left:5px;z-index:1}.cr-rotate-controls button{border:0;background:none}.cr-rotate-controls i:before{display:inline-block;font-style:normal;font-weight:900;font-size:22px}.cr-rotate-l i:before{content:"↺"}.cr-rotate-r i:before{content:"↻"}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f8f9fa;background-image:linear-gradient(to right,#f0f0f0 1px,transparent 1px),linear-gradient(to bottom,#f0f0f0 1px,transparent 1px);background-size:40px 40px;height:100vh;color:#1a1a1a;overflow:hidden}.top-bar{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.logo-section{display:flex;align-items:baseline;gap:12px;min-width:0;flex-shrink:1}.logo{font-size:1.5rem;font-weight:700;color:#1a1a1a;letter-spacing:-.5px;margin:0;flex-shrink:0}.tagline{font-size:clamp(.625rem,2vw,.875rem);color:#6b7280;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.top-bar-buttons{display:flex;gap:12px;flex-shrink:0}.top-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:1px solid #e5e7eb}.contact-btn{background:#fff;color:#6b7280;border-color:#e5e7eb}.contact-btn:hover{background:#f9fafb;color:#1a1a1a}.controls-btn{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.controls-btn:hover{background:#2d2d2d;border-color:#2d2d2d}.controls-btn.outline{background:#fff;color:#1a1a1a;border-color:#1a1a1a}.controls-btn.outline:hover{background:#f9fafb}.container{padding:24px;height:calc(100vh - 57px);overflow:hidden;display:flex;flex-direction:column}.main-layout{display:flex;gap:20px;align-items:stretch;flex:1;min-height:0}.controls-panel{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:24px;width:280px;flex-shrink:0;overflow-y:auto;overflow-x:hidden;max-height:100%}.controls-content{display:flex;flex-direction:column;gap:20px;flex:1}.controls-actions{display:flex;flex-direction:column;gap:12px;position:sticky;bottom:0;background:#fff;padding-top:12px;margin-top:auto}.input-group{display:flex;flex-direction:column;gap:6px}#cropWidthGroup,#cropHeightGroup{margin-bottom:-8px}.input-group label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.input-group input[type=number],.input-group select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;width:100%;transition:border-color .2s ease,opacity .2s ease;background:#fff;color:#1a1a1a}.input-group input[type=number]:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.input-group input[type=number]:focus,.input-group select:focus{outline:none;border-color:#1a1a1a}.input-group select{cursor:pointer}.section-divider{height:1px;background:#e5e7eb;margin:8px 0}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:#1a1a1a;flex:1}.checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#1a1a1a}.checkbox-group span{-webkit-user-select:none;user-select:none}.warning-message{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.813rem;font-weight:500;margin-top:4px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.warning-message:hover{background:#fee2e2;border-color:#fca5a5}.warning-message:active{background:#fecaca}.warning-message svg{flex-shrink:0}.warning-message.hidden{display:none}.zoom-group{display:flex;flex-direction:column;gap:6px;width:100%}.zoom-group label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.zoom-group input[type=range]{width:100%;height:4px;border-radius:2px;background:#e5e7eb;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zoom-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#1a1a1a;cursor:pointer;transition:all .2s ease}.zoom-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.zoom-group input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#1a1a1a;cursor:pointer;border:none}#zoomValue{font-size:.875rem;color:#1a1a1a;font-weight:500}.action-btn{background:#fff;color:#1a1a1a;padding:10px 20px;border-radius:6px;border:1px solid #e5e7eb;cursor:pointer;font-weight:500;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;white-space:nowrap;width:100%}.action-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.download-btn{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.download-btn:hover:not(:disabled){background:#2d2d2d;border-color:#2d2d2d}.action-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.6}.download-btn:disabled{background:#e5e7eb;border-color:#e5e7eb}.secondary-btn{background:#fff;color:#1a1a1a;border:1px solid #e5e7eb;margin-top:8px}.secondary-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.secondary-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.6}.canvas-container{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;display:flex;justify-content:center;align-items:center;position:relative;flex:1;min-height:0;overflow:hidden}.upload-btn-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;cursor:pointer;transition:all .2s ease;color:#6b7280;border-radius:8px}.upload-btn-center:hover{background:#f9fafb;color:#1a1a1a}.upload-btn-center span{font-size:1rem;font-weight:500}.upload-btn-center.hidden{display:none}#croppie-container{width:100%;height:100%;display:none}#croppie-container.active{display:block}.croppie-container .cr-viewport{border:2px solid #fff;box-shadow:0 0 2000px 2000px #00000080}.grid-overlay{position:absolute;pointer-events:none;z-index:10}.croppie-container .cr-boundary{background:#fafafa;border-radius:8px}.croppie-container{width:100%!important;height:100%!important}.controls-modal{display:none;position:fixed;top:57px;left:0;width:100%;height:calc(100% - 57px);background:#fff;z-index:1000;overflow-y:auto;overflow-x:hidden}.controls-modal.active{display:flex;align-items:flex-start;justify-content:center;padding:24px}.confirm-dialog{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px}.confirm-dialog.active{display:flex;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog-content{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-icon{color:#1a1a1a;display:flex;align-items:center;justify-content:center}.confirm-dialog-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.confirm-dialog-message{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0}.confirm-dialog-actions{display:flex;gap:12px;width:100%;margin-top:8px}.confirm-btn{flex:1;padding:10px 20px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb}.confirm-cancel-btn{background:#fff;color:#1a1a1a;border-color:#e5e7eb}.confirm-cancel-btn:hover{background:#f9fafb}.confirm-reset-btn{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.confirm-reset-btn:hover{background:#2d2d2d;border-color:#2d2d2d}.contact-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px}.contact-modal.active{display:flex;animation:fadeIn .2s ease}.contact-modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .2s ease}.contact-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;margin-bottom:0}.contact-modal-header h2{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.contact-modal-body{padding:24px}.contact-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.contact-form-group label{font-size:.875rem;font-weight:500;color:#1a1a1a}.contact-form-group input,.contact-form-group textarea{padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s ease;background:#fff;color:#1a1a1a}.contact-form-group input:focus,.contact-form-group textarea:focus{outline:none;border-color:#1a1a1a}.contact-form-group textarea{resize:vertical;min-height:100px}.contact-form-actions{display:flex;gap:12px;margin-top:24px}.contact-cancel-btn{flex:1;padding:10px 20px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb;background:#fff;color:#1a1a1a}.contact-cancel-btn:hover{background:#f9fafb}.contact-submit-btn{flex:1;padding:10px 20px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #1a1a1a;background:#1a1a1a;color:#fff}.contact-submit-btn:hover{background:#2d2d2d;border-color:#2d2d2d}.contact-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:32px 0;animation:fadeIn .3s ease}.contact-success svg{color:#22c55e;stroke-width:3}.contact-success h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.contact-success p{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0}.contact-success.hidden{display:none}.controls-modal-content{background:#fff;width:100%;max-width:500px;display:flex;flex-direction:column;margin:auto 0}.controls-modal-header{display:none}.controls-modal-header h2{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.close-modal-btn{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.close-modal-btn:hover{color:#1a1a1a}.controls-modal-body{flex:1;width:100%}@media (max-width: 968px){body{overflow:hidden;height:100vh}.container{height:calc(100vh - 57px);overflow:hidden;padding:24px}.main-layout{flex-direction:column;min-height:0;overflow:hidden}.controls-panel{display:none}.controls-btn{display:flex!important}.contact-btn .btn-text{display:none}.contact-btn{padding:8px 12px}.canvas-container{flex:1;min-height:0;overflow:hidden}#croppie-container{width:100%;height:100%}.croppie-container{width:100%!important;height:100%!important}.controls-modal-body .controls-content{display:flex;flex-direction:column;gap:20px;margin-top:24px}.controls-modal-body .controls-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.controls-modal-body .action-btn{width:100%}}@media (max-width: 768px){.top-bar{padding:12px 16px}.logo{font-size:1.25rem}.tagline{font-size:.75rem}.controls-btn{padding:8px 12px;font-size:.813rem}.controls-btn svg{width:16px;height:16px}.container{padding:16px}}.download-dialog{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px}.download-dialog.active{display:flex;animation:fadeIn .2s ease}.download-dialog-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .2s ease;overflow:hidden}.download-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.download-dialog-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.close-download-btn{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;transition:color .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-download-btn:hover{color:#1a1a1a;background:#f3f4f6}.download-dialog-body{padding:24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.download-countdown-section{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.download-message{font-size:1rem;color:#1a1a1a;margin:0;font-weight:500}.countdown-display{font-size:4rem;font-weight:700;color:#1a1a1a;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;padding:12px;min-width:80px}.download-support-message{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.ad-container{min-height:250px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;padding:16px}@media (max-width: 768px){.download-dialog-content{max-width:100%}.download-dialog-header,.download-dialog-body{padding:20px}.countdown-display{font-size:3rem}.ad-container{min-height:200px}}