.file-drop{--fd-ease: cubic-bezier(.22, 1, .36, 1);display:flex;flex-direction:column;gap:.85rem;font:inherit;font-size:14px;color:var(--fd-text);width:100%}.file-drop__zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;min-height:11.5rem;padding:1.75rem 1.25rem;border:2px dashed var(--fd-border);border-radius:14px;background:var(--fd-zone);cursor:default;transition:border-color .25s var(--fd-ease),border-style .25s var(--fd-ease),background .25s var(--fd-ease),box-shadow .25s var(--fd-ease)}.file-drop__zone:focus{outline:none}.file-drop__zone:focus-visible{border-color:var(--fd-border-active);box-shadow:0 0 0 3px var(--fd-accent-soft)}.file-drop__zone.is-drag-active{border-color:var(--fd-border-active);border-style:solid;background:color-mix(in oklab,var(--fd-accent-soft) 40%,var(--fd-zone));box-shadow:0 8px 24px color-mix(in oklab,var(--fd-accent) 12%,transparent)}.file-drop__zone.is-drag-reject{border-color:var(--fd-danger);border-style:solid;background:var(--fd-danger-soft)}.file-drop__zone.is-disabled{opacity:.55;cursor:not-allowed}.file-drop__icon{width:2.35rem;height:2.35rem;color:var(--fd-accent);transition:transform .3s var(--fd-ease)}.file-drop__zone.is-drag-active .file-drop__icon{transform:translateY(-4px)}.file-drop__title{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.01em;text-align:center}.file-drop__hint{margin:0;font-size:.8125rem;color:var(--fd-muted);text-align:center;max-width:20rem;line-height:1.45}.file-drop__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 .15rem}.file-drop__bar-status{margin:0;font-size:.75rem;color:var(--fd-muted);line-height:1.35}.file-drop__pick{position:relative;flex-shrink:0}.file-drop__pick .file-drop__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.file-drop__choose{padding:.45rem .9rem;font:inherit;font-size:.8125rem;font-weight:600;color:var(--fd-accent);background:var(--fd-accent-soft);border:none;border-radius:8px;cursor:pointer;transition:background .2s var(--fd-ease),opacity .2s ease}.file-drop__choose:hover:not(:disabled){background:color-mix(in oklab,var(--fd-accent-soft) 60%,var(--fd-accent) 18%)}.file-drop__choose:disabled{opacity:.45;cursor:not-allowed}.file-drop__choose:focus-visible{outline:2px solid var(--fd-accent);outline-offset:2px}.file-drop__list{margin:0;padding:.15rem 0 0;list-style:none;display:flex;flex-direction:column}.file-drop__item{display:flex;align-items:center;gap:.65rem;padding:.55rem 0;background:transparent;border-bottom:1px solid color-mix(in oklab,var(--fd-border) 55%,transparent);opacity:0;transform:translateY(4px);animation:fd-item-in .35s var(--fd-ease) forwards}.file-drop__item:last-child{border-bottom:none;padding-bottom:0}.file-drop__item:first-child{padding-top:0}@keyframes fd-item-in{to{opacity:1;transform:translateY(0)}}.file-drop__doc-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--fd-muted)}.file-drop__meta{flex:1;min-width:0}.file-drop__name{display:block;font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-drop__size{display:block;font-size:.7rem;color:var(--fd-muted);margin-top:.1rem}.file-drop__remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;color:var(--fd-muted);background:transparent;border:none;border-radius:10px;cursor:pointer;transition:color .2s var(--fd-ease),background .2s var(--fd-ease),transform .15s var(--fd-ease)}.file-drop__remove:hover{color:var(--fd-danger);background:var(--fd-danger-soft);transform:scale(1.06)}.file-drop__remove:focus-visible{color:var(--fd-danger);background:var(--fd-danger-soft);outline:2px solid var(--fd-accent);outline-offset:2px}.file-drop__remove-icon{width:1.125rem;height:1.125rem}.file-drop__notices{display:flex;flex-direction:column;gap:.35rem;animation:fd-notice-in .3s var(--fd-ease)}@keyframes fd-notice-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.file-drop__notice{--fd-notice-leading: 1.4em ;--fd-notice-glyph: 1.05rem;display:flex;align-items:flex-start;gap:.5rem;margin:0;padding:.55rem .45rem .55rem .65rem;font-size:.8125rem;line-height:1.4;border-radius:8px}.file-drop__notice-text{flex:1;min-width:0}.file-drop__notice-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.75rem;height:var(--fd-notice-leading);margin:0;padding:0;color:inherit;background:transparent;border:none;border-radius:6px;cursor:pointer;opacity:.65;transition:opacity .2s var(--fd-ease),background .2s var(--fd-ease)}.file-drop__notice-dismiss:hover{opacity:1;background:color-mix(in oklab,currentColor 12%,transparent)}.file-drop__notice-dismiss:focus-visible{opacity:1;outline:2px solid var(--fd-accent);outline-offset:1px}.file-drop__notice-dismiss-icon{width:var(--fd-notice-glyph);height:var(--fd-notice-glyph)}.file-drop__notice.is-warning{color:var(--fd-warning-text);background:var(--fd-warning-soft)}.file-drop__notice.is-error{color:var(--fd-danger-text);background:var(--fd-danger-soft)}.file-drop__notice-icon{width:var(--fd-notice-glyph);height:var(--fd-notice-glyph);flex-shrink:0;margin-top:calc((var(--fd-notice-leading) - var(--fd-notice-glyph)) / 2)}.file-drop__notice.is-warning .file-drop__notice-icon{color:var(--fd-warning)}.file-drop__notice.is-error .file-drop__notice-icon{color:var(--fd-danger)}@media(prefers-reduced-motion:reduce){.file-drop__zone,.file-drop__icon,.file-drop__item,.file-drop__notices{transition:none;animation:none;transform:none}.file-drop__item{opacity:1}}