[data-tool-view=Crop] #crop-processing{align-items:center;gap:12px;margin-top:16px;display:flex}[data-tool-view=Crop] #crop-processing progress{max-width:60%;accent-color:var(--focus)}[data-tool-view=Crop] .crop-upload{cursor:pointer;text-align:center;border:1px dashed #aebcc1;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px 12px;font-weight:650;display:flex}[data-tool-view=Crop] .crop-upload:has(+input:focus){outline:3px solid var(--focus);outline-offset:3px}[data-tool-view=Crop] .has-image .crop-upload{padding:12px}[data-tool-view=Crop] .has-image .crop-upload .upload-hint{display:none}[data-tool-view=Crop] .crop-upload .upload-hint,[data-tool-view=Crop] #crop-guidance{color:var(--muted);font-size:.875rem;font-weight:400}[data-tool-view=Crop] #crop-source{overflow-wrap:anywhere;margin:12px 0}[data-tool-view=Crop] .crop-stage{border:1px solid var(--line);background:repeating-conic-gradient(#e2e7e9 0% 25%,#fff 0% 50%) 0 0/20px 20px;border-radius:12px;overflow:hidden}[data-tool-view=Crop] #crop-canvas{touch-action:none;cursor:grab;width:100%;height:auto;display:block}[data-tool-view=Crop] #crop-guidance{margin:12px 0}[data-tool-view=Crop] #crop-settings{border:0;margin:20px 0;padding:0}[data-tool-view=Crop] .crop-controls{grid-template-columns:1fr 1fr;gap:16px;display:grid}[data-tool-view=Crop] .crop-controls label{flex-direction:column;gap:8px;font-size:.875rem;font-weight:600;display:flex}[data-tool-view=Crop] .crop-controls select,[data-tool-view=Crop] .crop-controls input[type=number]{width:100%;min-height:48px;color:inherit;background-color:#fff;border:1px solid #bdc7ca;border-radius:8px;padding:10px 32px 10px 10px}[data-tool-view=Crop] .crop-controls input{width:100%;min-height:44px;accent-color:var(--focus)}[data-tool-view=Crop] .crop-goals{border:1px solid var(--line);border-radius:10px;margin-top:16px;padding:0 12px}[data-tool-view=Crop] .crop-goals summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:600}[data-tool-view=Crop] .crop-goals .crop-controls{grid-template-columns:1fr 1fr;padding-bottom:16px}[data-tool-view=Crop] .crop-setting-help{color:var(--muted);grid-column:1/-1;margin:0;font-size:.8125rem;line-height:1.6}[data-tool-view=Crop] #crop-result[data-target-met=false]{background:#fff8e9;border-color:#b77c30}[data-tool-view=Crop] #crop-output{background:repeating-conic-gradient(#e2e7e9 0% 25%,#fff 0% 50%) 0 0/20px 20px;max-width:100%;max-height:360px;margin:16px 0;display:block}@media (width<=450px){[data-tool-view=Crop] .crop-controls{grid-template-columns:1fr}}