.photo-crop-dialog{width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--line,#d8dfeb);border-radius:20px;padding:24px;background:var(--surface,#fff);color:var(--ink,#192131);box-shadow:0 24px 100px #0006}.photo-crop-dialog::backdrop{background:#101521ac;backdrop-filter:blur(4px)}.photo-crop-dialog header{display:flex;justify-content:space-between;align-items:start}.photo-crop-dialog header span{font-size:10px;letter-spacing:1.5px;color:var(--accent,#ef5b19);font-weight:700}.photo-crop-dialog h2{margin:5px 0;font-size:24px}.photo-crop-dialog p{font-size:14px;color:var(--muted,#626d80);line-height:1.5}.photo-crop-dialog button{cursor:pointer;min-height:38px;border:1px solid var(--line,#d8dfeb);border-radius:9px;padding:6px 12px;background:var(--surface,#fff);color:inherit}.photo-crop-stage{width:min(320px,100%);aspect-ratio:1;position:relative;margin:auto;touch-action:none;cursor:grab;overflow:hidden;border-radius:12px}.photo-crop-stage:active{cursor:grabbing}.photo-crop-stage canvas{display:block;width:100%;height:100%}.photo-crop-guide{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 80px #0007;border:2px solid #fff9;pointer-events:none}.photo-crop-zoom{display:flex;align-items:center;gap:10px;font-size:14px;margin:18px 0}.photo-crop-zoom input{flex:1;min-width:50px;accent-color:#287ce6}.photo-crop-zoom output{min-width:42px}.photo-crop-moves{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.photo-crop-dialog footer{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.photo-crop-dialog .primary-button{background:linear-gradient(110deg,#da4810,#f06a24);color:#fff;border:0}.photo-crop-dialog :focus-visible{outline:3px solid #328bea;outline-offset:3px}