#refArea > .upload-btn[hidden] { display:none; }
#reference-rule-hint { margin:0 0 12px; color:#8494a8; font-size:11px; line-height:1.7; }
#reference-rule-hint:empty { display:none; }
.frame-reference-wrap { display:flex; align-items:center; gap:12px; min-height:88px; padding:5px; }
.frame-reference { position:relative; }
.frame-reference.first { transform:rotate(-6deg); }
.frame-reference.last { transform:rotate(6deg); }
.frame-upload { display:flex; position:relative; flex-direction:column; justify-content:center; align-items:center; width:72px; height:78px; overflow:hidden; border:1px dashed #cbd9e7; border-radius:12px; background:linear-gradient(140deg,#ecfaff,#f1edff); color:#6c839d; cursor:pointer; font:inherit; font-size:11px; }
.frame-upload img { width:100%; height:100%; object-fit:cover; }
.frame-upload img+span { position:absolute; bottom:0; left:0; right:0; text-align:center; padding:4px; background:#172e4a8c; color:#fff; }
.frame-plus { font-size:25px; line-height:35px; }
.frame-remove { position:absolute; top:-5px; right:-5px; width:20px; height:20px; border:1px solid #fff; border-radius:50%; background:#8191a5; color:#fff; cursor:pointer; }
.frame-swap { border:0; color:#7890a8; font-size:22px; background:transparent; cursor:pointer; }
.frame-swap:disabled { opacity:.4; cursor:default; }
.thumb-audio { position:relative; width:56px; height:56px; border-radius:10px; background:linear-gradient(140deg,#e1f7ff,#efe8ff); }
.thumb-audio > button:first-child { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; border:0; background:transparent; color:#6585b1; font-size:26px; cursor:pointer; }
.thumb-audio > button:first-child span { font-size:10px; }
#lightboxVideo.audio-preview { width:min(440px,85vw); height:70px; background:#152133; border-radius:16px; }
.ref-mode-item[hidden] { display:none; }