.dp-preview{display:grid;grid-template-columns:repeat(6,1fr);height:72px;border-radius:12px;overflow:hidden;border:1px solid var(--border)}
.dp-list{margin:10px 0;padding-left:20px;line-height:1.8}
#dp-colors .chip{display:inline-flex;align-items:center;gap:6px;min-height:36px}
#dp-colors .chip i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(128,128,128,.5)}
.dp-screen{position:fixed;inset:0;z-index:1000;background:#000;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.dp-screen.idle{cursor:none}
.dp-tag{position:absolute;left:50%;top:18px;transform:translateX(-50%);background:rgba(0,0,0,.6);color:#fff;font-size:14px;padding:4px 12px;border-radius:999px;opacity:0;transition:opacity .4s;pointer-events:none}
.dp-tag.show{opacity:1;transition:none}
.dp-help{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,calc(100% - 32px));background:rgba(20,22,30,.92);color:#fff;border-radius:16px;padding:20px;text-align:center;cursor:default;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.dp-help strong{font-size:18px}
.dp-help p{margin:8px 0 16px;color:#cfd3dc;font-size:15px}
.dp-help-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dp-help .btn:not(.btn-primary){background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}