.mp{gap:var(--space-3);border-radius:var(--radius-m);display:grid}.mp [hidden]{display:none!important}.mp.is-over .mp-zone{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.mp-notices{gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-s);background:color-mix(in srgb, var(--text) 4%, transparent);font-size:var(--text-sm);display:grid}.mp-notices p{margin:0}.mp-zone{width:100%;min-height:9rem;padding:var(--space-4);border:1px dashed color-mix(in srgb, var(--text) 32%, transparent);border-radius:var(--radius-m);color:var(--text);font:inherit;cursor:pointer;transition:background-color .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease);background:0 0;place-items:center;font-weight:500;display:grid}.mp-zone:hover,.mp-zone:focus-visible{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.mp-zone:active{transform:scale(.99)}.mp-sub,.mp-totals,.mp-summary,.mp-progress-label{font-variant-numeric:tabular-nums}.mp-zone.is-compact{min-height:var(--control-h);padding:0 var(--space-3)}.mp-files{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.mp-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-s);background:color-mix(in srgb, var(--text) 4%, transparent);grid-template-columns:auto 3.5rem minmax(0,1fr) auto;grid-template-areas:"handle thumb meta actions";display:grid}.mp-row.is-dragging{opacity:.5}.mp-row.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.mp-row.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.mp-handle{width:1.5rem;height:var(--control-h);color:var(--text-muted);cursor:grab;grid-area:handle;place-items:center;display:grid}.mp-thumb{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:4px;grid-area:thumb;place-items:center;width:3.5rem;min-height:4.5rem;display:grid;overflow:hidden}.mp-thumb img{width:100%;height:auto;display:block}.mp-meta{grid-area:meta;min-width:0}.mp-file{text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:500;overflow:hidden}.mp-sub{color:var(--text-muted);font-size:var(--text-sm);margin:0}.mp-sub.is-error{color:color-mix(in srgb, #e5484d 78%, var(--text))}.mp-unlock{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.mp-unlock[hidden]{display:none}.mp-pass,.mp-name-input{min-width:0;height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-s);background:color-mix(in srgb, var(--text) 4%, transparent);color:var(--text);font:inherit}.mp-pass{-webkit-text-security:disc;text-security:disc;flex:8rem}.mp-actions{gap:var(--space-1);grid-area:actions;display:flex}.mp-icon{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-s);color:var(--text);cursor:pointer;transition:background-color .15s var(--ease);background:0 0;border:0;place-items:center;padding:0;display:grid}.mp-icon:hover{background:var(--glass-bg)}.mp-secondary{min-height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-s);color:var(--text);font:inherit;cursor:pointer;transition:background-color .15s var(--ease);background:0 0;font-weight:500}.mp-secondary:hover{background:var(--glass-bg)}.mp-bar{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--glass-border);display:grid}.mp-info{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mp-totals,.mp-hint{color:var(--text-muted);font-size:var(--text-sm);margin:0}.mp-hint[hidden]{display:none}.mp-controls{gap:var(--space-2);flex-wrap:wrap;display:flex}.mp-name-input{flex:12rem}.mp-progress,.mp-result{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--glass-border);display:grid}.mp-progress-label,.mp-summary{margin:0;font-weight:500}.mp-track{background:color-mix(in srgb, var(--text) 12%, transparent);border-radius:3px;height:6px;overflow:hidden}.mp-fill{background:var(--accent);width:0;height:100%;transition:width .2s var(--ease)}.mp-actions-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.mp-actions-row .btn{text-decoration:none}@media (width<=639px){.mp-row{align-items:start;column-gap:var(--space-3);row-gap:var(--space-1);grid-template-columns:3.5rem minmax(0,1fr);grid-template-areas:"thumb meta""thumb actions"}.mp-handle{display:none}.mp-actions{justify-self:end}}@media (prefers-reduced-motion:reduce){.mp-zone,.mp-icon,.mp-secondary,.mp-fill{transition:none}.mp-zone:active{transform:none}}