.image-framing-editor{gap:10px;min-width:0;display:grid}.image-framing-heading{gap:4px;display:grid}.image-framing-heading strong{color:var(--color-ink,#10243a);font-size:14px;font-weight:600}.image-framing-heading small,.image-framing-help{color:#728098;font-size:12px;line-height:1.5}.image-framing-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#f0ece5;border:1px solid #e5d9c7;border-radius:12px;width:100%;position:relative;overflow:hidden}.image-framing-stage:focus-visible{outline-offset:3px;outline:2px solid #ba9c76}.image-framing-stage[aria-disabled=true]{cursor:default}.image-framing-stage.image-framing-dragging{cursor:grabbing}.image-framing-stage>img{object-fit:fill;pointer-events:none;position:absolute;border-radius:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important}.image-framing-stage>p{color:#b42318;padding:16px;font-size:13px}.image-framing-guides{pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(33.333% - .5px),#ffffff60 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff60 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px)),linear-gradient(0deg,#0000 calc(33.333% - .5px),#ffffff60 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff60 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px));position:absolute;inset:0}.image-framing-controls{align-items:center;gap:8px;min-width:0;display:flex}.image-framing-controls>button{color:#15354c;background:#fffdf9;border:1px solid #e5d9c7;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:8px;display:inline-flex}.image-framing-controls>button:focus-visible{outline-offset:2px;outline:2px solid #ba9c76}.image-framing-controls>button:disabled{opacity:.45;cursor:default}.image-framing-controls .image-framing-reset{font-size:12px}.image-framing-zoom{flex:1;min-width:40px;padding:0!important}.image-framing-zoom input[type=range]{accent-color:#003654;width:100%;height:44px;min-height:44px;background:0 0!important;border:0!important;padding:0!important}.image-framing-controls output{text-align:center;color:#728098;flex:none;min-width:42px;font-size:12px}@media (width<=420px){.image-framing-controls{flex-wrap:wrap;gap:5px}.image-framing-controls .image-framing-reset{margin-left:auto}}