.media-crop-open{margin:12px 0;font-size:11px}.media-editor{width:min(940px,94vw);max-height:92vh;overflow:auto;border:1px solid #dbc8af;border-radius:20px;padding:32px;background:#fcf8f1;color:#4e3745;box-shadow:0 30px 100px #27182066;animation:cropAppear .3s ease}.media-editor::backdrop{background:#2d202c99;backdrop-filter:blur(5px)}.crop-heading{display:flex;justify-content:space-between;align-items:start;gap:18px}.crop-heading h2{font:40px/1.1 var(--serif);margin:12px 0}.crop-heading>button{font-size:30px}.crop-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;margin-top:25px}.crop-stage{min-height:260px;display:flex;align-items:center;justify-content:center;padding:15px;background:#ece3da;border-radius:12px}.crop-stage canvas{max-width:100%;max-height:440px;object-fit:contain;box-shadow:0 8px 25px #4932431a}.crop-controls{display:flex;flex-direction:column;gap:14px}.crop-controls input[type=range]{padding:0;accent-color:#78546c}.crop-fine{font-size:11px;line-height:1.8;color:#8f7c73}.crop-error{font-size:12px;color:#9b4049;margin:0}.chat-expired{font-size:11px!important;opacity:.75;font-style:italic}@keyframes cropAppear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:650px){.media-editor{padding:20px}.crop-layout{grid-template-columns:1fr;gap:18px}.crop-heading h2{font-size:29px}.crop-stage{min-height:170px}.crop-stage canvas{max-height:240px}}@media(prefers-reduced-motion:reduce){.media-editor{animation:none}}

/* v0.43: explicit crop, pointer drag and visible presentation examples. */
.crop-stage canvas{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.crop-stage canvas.dragging{cursor:grabbing}.crop-previews{display:flex;gap:16px;margin-top:16px;align-items:flex-start}.crop-previews figure{margin:0;max-width:46%}.crop-previews canvas{display:block;width:128px;max-width:100%;height:auto;border-radius:8px;border:1px solid #dccfc5}.crop-previews figcaption{font-size:10px;color:#856e77;margin-top:7px}.crop-heading>button{min-width:44px;min-height:44px}.crop-controls input[type=range]{min-height:44px}.portfolio-crop-status{line-height:1.8}.media-editor{max-height:92dvh}.crop-stage{overflow:hidden}.crop-controls{min-width:0}.crop-controls select{max-width:100%}
@media(max-width:650px){.crop-heading h2{font-size:27px}.crop-previews canvas{width:88px}.media-editor{padding:16px}.crop-stage canvas{max-height:240px}}