.artifact-drop-zone{gap:12px;margin-bottom:8px}.artifact-drop-zone,.dropzone{display:flex;flex-direction:column}.dropzone{align-items:center;gap:6px;text-align:center;padding:24px 16px;border:1px dashed var(--line);border-radius:var(--radius-m);background:var(--surface2);transition:border-color .12s ease,background .12s ease}.dropzone--active{border-color:var(--violet);background:var(--violet-light)}@media (prefers-reduced-motion:reduce){.dropzone{transition:none}}.dropzone-hint{margin-top:2px}.dropzone-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dropzone-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden}.dropzone-row-name{font-size:13px;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.dropzone-row-size,.dropzone-row-status{flex:0 0 auto}.dropzone-row-output{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;cursor:pointer;color:var(--muted)}.dropzone-row-output input{margin:0}.dropzone-row--done .dropzone-row-status{color:var(--green)}.dropzone-row--error .dropzone-row-error{color:var(--danger);flex:1 1 100%}.dropzone-row-bar{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--line)}.dropzone-row-bar-fill{display:block;height:100%;background:var(--violet);transition:width .12s ease}@media (prefers-reduced-motion:reduce){.dropzone-row-bar-fill{transition:none}}