.zdc-stagewrap{background:#E6E0F8;border-radius:18px;padding:14px;text-align:center}
.zdc-stage{position:relative;display:inline-block;max-width:100%;line-height:0;background:#fff;border-radius:10px;touch-action:none}
.zdc-base{display:block;max-width:100%;height:auto;border-radius:10px;user-select:none;-webkit-user-select:none}
.zdc-target{position:absolute;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;border:3px dashed #5B4BD6;background:rgba(255,255,255,.35);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}
.zdc-target>span{position:absolute;top:-10px;left:-10px;background:#5B4BD6;color:#fff;font:700 12px/1 Inter,sans-serif;border-radius:999px;padding:4px 7px}
.zdc-target.is-over,.zdc.is-picking .zdc-target{border-color:#FFC727;background:rgba(255,199,39,.18)}
.zdc-target.is-full{border-style:solid;background:rgba(255,255,255,.75)}
.zdc-tray{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px;padding:12px;background:#F3F0FC;border:1px dashed #B9AEE6;border-radius:16px;min-height:96px}
.zdc-card{width:88px;height:88px;padding:6px;border-radius:14px;border:2px solid #B9AEE6;background:#fff;cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center}
.zdc-card img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}
.zdc-card.is-picked{border-color:#5B4BD6;box-shadow:0 0 0 3px #CFC6FA}
.zdc-card.is-dragging{opacity:.35}
.zdc-target .zdc-card{width:84%;height:84%;border:0;background:transparent;padding:0;border-radius:50%}
.zdc-ghost{position:fixed;z-index:99999;pointer-events:none;opacity:.9;filter:drop-shadow(0 8px 14px rgba(60,40,120,.35))}