@layer components{.dz{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg);transition:border-color var(--dur-1), box-shadow var(--dur-1);flex-direction:column;display:flex;position:relative;overflow:hidden}.dz-head{border-bottom:1px solid var(--line);background:var(--bg-subtle);align-items:center;gap:10px;min-height:44px;padding:0 14px;display:flex}.dz-num{font:500 12px/16px var(--font-mono);color:var(--fg-3);flex:none}.dz-name{color:var(--fg);flex:none;font-size:14px;font-weight:600}.dz-formats{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--r-xs);background:var(--bg-muted);min-width:0;font:500 12px/16px var(--font-mono);color:var(--fg-2);padding:2px 6px;overflow:hidden}.dz-body{text-align:center;min-height:220px;transition:background-color var(--dur-1);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:28px 20px;display:flex}.dz-icon{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-subtle);width:40px;height:40px;color:var(--fg-2);place-items:center;margin-bottom:14px;display:grid}.dz-icon svg{width:18px;height:18px}.dz-title{letter-spacing:-.01em;color:var(--fg);text-wrap:balance;font-size:16px;font-weight:600;line-height:24px}.dz-limit{max-width:62ch;color:var(--fg-3);text-wrap:pretty;margin-top:4px;font-size:13.5px;line-height:20px}.dz-error{text-align:left;align-items:flex-start;max-width:62ch;margin-top:14px;padding-block:8px}.dz-error>svg{margin-top:2px}.dz-error .notice-text>p{color:var(--error-fg)}.dz-error .notice-text>.dz-hint{color:var(--fg-2);margin-top:4px}.dz-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.dz-foot{min-height:var(--statusbar-h);border-top:1px solid var(--line);background:var(--bg-subtle);font:500 12px/16px var(--font-mono);color:var(--fg-3);align-items:center;gap:8px;padding:6px 14px;display:flex}@media (hover:hover){.dz:hover{border-color:var(--line-strong)}}.dz[data-dragging],.dz[data-dragging]:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.dz[data-dragging] .dz-body{background:color-mix(in srgb, var(--accent) 5%, var(--bg))}.dz[data-dragging] .dz-icon{border-color:var(--accent);background:var(--bg);color:var(--accent)}@media (max-width:640px){.dz-body{min-height:0;padding:22px 16px}.dz-actions{width:100%}.dz-actions>.btn{flex:auto}}.dz-progress .dz-head{gap:8px}.dz-progress .dz-head .spinner{color:var(--accent)}.dz-progress .dz-stage{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 12px/16px var(--font-mono);color:var(--fg-3);margin-left:auto;overflow:hidden}.dz-progress .dz-body{min-height:196px}.dz-progress .dz-title{max-width:62ch}.dz-meter{width:min(420px,100%);margin-top:16px}.dz-meter-track{background:var(--bg-muted);height:6px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;position:relative;overflow:hidden}.dz-meter-fill{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--dur-3) var(--ease-out)}.dz-meter-fill[data-indeterminate]{background:color-mix(in srgb, var(--accent) 28%, transparent);width:100%}.dz-meter-read{font:500 12px/16px var(--font-mono);color:var(--fg-3);justify-content:space-between;gap:12px;margin-top:6px;display:flex}.dz-meter-read b{color:var(--fg);font-weight:600}.dz-progress .dz-actions{margin-top:14px}}@media (forced-colors:active){.dz-meter-track{border:1px solid canvastext}.dz-meter-fill{forced-color-adjust:none;background:highlight}.dz[data-dragging]{border-color:highlight}}@media print{.dz,.dz-modal{display:none!important}}