.crop-dialog{width:min(940px,calc(100vw - 32px));max-height:94dvh;overflow:auto;padding:28px;background:#191e23;color:#f3f6ef;border-color:#373e42;border-radius:20px}
.crop-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.crop-heading h2{font-size:24px;margin:0}.crop-heading button{background:none;border:0;color:#e9eee4;font-size:30px;padding:0 5px}
.crop-dialog .crop-help{color:#a3b0a0;font-size:12px;line-height:1.8;margin:12px 0}.crop-dialog canvas{display:block;width:100%;height:auto;background:#0d1210;border-radius:6px;touch-action:none;cursor:move}
.crop-ratios{display:flex;gap:14px;justify-content:center;margin:20px 0}.crop-ratios button,.crop-secondary{border:1px solid #515950;border-radius:30px;background:transparent;color:#e4eade;padding:12px 24px;font-size:14px}.crop-ratios button[aria-pressed=true]{border-color:#d7f3ad;background:#344332;color:#d7f3ad}.crop-ratios span{display:inline-block;border:2px solid currentColor;width:22px;height:14px;border-radius:3px;margin-right:10px;vertical-align:middle}.crop-ratios .vertical{width:14px;height:22px}
.crop-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:16px 0}.crop-controls label{color:#c2cbbb;font-size:12px;display:flex;align-items:center;gap:14px;width:min(340px,65%)}.crop-controls input[type=range]{padding:0;border:0;accent-color:#d7f3ad;outline-offset:4px}.crop-controls button{padding:7px 15px;font-size:12px}
.crop-info{font:12px var(--mono);color:#aebda2;text-align:center}.crop-error{color:#ffa68e;font-size:12px;line-height:1.7;margin-top:12px}.crop-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.crop-primary{border:0;border-radius:30px;padding:12px 30px;background:#d7f3ad;color:#23341b;font-weight:600}
.crop-dialog button:focus-visible,.crop-dialog canvas:focus-visible{outline:2px solid #d7f3ad;outline-offset:3px}.image-tools{display:flex;justify-content:center;gap:8px}.image-tools .remove-file{margin:8px 0 0}.image-crop-detail{font:9px/1.8 var(--mono);color:#81916e;text-align:center;margin-top:8px}
.portrait-picker.has-crop{height:auto;aspect-ratio:var(--crop-ratio,16/9)}.portrait-picker.has-crop>img{object-fit:contain}.preview-stage.has-crop{height:auto;aspect-ratio:var(--crop-ratio,16/9)}.preview-stage.has-crop>img{object-fit:contain;object-position:center}.preview-stage.has-crop .stage-caption{bottom:22px}.preview-stage.has-crop .stage-caption h3{font-size:17px}.preview-stage.has-crop .stage-label{top:10px;font-size:6px}.preview-stage.has-crop .stage-disclaimer{font-size:7px;bottom:7px}
@media(max-width:560px){.crop-dialog{padding:18px;width:calc(100vw - 20px)}.crop-heading h2{font-size:21px}.crop-ratios{gap:8px}.crop-ratios button{padding:10px 12px;font-size:12px}.crop-controls{gap:10px}.crop-controls label{width:65%}.crop-actions button{flex:1}.portrait-picker.has-crop{max-height:none}.preview-stage.has-crop .stage-caption h3{font-size:18px}}