/* ============================================================
   彩剪 COLORCUT v77.13 · 滤镜工作室 (08-filters.css)
   ============================================================ */
.fx-modal{width:680px;max-width:94vw}
.fx-modal .mbody{max-height:min(74vh,660px);overflow-y:auto}

/* 作用范围行 */
.fx-target{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 12px;border:1px solid var(--line2);background:rgba(20,16,31,.55);border-radius:9px;margin-bottom:12px;font-size:12px}
.fx-lb{color:var(--ink3);letter-spacing:.2em;font-size:11px;white-space:nowrap}
.fx-name{color:var(--gold-hi);font-weight:700;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 滤镜缩略图网格 */
.fxlib{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:10px}
.fxc{position:relative;border:1px solid var(--line2);background:rgba(15,12,22,.72);border-radius:9px;padding:0;cursor:pointer;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s;color:var(--ink2);font-family:inherit}
.fxc canvas{display:block;width:100%;height:auto;border-radius:8px 8px 0 0;background:#0d0a14}
.fxc span{display:block;text-align:center;font-size:11px;letter-spacing:.14em;padding:5px 0 6px}
.fxc:hover{transform:translateY(-2px);border-color:hsla(var(--h,42),85%,62%,.6);box-shadow:0 8px 20px rgba(0,0,0,.5),0 0 16px hsla(var(--h,42),90%,60%,.28)}
.fxc.on{border-color:hsl(var(--h,42),90%,66%);box-shadow:0 0 0 1px hsl(var(--h,42),90%,66%),0 0 20px hsla(var(--h,42),95%,62%,.3)}
.fxc.on span{color:hsl(var(--h,42),90%,80%)}

/* 偏色自查小贴士 */
.fx-tip{margin:2px 0 14px;padding:9px 12px;border:1px dashed var(--line2);border-radius:9px;font-size:11.5px;line-height:1.75;color:var(--ink3);background:rgba(74,208,255,.045)}
.fx-tip b{color:#9be8ff;font-weight:600}

/* 底部按钮 */
.fx-foot{display:flex;gap:10px;flex-wrap:wrap}
.fx-foot .btn{flex:1;white-space:nowrap}