.photo-editor{box-sizing:border-box;width:min(1040px,calc(100% - 24px));max-height:92dvh;padding:0;border:1px solid #deddf0;border-radius:20px;color:#151b30;background:#fff;overflow:auto}.photo-editor::backdrop{background:#121a35a6}.photo-editor-heading{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid #e4e7f0}.photo-editor h2{font-size:28px;line-height:1.2;margin:0 0 8px}.photo-editor p{font-size:14px;line-height:1.6;margin:6px 0;color:#52647d}.photo-editor [data-close]{flex:none;width:40px;height:40px;border:1px solid #deddf0;border-radius:50%;background:#fff;font-size:24px;color:#52647d}.photo-editor-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:24px;padding:20px 24px}.photo-preview-column{text-align:center;background:#f4f5fb;border-radius:16px;padding:16px;align-self:start;position:sticky;top:12px}.photo-preview-column canvas{display:block;max-height:58dvh;max-width:100%;width:auto;height:auto;margin:auto;touch-action:none;cursor:grab;box-shadow:0 6px 24px #18234220}.photo-preview-column canvas:active{cursor:grabbing}.photo-controls fieldset{min-width:0;margin:0 0 18px;padding:14px;border:1px solid #e4e7f0;border-radius:12px}.photo-controls legend{font-size:16px;font-weight:700;padding:0 6px}.photo-controls label{display:block;font-size:14px;font-weight:500;margin:0 0 14px}.photo-controls output{float:right;color:#594ddd;font-variant-numeric:tabular-nums}.photo-controls input[type=range]{display:block;box-sizing:border-box;width:100%;min-height:36px;margin:6px 0 0;padding:0;accent-color:#655df3}.photo-controls select{display:block;width:100%;font:inherit;padding:10px;margin-top:6px;border:1px solid #deddf0;border-radius:8px;background:white;color:inherit}.photo-controls .button{width:100%;margin-top:6px;white-space:normal}.photo-editor-footer{position:sticky;bottom:0;padding:12px 24px 16px;border-top:1px solid #e4e7f0;background:#fff;z-index:1}.photo-editor-footer>div{display:flex;gap:12px;justify-content:flex-end}.photo-editor-footer [data-status]{margin:0 0 8px}.photo-editor [data-overflow]{color:#a33042;font-weight:600}.photo-editor button:disabled{opacity:.5;cursor:default}#edit-photo{width:100%;margin:12px 0}.photo-editor [hidden]{display:none!important}@media(max-width:650px){.photo-editor{width:calc(100% - 16px);max-height:94dvh}.photo-editor-heading{padding:16px}.photo-editor-body{grid-template-columns:1fr;padding:12px;gap:16px}.photo-preview-column{position:static;padding:12px}.photo-preview-column canvas{max-height:40dvh}.photo-editor-footer{padding:10px 12px calc(12px + env(safe-area-inset-bottom))}.photo-editor-footer .button{flex:1;padding:12px}.photo-editor h2{font-size:25px}.photo-controls input,.photo-controls select{font-size:16px}}