.photo-editor{margin:18px 0 24px;min-width:0}
.photo-editor:empty{display:none}
.photo-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.8125rem;font-weight:600}
.photo-editor-heading .text-button{font-size:.8125rem;min-height:32px}
.photo-editor-stage{position:relative;width:100%;aspect-ratio:4/3;max-height:480px;overflow:hidden;background:#f2f5fa;border:1px solid var(--line);border-radius:5px;cursor:grab;touch-action:none;user-select:none}
.photo-editor-stage.is-panning{cursor:grabbing}
.photo-editor-stage:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.photo-editor-stage .photo-editor-image{display:block;width:100%;height:100%;object-fit:cover;max-width:none;pointer-events:none;user-select:none;will-change:transform}
.photo-editor-stage .photo-editor-image[hidden]{display:none}
.photo-editor-load-error{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--muted);font-size:.8125rem}
.photo-editor-load-error[hidden]{display:none}
.photo-editor-toolbar{display:flex;align-items:center;gap:14px;margin-top:14px}
.photo-zoom-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;flex:1;min-width:0;border:1px solid #cbd6e7;border-radius:4px;overflow:hidden}
.photo-zoom-controls button{display:grid;place-items:center;min-height:44px;padding:0;color:var(--green);background:white}
.photo-zoom-controls button:first-child{border-right:1px solid #cbd6e7}.photo-zoom-controls button:last-child{border-left:1px solid #cbd6e7}
.photo-zoom-controls button:hover:not(:disabled){background:#edf3fd}.photo-zoom-controls button:disabled{color:#a8b9d3;cursor:default}
.photo-zoom-controls svg,.photo-add svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.photo-zoom-controls .photo-zoom-slider{appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:#edf3fd;cursor:ew-resize;box-shadow:none;touch-action:pan-y}
.photo-zoom-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:44px;border:0;border-radius:0;background:var(--green)}
.photo-zoom-slider::-moz-range-thumb{width:18px;height:44px;border:0;border-radius:0;background:var(--green)}
.photo-zoom-slider::-moz-range-track{height:44px;background:#edf3fd}
.photo-zoom-slider:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
.photo-zoom-value{min-width:38px;font-size:.75rem;color:var(--green);text-align:right;font-variant-numeric:tabular-nums}
.photo-zoom-reset{font-size:.75rem;min-height:44px}
.photo-editor-hint{margin-top:8px;font-size:.75rem;line-height:1.6}
.listing-photo-picker .photo-picker-list{display:flex;flex-wrap:nowrap;gap:12px;align-items:stretch;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 3px 12px;margin:12px -3px;scroll-padding-inline:3px;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#bccce4 #f5f7fb}
.photo-picker-list .photo-picker-item,.photo-picker-list .photo-add{flex:0 0 128px;width:128px;height:144px;min-height:144px;max-height:144px;padding:0;border-radius:5px;overflow:hidden;background:#f7f9fc;box-sizing:border-box;cursor:default}
.photo-picker-list .photo-picker-item.is-selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.photo-thumbnail{display:block;width:100%;height:98px;min-height:0;padding:0;overflow:hidden;background:#f3f6fb;border:0;border-radius:0;cursor:pointer}
.photo-thumbnail img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}
.photo-thumbnail .photo-placeholder{width:100%;height:100%}
.photo-picker-item .photo-drag-handle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;min-height:44px;padding:0 8px;border-top:1px solid var(--line);font-size:.75rem;background:white;color:var(--ink);cursor:grab;touch-action:none;user-select:none}
.photo-drag-handle svg{width:14px;height:18px;fill:currentColor;stroke:none;color:#7d96b7;flex-shrink:0}
.photo-drag-handle:active{cursor:grabbing}.photo-drag-handle:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
.photo-picker-item.is-selected .photo-drag-handle{background:#edf3fd;color:var(--green)}
.photo-picker-list .photo-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--green);cursor:pointer;font-size:.75rem}
.photo-picker-list .photo-add .photo-add-caption{font-size:.75rem;line-height:1.3}
.photo-picker-list .photo-add:hover:not(.full){background:#edf3fd;border-color:var(--green)}
.photo-picker-list .photo-add.full{cursor:default}
.photo-picker-item .photo-remove{width:32px;height:32px;min-height:32px;right:3px;top:3px;background:rgba(255,255,255,.92);color:var(--ink)}
.photo-picker-item .photo-remove svg{filter:none;width:18px;height:18px}
.photo-picker-list .photo-drop-target{outline:2px solid var(--green);outline-offset:1px}
.photo-picker-list.photo-drag-active{scroll-behavior:auto;user-select:none}
.photo-picker-item.photo-pending>img{width:100%;height:72px;object-fit:cover}.photo-pending .photo-upload-label{height:26px;font-size:.6875rem}.photo-pending .photo-retry{height:44px}
@media(max-width:420px){.photo-editor-toolbar{gap:9px}.photo-zoom-controls{grid-template-columns:38px minmax(0,1fr) 38px}.photo-editor-stage{max-height:340px}.photo-picker-list .photo-picker-item,.photo-picker-list .photo-add{flex-basis:112px;width:112px;height:132px;min-height:132px;max-height:132px}.photo-thumbnail{height:86px}}
@media(pointer:coarse){.photo-picker-item .photo-remove{width:40px;height:40px;min-height:40px;top:0;right:0}}