.image-preview-modal .modal,.image-preview-modal .modal-content,.image-preview-modal .modal-dialog,.image-preview-modal.fade .modal-dialog,.image-preview-modal.show .modal-dialog{transition:none!important;transform:none!important}.image-preview-modal .modal-dialog{max-width:100vw;margin:0;height:100vh}.image-preview-modal .modal-content{background:rgba(0,0,0,.85);border:none;border-radius:0;height:100vh}.image-preview-modal .modal-body{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0}.image-preview-modal .modal-body img{max-width:90vw;max-height:90vh;user-select:none;pointer-events:auto;transition:transform .2s ease-out}.image-preview-modal .preview-controls{position:absolute;top:20px;right:20px;z-index:10;display:flex;gap:8px;background:rgba(0,0,0,.8);padding:8px 10px;border-radius:8px;backdrop-filter:blur(8px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.image-preview-modal .preview-controls .btn{min-width:36px;height:36px;font-weight:600;border:none;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s}.image-preview-modal .preview-controls .btn:hover:not(:disabled){background:rgba(255,255,255,.2);transform:scale(1.05)}.image-preview-modal .preview-controls .btn:disabled{opacity:.4;cursor:not-allowed}.image-preview-modal .preview-controls .zoom-level{color:#fff;padding:0 12px;display:flex;align-items:center;min-width:70px;justify-content:center;cursor:pointer;border-radius:6px;font-weight:600;font-size:14px;transition:all .2s}.image-preview-modal .preview-controls .zoom-level:hover{background:rgba(255,255,255,.15)}.modal-image-editor{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center}.modal-image-editor .editor-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8)}.modal-image-editor .editor-container{position:relative;z-index:1;width:100vw;height:100vh;overflow:hidden;border-radius:10px}.image-output{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.image-output .button{padding:8px 16px;height:36px;background-color:#41907c;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;white-space:nowrap;display:flex;align-items:center;justify-content:center;font-size:14px;box-sizing:border-box}.image-output .button:hover{background-color:#008463}.image-output .button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}