.du{--du-ink:#2b2622;--du-muted:#938878;--du-line:#e2ddd4;--du-red:#b4402a;--du-red-dark:#8f3221;--du-ok:#3f6b4c;--du-paper:#fbf9f5;display:block;font-family:inherit;color:var(--du-ink)}.du-label{display:block;font-size:15px;font-weight:600;margin:0 0 4px}.du-hint,.du-resumable{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--du-muted)}.du-box{border:1px solid var(--du-line);border-radius:10px;background:var(--du-paper);padding:16px}.du-box[data-phase=error]{border-color:var(--du-red)}.du-box[data-phase=done]{border-color:var(--du-ok)}.du-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.du-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.du-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--du-line);background:#fff;color:var(--du-ink);border-radius:8px;padding:0 16px;min-height:44px;font:inherit;font-size:14px;cursor:pointer}.du-btn:hover{border-color:var(--du-muted)}.du-btn:focus-visible{outline:2px solid var(--du-red);outline-offset:2px}.du-btn[disabled]{opacity:.5;cursor:default}.du-btn-primary{background:var(--du-red);border-color:var(--du-red);color:#fff}.du-btn-primary:hover{background:var(--du-red-dark);border-color:var(--du-red-dark)}.du-file-name{font-size:14px;word-break:break-all;margin:0 0 10px}.du-meter{height:8px;border-radius:4px;background:var(--du-line);overflow:hidden;margin:12px 0 8px}.du-meter-fill{height:100%;background:var(--du-red);transition:width .2s linear}.du-box[data-phase=done] .du-meter-fill{background:var(--du-ok)}.du-status{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:var(--du-muted);margin:0 0 12px}.du-status-phase{color:var(--du-ink);font-weight:600}.du-error{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--du-red)}.du-done{margin:0;font-size:14px;color:var(--du-ok);font-weight:600}@media (max-width:420px){.du-actions{flex-direction:column;align-items:stretch}.du-btn{width:100%}}