.profile-cover{position:relative;isolation:isolate;overflow:hidden;}
.profile-cover-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none;}
.profile-cover:has(.profile-cover-motion)::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100b10e8,#100b1030),linear-gradient(0deg,#100b10ed,transparent);z-index:-1;pointer-events:none;}
.banner-motion-preview{display:block;width:100%;aspect-ratio:4;object-fit:cover;border-radius:14px;margin:12px 0;background:#0b090b;}
.cover-motion-editor[hidden]{display:none!important;}
.cover-motion-stage{position:relative;width:100%;aspect-ratio:4;overflow:hidden;border-radius:18px;border:1px solid #8f6e4c;background:#0b090b;cursor:grab;touch-action:none;margin:12px 0;}
.cover-motion-stage:active{cursor:grabbing;}
.cover-motion-stage>img,.cover-motion-stage>video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;}
.cover-motion-editor p{font-size:14px;line-height:1.6;color:#dbc8ae;}
.cover-motion-editor label{display:grid;grid-template-columns:160px minmax(0,1fr) 54px;align-items:center;gap:14px;margin:12px 0;color:#e2c599;font-size:14px;}
.cover-motion-editor input[type=range]{width:100%;min-width:0;height:28px;padding:0;accent-color:#cfa569;}
.cover-motion-editor output{text-align:right;font-variant-numeric:tabular-nums;}
.cover-motion-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px;}
.cover-motion-actions button{border-radius:999px;padding:10px 18px;}
@media(max-width:600px){
 .cover-motion-editor label{grid-template-columns:minmax(0,1fr) 46px;gap:4px 8px;font-size:13px;}
 .cover-motion-editor input[type=range]{grid-column:1;grid-row:2;min-height:36px;}
 .cover-motion-editor output{grid-column:2;grid-row:2;}
 .cover-motion-stage{border-radius:14px;}
}