.vue-advanced-cropper{text-align:center;-webkit-user-select:none;user-select:none;direction:ltr;max-width:100%;max-height:100%;position:relative}.vue-advanced-cropper__stretcher{pointer-events:none;max-width:100%;max-height:100%;position:relative}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;transform-origin:50%;position:absolute;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{width:100%;height:100%;position:absolute;overflow:hidden}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{background:#fff;width:10px;height:10px;display:block}.vue-handler-wrapper{width:30px;height:30px;position:absolute;transform:translate(-50%,-50%)}.vue-handler-wrapper__draggable{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.vue-line-wrapper--north,.vue-line-wrapper--south{width:100%;height:12px;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{cursor:n-resize;top:0}.vue-line-wrapper--south{cursor:s-resize;top:100%}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;top:0;transform:translate(-50%)}.vue-line-wrapper--east{cursor:e-resize;left:100%}.vue-line-wrapper--west{cursor:w-resize;left:0}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{width:100%;height:100%;position:relative}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{top:0;left:0}.vue-bounding-box__handler--north{top:0;left:50%}.vue-bounding-box__handler--east-north{top:0;left:100%}.vue-bounding-box__handler--east{top:50%;left:100%}.vue-bounding-box__handler--east-south{top:100%;left:100%}.vue-bounding-box__handler--south{top:100%;left:50%}.vue-bounding-box__handler--west-south{top:100%;left:0}.vue-bounding-box__handler--west{top:50%;left:0}.vue-draggable-area{position:relative}.vue-preview-result{box-sizing:border-box;width:100%;height:100%;position:absolute;overflow:hidden}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;position:relative;max-width:none!important}.vue-rectangle-stencil{box-sizing:border-box}.vue-rectangle-stencil,.vue-rectangle-stencil__preview{width:100%;height:100%;position:absolute}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{box-sizing:content-box;cursor:move;width:100%;height:100%;position:absolute}.vue-circle-stencil__preview{border-radius:50%;width:100%;height:100%;position:absolute}.vue-circle-stencil--movable{cursor:move}.vue-preview{box-sizing:border-box;position:relative;overflow:hidden}.vue-preview--fill,.vue-preview__wrapper{width:100%;height:100%;position:absolute}.vue-preview__image{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;position:absolute;max-width:none!important}.vue-simple-line{background:0 0;border:0 solid #ffffff4d;transition:border .5s}.vue-simple-line--north,.vue-simple-line--south{width:100%;height:0}.vue-simple-line--east,.vue-simple-line--west{width:0;height:100%}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}body:has(.ui-image-cropper__backdrop){overflow:hidden}.ui-image-cropper{gap:7px;min-width:0;display:grid}.ui-image-cropper__preview,.ui-image-cropper__preview-wrap{width:100%;position:relative}.ui-image-cropper__preview{color:var(--color-muted);text-align:inherit;aspect-ratio:16/9;background:var(--color-surface-muted);border:1px dashed var(--color-line);border-radius:var(--radius);padding:0;display:block;overflow:hidden}.ui-image-cropper__preview:disabled{cursor:not-allowed;opacity:.58}.ui-image-cropper__preview:focus-visible,.ui-image-cropper__preview:hover:not(:disabled){color:var(--color-accent-strong);border-color:var(--color-accent-strong);outline:3px solid var(--color-focus-ring);outline-offset:1px}.ui-image-cropper__preview--filled{background:var(--color-ink);border-style:solid}.ui-image-cropper__preview-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.ui-image-cropper__placeholder{place-content:center;justify-items:center;gap:5px;padding:16px;display:grid;position:absolute;inset:0}.ui-image-cropper__placeholder-icon{width:28px;height:28px}.ui-image-cropper__placeholder-title{color:var(--color-heading);font-size:13px;font-weight:800}.ui-image-cropper__placeholder-ratio{font-family:var(--font-mono);font-size:11px}.ui-image-cropper__preview-action{color:var(--color-topbar-heading);background:var(--color-sidebar-backdrop);opacity:0;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:11px;font-weight:800;transition:opacity .14s,transform .14s;display:inline-flex;position:absolute;bottom:8px;right:8px;transform:translateY(3px)}.ui-image-cropper__preview:focus-visible .ui-image-cropper__preview-action,.ui-image-cropper__preview:hover .ui-image-cropper__preview-action{opacity:1;transform:translateY(0)}.ui-image-cropper__preview-action svg{width:14px;height:14px}.ui-image-cropper__remove{z-index:1;width:32px;height:32px;color:var(--color-topbar-heading);background:var(--color-sidebar-backdrop);border:1px solid var(--color-topbar-border);border-radius:6px;place-items:center;padding:0;display:inline-grid;position:absolute;top:8px;right:8px}.ui-image-cropper__remove:focus-visible,.ui-image-cropper__remove:hover:not(:disabled){color:var(--color-danger-text);background:var(--color-danger-bg)}.ui-image-cropper__remove svg{width:15px;height:15px}.ui-image-cropper__error,.ui-image-cropper__field-error{color:var(--color-danger-text);margin:0;font-size:12px;font-weight:700;line-height:1.4}.ui-image-cropper__backdrop{z-index:120;box-sizing:border-box;background:var(--color-sidebar-backdrop);place-items:center;padding:clamp(10px,2vw,24px);display:grid;position:fixed;inset:0;overflow:hidden}.ui-image-cropper__modal{box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-soft);flex-direction:column;gap:16px;padding:18px;display:flex;overflow:hidden auto}.ui-image-cropper__modal:focus{outline:none}.ui-image-cropper__header{justify-content:space-between;align-items:start;gap:14px;display:flex}.ui-image-cropper__title{color:var(--color-heading);margin:0;font-size:20px;line-height:1.25}.ui-image-cropper__description{color:var(--color-muted);margin:5px 0 0;font-size:13px;line-height:1.45}.ui-image-cropper__close,.ui-image-cropper__tool{width:36px;height:36px;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-line);border-radius:6px;flex:none;place-items:center;padding:0;display:inline-grid}.ui-image-cropper__close:focus-visible,.ui-image-cropper__close:hover:not(:disabled),.ui-image-cropper__tool:focus-visible,.ui-image-cropper__tool:hover:not(:disabled){color:var(--color-accent-strong);border-color:var(--color-accent-strong)}.ui-image-cropper__close svg,.ui-image-cropper__tool svg{width:17px;height:17px}.ui-image-cropper__dropzone{min-height:310px;color:var(--color-muted);cursor:pointer;text-align:center;background:var(--color-surface-muted);border:2px dashed var(--color-line);border-radius:var(--radius);flex:auto;place-content:center;justify-items:center;gap:9px;padding:32px 18px;transition:border-color .14s,background .14s;display:grid}.ui-image-cropper__dropzone--active,.ui-image-cropper__dropzone:focus-visible,.ui-image-cropper__dropzone:hover{color:var(--color-accent-strong);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface-muted));border-color:var(--color-accent-strong);outline:none}.ui-image-cropper__dropzone-icon{width:42px;height:42px}.ui-image-cropper__dropzone-title{color:var(--color-heading);font-size:17px}.ui-image-cropper__dropzone-hint,.ui-image-cropper__dropzone-text{font-size:12px;line-height:1.4}.ui-image-cropper__workspace{flex:auto;grid-template-rows:minmax(320px,1fr) auto;gap:10px;min-width:0;min-height:0;display:grid}.ui-image-cropper__cropper{background:var(--color-code-bg);border-radius:var(--radius);width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.ui-image-cropper__cropper .vue-rectangle-stencil__preview{border:1px solid var(--color-on-ink)}.ui-image-cropper__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ui-image-cropper__zoom-actions{gap:6px;display:flex}.ui-image-cropper__replace{min-height:36px;color:var(--color-heading);font:inherit;background:var(--color-surface);border:1px solid var(--color-line);border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.ui-image-cropper__replace:focus-visible,.ui-image-cropper__replace:hover:not(:disabled){color:var(--color-accent-strong);border-color:var(--color-accent-strong)}.ui-image-cropper__replace svg{width:14px;height:14px}.ui-image-cropper__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.ui-image-cropper__actions .ui-button{gap:7px}.ui-image-cropper__actions svg{width:16px;height:16px}.ui-image-cropper__spinner{animation:.8s linear infinite ui-image-cropper-spin}.ui-image-cropper__file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}@keyframes ui-image-cropper-spin{to{transform:rotate(1turn)}}@media (width<=640px){.ui-image-cropper__backdrop{padding:8px}.ui-image-cropper__modal{padding:14px}.ui-image-cropper__dropzone{min-height:250px}.ui-image-cropper__cropper{height:100%}.ui-image-cropper__workspace{grid-template-rows:minmax(280px,1fr) auto}.ui-image-cropper__actions .ui-button{width:100%}.ui-image-cropper__actions{flex-direction:column-reverse}}@media (prefers-reduced-motion:reduce){.ui-image-cropper__dropzone,.ui-image-cropper__preview-action{transition:none}}