.cover-crop-editor[hidden] { display:none !important; }
.cover-crop-editor canvas { display:block; width:100%; height:auto; aspect-ratio:4/1; border-radius:12px; border:1px solid #b88c58; cursor:grab; touch-action:none; }
.cover-crop-editor canvas:active { cursor:grabbing; }
.cover-crop-editor p { font-size:14px; line-height:1.5; color:#dbc8ae; }
.cover-crop-editor label { display:grid; grid-template-columns:120px minmax(0,1fr); align-items:center; gap:14px; margin:12px 0; color:#e2c599; }
.cover-crop-editor input[type=range] { width:100%; min-width:0; height:28px; padding:0; accent-color:#cfa569; }
.cover-crop-editor button { padding:10px 18px; margin:4px 0 16px; }
@media(max-width:600px){ .cover-crop-editor label { grid-template-columns:95px minmax(0,1fr); font-size:14px; gap:8px; } }