.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);padding:var(--sp-8) var(--sp-6);min-block-size:calc(var(--h-control) * 4);text-align:center;transition:border-color var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease);position:relative}.dropzone [hidden]{display:none}.dropzone[data-state=idle]:hover,.dropzone[data-state=error]:hover,.dropzone[data-state=ready]:hover{border-color:var(--accent);background:var(--accent-weak)}.dropzone[data-state=dragging]{border-style:solid;border-color:var(--accent);background:var(--accent-weak)}.dropzone[data-state=dragging] .dropzone-icon{color:var(--accent-text)}.dropzone-target{border-radius:var(--r-lg);cursor:pointer;background:0 0;border:0;inline-size:100%;padding:0;position:absolute;inset:0}.dropzone-content{gap:var(--sp-3);align-items:center;position:relative}.dropzone-icon{color:var(--text-3)}.dropzone-title{font:var(--fw-label) var(--fs-md) / var(--lh-snug) var(--font-body);color:var(--text);margin:0}.dropzone-body{max-inline-size:40ch;font-size:var(--fs-sm);color:var(--text-2);margin:0}.dropzone-actions{gap:var(--sp-2);justify-content:center}.dropzone-card{gap:var(--sp-3);text-align:left;flex-wrap:nowrap;align-items:flex-start;inline-size:100%}.dropzone-card-icon{color:var(--text-2)}.dropzone-card-name{flex:auto;min-inline-size:0}.dropzone-card-title{text-overflow:ellipsis;white-space:nowrap;font:var(--fw-label) var(--fs-md) / var(--lh-snug) var(--font-body);color:var(--text);margin:0;overflow:hidden}.dropzone-card-meta{font-size:var(--fs-xs);color:var(--text-3);margin:0}.dropzone-card-actions{gap:var(--sp-1);flex-wrap:nowrap;flex:none}.dropzone-progress{gap:var(--sp-2);inline-size:100%}.dropzone-caption{text-align:left;font-size:var(--fs-xs);color:var(--text-2);margin:0}.dropzone-banner{text-align:left;inline-size:100%}.meter{gap:var(--sp-1);flex-direction:column;inline-size:100%;display:flex}.meter-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.meter-label{font:var(--fw-label) var(--fs-xs) / var(--lh-snug) var(--font-body);color:var(--text-2)}.meter-value{font-size:var(--fs-xs);color:var(--text-3);font-variant-numeric:tabular-nums}.meter-track{block-size:var(--sp-2);border-radius:var(--r-full);background:var(--hairline);position:relative}.meter-fill{border-radius:var(--r-full);background:var(--ok);transition:width var(--dur-3) var(--ease), background-color var(--dur-2) var(--ease);position:absolute;inset-block:0;inset-inline-start:0}.meter[data-state=near] .meter-fill{background:var(--warn)}.meter[data-state=at] .meter-fill{background:var(--danger)}.meter[data-state=unknown] .meter-track{background:var(--surface-2)}.meter-marker{inset-block:calc(var(--sp-1) * -.5);border-radius:var(--r-full);background:var(--text-2);inline-size:2px;margin-inline-start:-1px;position:absolute}