.tool-page .tool-workspace--file-start .tool-workspace__full :not(.file-upload-surface):not(.file-upload-surface *):not(:has(.file-upload-surface)){display:none!important}.tool-page .tool-workspace--file-start .tool-workspace__full :has(.file-upload-surface){margin-block:0!important;padding-block:0!important}.file-upload-intro{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.tool-page .file-upload-surface{place-items:center;gap:var(--space-2);min-width:0;min-height:11rem;padding:var(--space-8);border:1px solid rgba(var(--color-brand-rgb), .22);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-surface), var(--color-brand-subtle));box-shadow:var(--shadow-md);text-align:center;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.tool-page .file-upload-surface:is(:hover,:focus-within,.dragover,.drag-over,.drag-active,.dropzone-active){border-color:var(--color-brand);background:linear-gradient(135deg, var(--color-surface), var(--color-brand-subtle));box-shadow:var(--shadow-lg)}.tool-page .file-upload-surface:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.file-upload-surface>div{min-width:0;max-width:100%}.file-upload-surface .file-upload-surface__icon{width:var(--space-16);height:var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-brand);box-shadow:var(--shadow-sm);place-items:center;display:grid}.file-upload-surface .file-upload-surface__icon>*{color:inherit;justify-content:center;align-items:center;margin:0;line-height:1;display:flex}.file-upload-surface .file-upload-surface__icon svg{width:var(--space-8);height:var(--space-8);margin:0}.file-upload-surface .file-upload-surface__title{color:var(--color-brand-strong);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--line-snug);overflow-wrap:anywhere}.file-upload-surface .file-upload-surface__title>*{color:var(--color-brand-strong);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--line-snug);overflow-wrap:anywhere;margin:0}.file-upload-surface .file-upload-surface__description,.file-upload-surface .file-upload-surface__description>*,.file-upload-surface .file-upload-surface__details>*{max-width:65ch;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--line-normal);overflow-wrap:anywhere;margin:0}.file-upload-surface .file-upload-surface__action>*{white-space:normal;text-align:center;max-width:100%;margin:0}.file-upload-surface .file-upload-surface__details>*{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.file-upload-surface__details span{font-size:var(--text-xs)}.file-upload-surface__action>span{pointer-events:none}@media (width>=768px){.tool-page .file-upload-surface{column-gap:var(--space-6);row-gap:var(--space-1);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;justify-items:start}.file-upload-surface__icon{grid-area:1/1/4}.file-upload-surface__title{grid-area:1/2}.file-upload-surface__description{grid-area:2/2}.file-upload-surface__details{grid-area:3/2}.file-upload-surface__action{grid-area:1/3/4}.file-upload-surface .file-upload-surface__details>*{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.tool-page .file-upload-surface{transition:none}}.tool-page .file-upload-surface--centered{justify-items:center;gap:var(--space-3);min-height:20rem;padding:var(--space-8) var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:center;border-style:dashed;grid-template-columns:minmax(0,1fr)}.file-upload-surface--centered>:is(.file-upload-surface__icon,.file-upload-surface__title,.file-upload-surface__description,.file-upload-surface__action,.file-upload-surface__details){grid-area:auto/1}.file-upload-surface--centered .file-upload-surface__icon{width:var(--space-20);height:var(--space-20);background:var(--color-brand-subtle);box-shadow:none;border:0}.file-upload-surface--centered .file-upload-surface__icon svg{width:var(--space-10);height:var(--space-10)}.file-upload-surface--centered .file-upload-surface__details{justify-items:center;gap:var(--space-1);display:grid}.file-upload-surface--centered .file-upload-surface__details>*{justify-content:center}.tool-page .file-upload-surface--centered:is(:hover,:focus-within,.pe-drop-active){background:var(--color-surface);border-color:var(--color-brand);box-shadow:var(--shadow-md)}@media (width<=480px){.tool-page .file-upload-surface--centered{min-height:18rem;padding-block:var(--space-6)}.file-upload-surface--centered .file-upload-surface__icon{width:var(--space-16);height:var(--space-16)}}