@media (min-width:576px){.modal .image-editor-modal{margin-left:auto;margin-right:auto;max-width:100%!important}}.image-editor-modal .modal-content{background:var(--surface-900);width:fit-content;max-width:90vw;margin:0 auto}.editor-workspace{cursor:grab;background:var(--surface-900);width:90vw;max-width:500px;height:auto;margin:auto;position:relative;overflow:hidden}@media (max-height:600px){.editor-workspace{width:80vw;max-width:400px}}.mask-image{pointer-events:none;object-fit:contain;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0}.uploaded-image{transform-origin:50%;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.modal-footer{border:none}.image-editor-modal .modal-header{border-bottom:1px solid var(--surface-700);padding:1rem 1.5rem}.image-editor-modal .modal-title{color:var(--surface-50);font-size:var(--font-scale-20-24);font-weight:500}.image-editor-modal .modal-footer{border-top:1px solid var(--surface-700);justify-content:space-between;gap:1rem;padding:1rem 1.5rem;display:flex}.editor-zoom-controls{background:var(--surface-800);border:1px solid var(--surface-600);z-index:10;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.5rem;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 8px #0003}.editor-zoom-controls button{background:var(--surface-700);border:1px solid var(--surface-600);width:2.5rem;height:2.5rem;color:var(--surface-50);justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.editor-zoom-controls button:hover{background:var(--surface-600)}.editor-zoom-controls .zoom-value{text-align:center;color:var(--surface-200);font-size:var(--font-scale-13-14);padding:.25rem 0}.modal-footer-group{gap:.75rem;display:flex}.modal-footer .btn-primary{background:var(--brand-500);border-color:var(--brand-600);padding:.5rem 1.5rem}.modal-footer .btn-primary:hover{background:var(--brand-600)}.modal-footer .btn-secondary{background:var(--surface-700);border-color:var(--surface-600);padding:.5rem 1.5rem}.modal-footer .btn-secondary:hover{background:var(--surface-600)}.btn-reset{color:var(--surface-400);background:0 0;border:none;padding:.5rem;transition:color .2s}.btn-reset:hover{color:var(--surface-200)}