.photo-editor-backdrop{place-items:center;padding:10px;background:rgba(21,29,33,.7)}
.photo-editor{width:min(100%,720px);height:min(94vh,760px);display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border-radius:22px;box-shadow:0 20px 70px rgba(0,0,0,.3)}
.photo-editor-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;flex:none}.photo-editor-head h2{margin:0;font-size:20px}.photo-editor-stage{position:relative;flex:1;min-height:260px;margin:0 10px;background:#202a2f;overflow:hidden;border-radius:16px}.photo-editor-stage .cropper-container{height:100%}.photo-editor-stage .cropper-view-box{outline:2px solid #fff;outline-color:rgba(255,255,255,.96)}.photo-editor-stage .cropper-line{background:rgba(255,255,255,.92)}.photo-editor-stage .cropper-point{width:24px;height:24px;background:transparent;opacity:1}.photo-editor-stage .cropper-point:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border:2px solid var(--blue);border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.28)}.photo-editor-stage .cropper-point.point-se:after{right:0;bottom:0}.photo-editor-stage .cropper-point.point-sw:after{left:0;bottom:0}.photo-editor-stage .cropper-point.point-nw:after{left:0;top:0}.photo-editor-stage .cropper-point.point-ne:after{right:0;top:0}.photo-editor-stage .cropper-point.point-n:after{left:50%;top:0;transform:translateX(-50%)}.photo-editor-stage .cropper-point.point-e:after{right:0;top:50%;transform:translateY(-50%)}.photo-editor-stage .cropper-point.point-s:after{left:50%;bottom:0;transform:translateX(-50%)}.photo-editor-stage .cropper-point.point-w:after{left:0;top:50%;transform:translateY(-50%)}
.photo-editor-tools{display:flex;align-items:center;gap:10px;padding:12px 14px 4px;flex:none}.crop-tool{width:46px;height:46px;border-radius:14px;background:#edf3ff;color:var(--blue);display:grid;place-items:center}.crop-tool:disabled{opacity:.5}.crop-tool img{width:21px;height:21px;filter:invert(38%) sepia(81%) saturate(1586%) hue-rotate(201deg) brightness(91%)}.photo-editor-tools output{margin-left:auto;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.photo-editor-footer{padding:8px 14px calc(12px + env(safe-area-inset-bottom));flex:none}.photo-editor-footer .primary{width:100%}.photo-editor-footer p{color:var(--red);font-size:12px;line-height:1.45;margin:0 0 8px}.photo-editor-footer p[hidden]{display:none}
@media (max-width:500px){.photo-editor{width:100%;height:calc(100vh - 20px);height:calc(100dvh - 20px);border-radius:20px}.photo-editor-stage{min-height:220px;margin:0 8px}.photo-editor-tools{gap:8px;padding-top:10px}.crop-tool{width:48px;height:48px}.photo-editor-head{padding-left:14px;padding-right:14px}.photo-editor-footer{padding-left:12px;padding-right:12px}}