.about-crop-editor{border-top:1px solid var(--color-rule);color:var(--color-ink);--crop-max-height:min(48svh,420px);margin-top:20px;padding-top:20px}.about-crop-editor [hidden]{display:none!important}.about-crop-editor .about-crop-heading p{margin:0 0 4px;font-weight:500}.about-crop-editor .about-crop-heading span,.about-crop-editor .about-crop-help{color:var(--color-mute);font-size:12px;line-height:1.6}.about-crop-editor .about-crop-device-row{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.about-crop-editor .eb-selector-group{align-items:center;gap:16px;display:flex}.about-crop-editor .eb-selector{min-height:44px;color:var(--color-mute);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:8px 0;font-size:13px}.about-crop-editor .eb-selector[aria-pressed=true]{border-bottom-color:var(--color-accent);color:var(--color-accent)}.about-crop-editor .about-crop-help{margin:8px 0 12px}.about-crop-editor .about-crop-previews{width:100%;display:block}.about-crop-editor figure{min-width:0;width:min(100%,calc(var(--crop-max-height)*var(--crop-ratio,1.33333)));margin:0 auto}.about-crop-editor figcaption{color:var(--color-mute);text-align:center;margin-top:8px;font-size:11px}.about-crop-editor .about-crop-frame{isolation:isolate;aspect-ratio:4/3;background:var(--color-paper);border:1px solid var(--color-rule);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.about-crop-editor .about-crop-frame:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.about-crop-editor .about-crop-frame.is-dragging{cursor:grabbing}.about-crop-editor .about-crop-frame[aria-disabled=true]{cursor:default;touch-action:pan-y}.about-crop-editor .about-crop-frame img{object-fit:cover;pointer-events:none;width:100%;max-width:none;height:100%;transition:none;display:block}.about-crop-editor .about-crop-state{background:var(--color-paper);text-align:center;color:var(--color-mute);place-items:center;padding:18px;font-size:12px;line-height:1.6;display:grid;position:absolute;inset:0}.about-crop-editor .about-crop-tools{gap:4px;max-width:640px;margin:8px auto 0;display:grid}.about-crop-editor .about-crop-zoom{align-items:center;gap:12px;font-size:12px;display:flex}.about-crop-editor .about-crop-zoom output{text-align:right;min-width:3.6em;color:var(--color-mute);font-variant-numeric:tabular-nums}.about-crop-editor input[type=range]{width:auto;min-width:0;min-height:44px;accent-color:var(--color-accent);background:0 0;border:0;flex:1;padding:0}.about-crop-editor .about-crop-buttons{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.about-crop-editor .about-crop-rotate{gap:8px;display:flex}.about-crop-editor .eb-action{min-height:44px;color:var(--color-mute);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 2px;font-size:12px;display:inline-flex}.about-crop-editor .eb-action:hover,.about-crop-editor .eb-action:active{color:var(--color-accent)}.about-crop-editor .eb-action:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.about-crop-editor .eb-action:disabled{opacity:.45;cursor:default}.about-crop-editor .eb-action svg{width:19px;height:19px}.about-crop-editor .about-crop-fit{color:var(--color-mute);align-items:center;gap:8px;font-size:12px;display:flex}.about-crop-editor .about-crop-fit select{font:inherit;color:var(--color-ink);background:var(--color-paper);border:0;max-width:150px;min-height:44px;padding:6px 22px 6px 4px}.about-crop-editor .about-crop-announcement{color:var(--color-mute);margin:4px 0 0;font-size:11px;line-height:1.5}.about-crop-editor .about-crop-announcement:empty{display:none}@media (width<=600px){.about-crop-editor{--crop-max-height:42svh;margin-top:16px;padding-top:16px}.about-crop-editor .about-crop-heading span{font-size:11px}.about-crop-editor .about-crop-device-row{margin-top:6px}.about-crop-editor .about-crop-buttons{gap:0 10px}.about-crop-editor .about-crop-help{font-size:11px}.about-crop-editor .about-crop-fit{gap:4px}}