/* Display crop transforms are isolated from hover effects and original-image viewers. */
.crop-frame { position:relative; display:block; overflow:hidden; flex-shrink:0; }
.crop-frame>img { display:block; width:100%; height:100%; object-fit:cover; object-position:var(--crop-x,50%) var(--crop-y,50%); scale:var(--crop-zoom,1); transform-origin:var(--crop-x,50%) var(--crop-y,50%); }
.work-preview { width:100%; aspect-ratio:1.05/.91; }
.mini-work .work-preview { width:100%; height:100%; aspect-ratio:.72; }
:is(.author-grid,.space-works) .work-preview { aspect-ratio:4/3; }
.project-image-button .work-preview>img,.mini-work .work-preview>img { position:absolute; inset:0; height:100%; aspect-ratio:auto; }
.avatar-view { width:40px; height:40px; border-radius:50%; }
.avatar-view>img { border-radius:0; width:100%; height:100%; max-width:none; }
.avatar-button>.avatar-view { width:100%; height:100%; }
.avatar-view.author-avatar { aspect-ratio:1; height:auto; }
.credit-link>.avatar-view { width:26px; height:26px; }
.project-card-artist>.avatar-view { width:26px; height:26px; }
.world-artist>.avatar-view { width:54px; height:54px; }
.group-person a>.avatar-view,.chat-message>.avatar-view { width:30px; height:30px; }
.detail-author>.avatar-view { width:42px; height:42px; }
.image-crop-editor { padding:16px; background:var(--pixel-grain) #111b27; box-shadow:inset 0 3px #29424d,inset 0 -4px #080e16; clip-path:var(--pixel-cut-small); min-width:0; }
.image-crop-editor[hidden] { display:none; }
.crop-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.crop-heading strong { color:#d6ebf0; font-size:14px; }
.crop-heading label { display:flex; align-items:center; gap:8px; font-size:12px; }
.crop-heading select { width:auto; padding:6px 10px; max-width:160px; }
.crop-stage { width:100%; max-width:360px; margin:0 auto; overflow:hidden; background:#090e17; clip-path:var(--pixel-cut-small); }
.crop-stage.is-avatar { max-width:200px; border-radius:50%; clip-path:none; }
.image-crop-canvas { display:block; width:100%; height:auto; max-height:none; touch-action:none; cursor:grab; }
.image-crop-canvas.is-dragging { cursor:grabbing; }
.crop-stage:focus-within { outline:3px solid #6ab8cb; outline-offset:3px; }
.image-crop-controls { display:flex; align-items:center; gap:16px; margin-top:18px; }
.image-crop-controls label { flex:1; display:flex; flex-wrap:wrap; gap:8px; align-items:center; min-width:0; font-size:12px; }
.image-crop-controls input[type=range] { flex:1; min-width:70px; width:80px; padding:0; accent-color:#80ccda; height:28px; }
.image-crop-controls output { font-size:12px; font-variant-numeric:tabular-nums; }
.crop-note,.crop-status { margin:12px 0 0; font-size:12px; color:#a1b8c8; line-height:1.8; }
.crop-status { font-size:11px; color:#7d9aaf; }
.upload-kind-note { margin:0; padding:12px 16px; background:var(--pixel-grain) #15212e; color:#bdd4df; font-size:13px; line-height:1.8; clip-path:var(--pixel-cut-small); }