.du-tools { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 4px; align-items:center; }
.du-tools input,.du-tools select { min-width:0; background:rgba(255,255,255,.045); color:var(--text,#d5d9e2); border:1px solid rgba(255,255,255,.14); border-radius:6px; padding:7px 9px; font:inherit; }
.du-tools input { flex:1 1 135px; width:135px; }
.du-tools select { flex:0 1 100px; width:100px; }
.du-tools option { background:#151924; color:#eee; }
.du-tools .btn { padding:7px 9px; }
.du-tool-hint { color:#a1aabb; font-size:10px; margin:4px 0 8px; }
.item.du-no-match { opacity:.22!important; }
.item.du-match { outline:2px solid var(--accent,#6ea8ff); outline-offset:-2px; }
.item.du-pinned::before { content:'◆'; position:absolute; top:3px; left:4px; color:#f0cb78; font-size:9px; z-index:5; pointer-events:none; }
.du-dialog { position:fixed; inset:0; z-index:100000; background:rgba(5,8,14,.78); display:grid; place-items:center; pointer-events:auto; }
.du-dialog-card { width:min(620px,90vw); max-height:85vh; overflow:auto; background:#121722; color:#e0e7f1; border:1px solid #364259; border-radius:12px; padding:22px; box-shadow:0 18px 70px #0008; font-family:Inter,system-ui,sans-serif; }
.du-dialog-card h2 { font-size:20px; margin:0 0 10px; }
.du-dialog-card p { font-size:13px; line-height:1.5; color:#adb9cd; }
.du-dialog-card footer { display:flex; gap:8px; justify-content:flex-end; margin-top:18px; }
.du-preview-grid { display:grid; grid-template-columns:repeat(var(--cols,8),minmax(0,1fr)); grid-auto-rows:48px; gap:4px; margin:15px 0; }
.du-preview-item { background:#27354b; border:1px solid #527096; border-radius:4px; padding:4px; font-size:10px; overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center; }
.du-preview-item.is-pinned { border-color:#e5be69; }
.du-dialog input { width:100%; box-sizing:border-box; padding:10px; border:1px solid #527096; border-radius:6px; background:#1c2636; color:white; font:inherit; }
.du-compare { margin-top:8px; padding:8px; border-top:1px solid #ffffff1a; color:#b8cde8; font-size:11px; line-height:1.5; }
.du-move-error { animation:du-error-flash .55s ease 2; }
@keyframes du-error-flash { 50% { outline:2px solid #ff7979; outline-offset:-2px; } }
@media(max-height:800px) { .du-tool-hint { display:none; } .du-tools { margin:4px 0; } .du-tools input,.du-tools select,.du-tools .btn { padding:4px 6px; } }

.du-tools [hidden],.ghost-row [hidden] { display:none!important; }

.du-placement-hint { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); max-width:80vw; background:#251923; border:1px solid #ae6977; color:#ffe5ea; border-radius:8px; padding:10px 16px; font:13px/1.4 system-ui,sans-serif; z-index:99999; pointer-events:none; }