.photo-editor{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.crop-stage{--crop-max-h:min(44dvh,460px);position:relative;justify-self:center;width:min(100%,calc(var(--crop-max-h) * var(--crop-aspect)));aspect-ratio:var(--crop-aspect);overflow:hidden;border-radius:var(--radius-sm);background:#14241f;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.crop-stage--active{cursor:grabbing}.crop-stage:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.crop-stage__plane{position:absolute;top:0;left:0;pointer-events:none;will-change:transform}.crop-stage__image{top:50%;left:50%;max-width:none;object-fit:fill}.crop-stage__grid,.crop-stage__image{position:absolute;pointer-events:none}.crop-stage__grid{inset:0;border:1px solid rgb(255 255 255/55%);border-radius:inherit;background:linear-gradient(90deg,transparent calc(33.33% - .5px),rgb(255 255 255/50%) 0,rgb(255 255 255/50%) calc(33.33% + .5px),transparent 0,transparent calc(66.66% - .5px),rgb(255 255 255/50%) 0,rgb(255 255 255/50%) calc(66.66% + .5px),transparent 0),linear-gradient(180deg,transparent calc(33.33% - .5px),rgb(255 255 255/50%) 0,rgb(255 255 255/50%) calc(33.33% + .5px),transparent 0,transparent calc(66.66% - .5px),rgb(255 255 255/50%) 0,rgb(255 255 255/50%) calc(66.66% + .5px),transparent 0);opacity:0;transition:opacity .2s var(--ease)}.crop-stage--active .crop-stage__grid,.crop-stage:focus-visible .crop-stage__grid{opacity:1}.crop-stage--round:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 100vmax rgb(20 36 31/62%);outline:2px solid rgb(255 255 255/85%);pointer-events:none}.crop-stage--round .crop-stage__grid{border-radius:50%}.photo-editor__hint{color:var(--muted);font-size:13px;text-align:center}.photo-editor__tools{flex-wrap:wrap;justify-content:center}.photo-editor__chips,.photo-editor__tools{display:flex;gap:var(--space-2)}.chip__shape{display:inline-block;border:1.8px solid;border-radius:3px}.chip__shape--original{width:16px;height:12px;border-style:dashed}.chip__shape--square{width:13px;height:13px}.chip__shape--portrait{width:12px;height:15px}.chip__shape--landscape{width:18px;height:10px}.photo-editor__zoom{display:grid;grid-template-columns:auto minmax(0,1fr) 3.5ch;align-items:center;gap:var(--space-3);font-size:14px;font-weight:600}.photo-editor__zoom input{width:100%;min-height:44px;accent-color:var(--ink)}.photo-editor__zoom output{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.photo-editor__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-top:var(--space-2)}.photo-editor__spacer{flex:1 1}@media (max-width:760px){.photo-editor__actions .button{flex:1 1 auto}.photo-editor__tools{flex-wrap:nowrap;justify-content:flex-start;margin-inline:calc(-1 * var(--space-5));padding-inline:var(--space-5);overflow-x:auto;scrollbar-width:none}.photo-editor__tools .chip{flex-shrink:0;padding:0 12px}.photo-editor__spacer{display:none}}