@layer design{:where(.file-picker) .file-picker-dropzone{min-height:224px;min-width:0;max-width:100%;border:1.5px dashed var(--border-strong);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);text-align:center;background:var(--surface-panel);cursor:pointer}:where(.file-picker) .drop-target{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;min-width:0;overflow-wrap:anywhere}@supports selector(:has(*)){:where(.file-picker) .file-picker-dropzone:has(>.drop-target:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}:where(.file-picker) .drop-target:focus-visible{outline:none}}:where(.file-picker) .file-picker-dropzone:hover{background:var(--surface-hover)}:where(.file-picker) .file-picker-dropzone[data-dragging=true]{background:var(--surface-selected);border-color:var(--border-strong)}:where(.file-picker) .file-picker-dropzone[aria-disabled=true]{background:var(--surface-canvas);color:var(--text-disabled);cursor:default}:where(.file-picker) .file-picker-dropzone[aria-disabled=true] .drop-link{color:var(--text-disabled)}:where(.file-picker) .drop-target strong{font-size:15px;font-weight:500}:where(.file-picker) .drop-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius);background:var(--surface-canvas);margin-bottom:var(--space-1)}:where(.file-picker) .drop-link{text-decoration:underline;text-underline-offset:3px}:where(.file-picker) .file-picker-details{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-1);min-width:0;max-width:100%;overflow-wrap:anywhere;color:var(--text-secondary);font:var(--text-dense)}:where(.file-picker) .picked-files{list-style:none;margin:var(--space-4) 0 var(--space-6);padding:0}:where(.file-picker) .picked-files:empty{display:none}:where(.file-picker) .picked-files li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-default);font-size:14px}:where(.file-picker) .picked-files .file-name,:where(.file-picker) .picked-files li>div{flex:1;min-width:0}:where(.file-picker) .picked-files strong{display:block;overflow-wrap:anywhere;font-size:14px;font-weight:500}:where(.file-picker) .picked-files .file-name-text{font-size:14px;font-weight:500}:where(.file-picker) .picked-files li>div>span:not(.metadata-pill):not(.metadata-pill-text){display:block;font-size:14px;color:var(--text-muted)}:where(.file-picker) .picked-files .file-name-detail{font-size:14px}:where(.file-picker) .picked-files .pill{margin-left:auto}}