#photo-editor{padding:0;border:0;border-radius:18px;width:min(1180px,calc(100vw - 48px));height:min(830px,calc(100dvh - 48px));max-width:none;max-height:none;color:#202b31;background:#fff;box-shadow:0 28px 100px #0006;overflow:hidden}
#photo-editor::backdrop{background:#071319c9;backdrop-filter:blur(12px)}
#photo-editor button,#photo-editor select{font:inherit;min-height:44px;border:1px solid #dce3e6;border-radius:9px;background:#fff;color:#273940;padding:8px 12px;cursor:pointer;transition:background .15s,transform .15s}
#photo-editor button:hover{background:#edf5f6}#photo-editor button:active{transform:scale(.97)}#photo-editor button:disabled{opacity:.35;cursor:default}#photo-editor :focus-visible{outline:3px solid #009bb8;outline-offset:3px}
.editor-header{height:83px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid #e4e9ec}.editor-header strong{font-size:20px;letter-spacing:-.6px}.editor-header span{display:block;font-size:12px;color:#697a82;margin-top:3px}.editor-header-actions{display:flex;gap:7px;align-items:center}.editor-header-actions [aria-label]{font-size:24px;width:44px;padding:0}
#photo-editor .editor-save{background:#007b90;color:#fff;border-color:#007b90;font-weight:650;padding-inline:20px}.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;height:calc(100% - 83px)}
.editor-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;background:#172025;overflow:hidden;padding-bottom:32px;box-sizing:border-box}.editor-picture{position:relative;flex:none;box-shadow:0 12px 45px #0005}.editor-picture canvas{display:block;width:100%;height:100%;border-radius:2px}
#photo-editor .editor-compare{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#29363ee6;color:#fff;border-color:#66777c;font-size:12px;min-height:36px;border-radius:30px}.editor-compare[aria-pressed=true]{background:#007b90!important}
.editor-tools{overflow-y:auto;padding:20px;min-width:0}.editor-tabs{display:flex;gap:4px;padding:4px;background:#eff3f5;border-radius:10px}.editor-tabs button{flex:1;white-space:nowrap;font-size:12px!important;border:0!important;background:transparent!important;padding:8px 4px!important}.editor-tabs button[aria-selected=true]{background:white!important;box-shadow:0 1px 4px #0001;color:#006d80!important;font-weight:650}.editor-tools h3{font-size:14px;margin:26px 0 16px;font-weight:650}.editor-looks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.editor-looks button{font-size:12px!important;background:#f4f8f8!important}.editor-slider{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:13px;margin:26px 0}.editor-slider output{font-size:12px;color:#6a7c84;font-variant-numeric:tabular-nums}.editor-slider input{grid-column:1/-1;width:100%;margin:0;accent-color:#007b90;height:24px;cursor:ew-resize}.editor-turns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.editor-turns button{font-size:24px!important;padding:4px!important}.editor-ratio{display:grid;gap:10px;font-size:13px}.editor-ratio select{width:100%}.editor-help{font-size:12px;line-height:1.6;color:#697a82}.editor-tools footer{border-top:1px solid #e5eaec;margin-top:26px;padding-top:20px}.editor-tools footer p{font-size:11px;line-height:1.7;color:#77868e}.editor-status{display:block;font-size:12px;line-height:1.5;color:#00788c}
.editor-crop{position:absolute;border:1px solid #fff;box-sizing:border-box;box-shadow:0 0 0 1200px #0007;cursor:move;touch-action:none}.editor-crop i{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33%,#fff5 33%,#fff5 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#fff5 66%,#fff5 calc(66% + 1px),transparent calc(66% + 1px)),linear-gradient(to bottom,transparent 33%,#fff5 33%,#fff5 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#fff5 66%,#fff5 calc(66% + 1px),transparent calc(66% + 1px))}
#photo-editor .editor-crop button{position:absolute;width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:0}.editor-crop button::after{content:'';position:absolute;width:16px;height:16px;border-color:#fff;border-style:solid}.editor-crop [data-corner=nw]{left:-22px;top:-22px;cursor:nwse-resize}.editor-crop [data-corner=ne]{right:-22px;top:-22px;cursor:nesw-resize}.editor-crop [data-corner=sw]{left:-22px;bottom:-22px;cursor:nesw-resize}.editor-crop [data-corner=se]{right:-22px;bottom:-22px;cursor:nwse-resize}.editor-crop [data-corner=nw]::after{left:21px;top:21px;border-width:3px 0 0 3px}.editor-crop [data-corner=ne]::after{right:21px;top:21px;border-width:3px 3px 0 0}.editor-crop [data-corner=sw]::after{left:21px;bottom:21px;border-width:0 0 3px 3px}.editor-crop [data-corner=se]::after{right:21px;bottom:21px;border-width:0 3px 3px 0}
.gesture-hint{text-align:center;color:#8c9ba2;font-size:11px;margin:7px 0 0}.edit-photo-button{display:inline-flex;align-items:center;gap:7px;font-size:13px!important;min-height:44px}.edit-photo-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
@media(max-width:700px){#photo-editor{width:100vw;height:100dvh;border-radius:0;margin:0}.editor-header{height:76px;padding:12px;gap:6px}.editor-header strong{font-size:17px}.editor-header span{display:none}.editor-header-actions{gap:4px}#photo-editor .editor-header-actions button{padding:8px;font-size:12px}#photo-editor .editor-header-actions [aria-label]{font-size:23px;width:36px;min-width:36px}.editor-workspace{height:calc(100% - 76px);display:flex;flex-direction:column;overflow:auto}.editor-stage{height:43dvh;min-height:240px;flex:none}.editor-tools{padding:16px 20px;overflow:visible}.editor-tools h3{margin-top:20px}.editor-looks{grid-template-columns:repeat(4,1fr)}.editor-slider{margin:18px 0}.editor-tools footer{margin-top:18px}.editor-header .editor-save{padding-inline:10px!important}.editor-header-actions [data-action=close]{font-size:12px}.editor-header-actions [data-action=undo],.editor-header-actions [data-action=redo]{min-height:44px}}
@media(prefers-reduced-motion:reduce){#photo-editor *{transition:none!important}}
#photo-editor .editor-compare{z-index:2;transform:translateX(-50%)}#photo-editor .editor-compare:active{transform:translateX(-50%) scale(.97)}
#photo-editor .editor-compare:hover{background:#3c505c;color:#fff}
#preview .edit-photo-button{color:#e1f2f6;border-color:#41616d;background:#17313eeb}#preview .edit-photo-button:hover{background:#315969}
@media(max-width:360px){.editor-header{padding-inline:10px}.editor-header strong{font-size:15px}#photo-editor .editor-header-actions [aria-label]{width:44px;min-width:44px}}
.editor-picture .editor-before{position:absolute;inset:0;pointer-events:none;object-fit:contain;background:#172025}
.editor-comparison{position:absolute;inset:0;touch-action:none;cursor:ew-resize;overflow:hidden}
.comparison-label{position:absolute;top:12px;padding:5px 9px;border:1px solid #ffffff42;border-radius:6px;background:#10232abf;color:#fff;font-size:11px;font-weight:650;pointer-events:none;backdrop-filter:blur(8px)}.comparison-before{left:12px}.comparison-after{right:12px}
.editor-divider{position:absolute;top:0;bottom:0;width:44px;transform:translateX(-50%);cursor:ew-resize;outline-offset:-4px!important}.editor-divider::before{content:'';position:absolute;top:0;bottom:0;left:21px;width:2px;background:#fff;box-shadow:0 0 8px #0007}.editor-divider>span{position:absolute;left:0;top:50%;display:grid;place-items:center;width:44px;height:44px;transform:translateY(-50%);border:1px solid #ffffffb3;border-radius:50%;background:#17343ed9;box-shadow:0 3px 12px #0004;backdrop-filter:blur(12px)}.editor-divider svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.editor-comparison{z-index:2}.editor-picture.is-cropping .editor-comparison{pointer-events:none}.editor-picture.is-cropping .editor-divider{pointer-events:auto}
.editor-crop-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.editor-crop-actions button{font-size:12px!important}#photo-editor [data-action=crop-apply]{color:#fff;background:#007b90;border-color:#007b90}