.ddu{--ddu-bg:#0c0c1d;--ddu-bg-2:#131330;--ddu-border:#2a2a4a;--ddu-border-2:#00d9ff;--ddu-text:#e0e0e0;--ddu-text-dim:#8888a0;--ddu-accent:#00d9ff;--ddu-accent-2:#09c;--ddu-err:#ff5470;--ddu-ok:#4ade80;--ddu-radius:10px;color:var(--ddu-text);flex-direction:column;gap:12px;font-family:inherit;display:flex}.ddu__zone{background:var(--ddu-bg-2);border:2px dashed var(--ddu-border);border-radius:var(--ddu-radius);cursor:pointer;outline:none;align-items:center;gap:16px;padding:24px 20px;transition:border-color .16s,background .16s,transform .16s;display:flex;position:relative}.ddu__zone:hover{border-color:var(--ddu-accent);background:#00d9ff0a}.ddu__zone:focus-visible{border-color:var(--ddu-accent);box-shadow:0 0 0 3px #00d9ff40}.ddu--dragging .ddu__zone{border-color:var(--ddu-accent);background:#00d9ff14;border-style:solid;transform:scale(1.005)}.ddu--disabled .ddu__zone{opacity:.5;cursor:not-allowed}.ddu__zone-icon{background:var(--ddu-bg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;line-height:1;display:flex}.ddu__zone-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ddu__zone-text strong{color:var(--ddu-text);font-size:15px;font-weight:600}.ddu__zone-hint{color:var(--ddu-text-dim);font-size:12px;line-height:1.4}.ddu__zone-cta{color:var(--ddu-bg);background:var(--ddu-accent);border-radius:6px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;transition:background .16s}.ddu__zone:hover .ddu__zone-cta{background:var(--ddu-accent-2);color:#fff}.ddu__zone-cta--full{color:var(--ddu-text-dim);border:1px solid var(--ddu-border);background:0 0}.ddu__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ddu__item{background:var(--ddu-bg-2);border:1px solid var(--ddu-border);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:flex;position:relative}.ddu__item--done{border-color:#4ade804d}.ddu__item--error{border-color:var(--ddu-err)}.ddu__item-thumb{background:var(--ddu-bg);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;overflow:hidden}.ddu__item-thumb img{object-fit:cover;width:100%;height:100%}.ddu__item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ddu__item-name{color:var(--ddu-text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ddu__item-meta{color:var(--ddu-text-dim);font-size:11px}.ddu__item-err{color:var(--ddu-err)}.ddu__item-view{color:var(--ddu-accent);border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:12px;text-decoration:none;transition:background .16s}.ddu__item-view:hover{background:#00d9ff1a}.ddu__item-remove{color:var(--ddu-text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;line-height:1;transition:color .16s,background .16s;display:flex}.ddu__item-remove:hover{color:var(--ddu-err);background:#ff54701a}.ddu__progress{background:var(--ddu-border);border-bottom-right-radius:8px;border-bottom-left-radius:8px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ddu__progress-bar{background:var(--ddu-accent);height:100%;transition:width .2s}.ddu__error{border:1px solid var(--ddu-err);color:var(--ddu-err);background:#ff54701a;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.ddu__error button{color:var(--ddu-err);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}