body.dnd-dragging :not([data-droppable=true]){pointer-events:none}body.dnd-dragging [data-droppable=true]{pointer-events:auto}.drop-zone{position:relative}body.dnd-dragging [data-droppable=true][data-dnd-ready=true]{outline:1.5px dashed var(--dnd-over-border);outline-offset:-2px;background:var(--dnd-over-bg);transition:outline-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast)}.drop-zone--active{outline-offset:-2px;box-shadow:0 0 0 1px var(--dnd-over-border), 0 0 12px var(--dnd-over-shadow);outline:2px solid var(--dnd-over-border)!important;background:var(--dnd-over-bg)!important}.drop-zone--rejected{outline-offset:-2px;outline:2px dashed var(--color-danger)!important;background:var(--color-danger-bg)!important}.drop-zone__state-cue{z-index:var(--z-dropdown);top:var(--space-1);right:var(--space-1);align-items:center;gap:var(--space-1);max-width:calc(100% - var(--space-2));padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--surface-overlay);box-shadow:var(--shadow-sm);color:var(--text);font-family:var(--font-ui);font-size:var(--text-sm);pointer-events:none;white-space:nowrap;border:1px solid;font-weight:600;line-height:1.2;display:inline-flex;position:absolute}.drop-zone__state-cue svg{width:var(--icon-xs);height:var(--icon-xs);flex:none}.drop-zone__state-cue--accepted{color:var(--color-success)}.drop-zone__state-cue--rejected{color:var(--color-danger)}@layer components{.progress-bar{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3);background:color-mix(in srgb, var(--color-highlight) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-highlight) 25%, transparent);border-radius:var(--radius-full);min-width:200px;max-width:350px;display:flex}.progress-bar__labels{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.1;display:flex}.progress-bar__labels>.label{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.progress-bar__sublabel{font-size:var(--text-sm);color:var(--text-muted)}.progress-bar__track{background:var(--border);border-radius:var(--radius-full);flex:1;min-width:80px;height:8px;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg, var(--color-success), color-mix(in srgb, var(--color-success) 70%, white));border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.progress-bar__fill--complete{background:linear-gradient(90deg, var(--color-success), color-mix(in srgb, var(--color-success) 70%, black))}.progress-bar__suffix{font-size:var(--text-base);color:var(--color-success);text-align:right;flex-shrink:0;min-width:35px;font-weight:600}@media (width<=768px){.progress-bar{min-width:150px;padding:var(--space-1) var(--space-2);gap:var(--space-2)}.progress-bar__labels{display:none}}.shared-loading-state{align-items:center;gap:var(--space-3);min-width:0;color:var(--text-muted);display:inline-flex}.shared-loading-state--compact{gap:var(--space-2)}.shared-loading-state__spinner{width:1.15rem;height:1.15rem;color:var(--accent);flex-shrink:0;animation:1s linear infinite shared-loading-state-spin}.shared-loading-state__theme-mark{background-image:var(--theme-loading-mark-image);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:1.5rem;height:1.5rem;display:none}:root[data-theme-visuals=enabled] .shared-loading-state__spinner{display:none}:root[data-theme-visuals=enabled] .shared-loading-state__theme-mark{display:block}.shared-loading-state__copy{gap:var(--space-1);min-width:0;display:grid}.shared-loading-state__title{color:var(--text);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;line-height:1.2}.shared-loading-state__message{color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-xs);line-height:1.3}@keyframes shared-loading-state-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.shared-loading-state__spinner{animation:none}}}