.os-file-tile{--tile-tone:var(--ink-2,#52525b);border:1px solid var(--os-rule,#17181b1f);border-radius:var(--au-r-object,4px);background:var(--os-paper,#fff);min-width:0;max-width:100%;color:var(--ink,#17181b);transition:background-color var(--dur-motion,.18s) var(--ease-motion,ease-out), border-color var(--dur-motion,.18s) var(--ease-motion,ease-out);align-items:stretch;display:flex;position:relative}.os-file-tile[data-family=pdf]{--tile-tone:var(--file-pdf)}.os-file-tile[data-family=word]{--tile-tone:var(--file-doc)}.os-file-tile[data-family=sheet]{--tile-tone:var(--file-xls)}.os-file-tile[data-family=deck]{--tile-tone:var(--file-ppt)}.os-file-tile[data-family=image]{--tile-tone:var(--file-image)}.os-file-tile[data-family=archive]{--tile-tone:var(--file-zip)}.os-file-tile[data-family=code]{--tile-tone:var(--file-code)}.os-file-tile[data-openable]:hover{background:var(--os-select-wash)}.os-file-tile[data-state=error]{border-color:color-mix(in srgb, var(--signal,#d41445) 40%, var(--os-paper,#fff));background:color-mix(in srgb, var(--signal,#d41445) 4%, var(--os-paper,#fff))}.os-file-tile[data-disabled]{opacity:.55}.os-file-tile__main{box-sizing:border-box;border-radius:inherit;min-width:0;min-height:3.25rem;color:inherit;font:inherit;text-align:left;appearance:none;background:0 0;border:0;flex:auto;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:.6rem;margin:0;padding:.45rem .6rem .45rem .45rem;text-decoration:none;display:grid}:is(button,a).os-file-tile__main{cursor:pointer}button.os-file-tile__main:disabled{cursor:default}:is(button,a).os-file-tile__main:focus-visible{outline:2px solid var(--os-focus-ring);outline-offset:-2px}.os-file-tile__face{border-radius:var(--au-r-control,3px);background:color-mix(in srgb, var(--tile-tone) 9%, var(--os-paper,#fff));place-items:center;width:2.25rem;height:2.25rem;display:grid;position:relative;overflow:hidden}.os-file-tile__face img{object-fit:cover;width:100%;height:100%;transition:filter var(--dur-motion,.18s) var(--ease-motion,ease-out), opacity var(--dur-motion,.18s);display:block}.os-file-tile__mark{flex-direction:column;align-items:center;gap:1px;line-height:1;display:flex}.os-file-tile__mark>span{font-family:var(--font-data,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.04em;color:var(--tile-tone);font-size:.5rem;font-weight:700}.os-file-tile:is([data-state=pending],[data-state=uploading]) .os-file-tile__face img{filter:saturate(.4)brightness(1.08);opacity:.55}.os-file-tile:is([data-state=pending],[data-state=uploading]) .os-file-tile__mark{opacity:.3}.os-file-tile .os-progress-ring{width:1.5rem;height:1.5rem;margin:auto;position:absolute;inset:0}.os-file-tile__alert{background:color-mix(in srgb, var(--os-paper,#fff) 72%, transparent);color:var(--signal,#d41445);place-items:center;display:grid;position:absolute;inset:0}.os-file-tile__copy{gap:.125rem;min-width:0;display:grid}.os-file-tile__name{font-size:var(--t-control,.8125rem);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.25;overflow:hidden}.os-file-tile__meta{color:var(--ink-3,#71717a);font-size:var(--t-xs,.75rem);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.375rem;line-height:1.25;display:flex;overflow:hidden}.os-file-tile[data-state=error] .os-file-tile__meta{color:var(--signal,#d41445)}.os-file-tile__link{color:var(--ink,#17181b);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;flex:none;margin:0;padding:0;font-weight:650;text-decoration:underline}.os-file-tile__link:focus-visible{outline:2px solid var(--os-focus-ring);outline-offset:1px}.os-file-tile__acts{flex:none;align-items:flex-start;gap:.0625rem;padding:.25rem .25rem 0 0;display:flex}.os-file-tile__act{border-radius:var(--au-r-pill,999px);width:1.375rem;height:1.375rem;color:var(--ink-3,#71717a);cursor:pointer;transition:background-color var(--dur-motion,.18s) var(--ease-motion,ease-out), color var(--dur-motion,.18s) var(--ease-motion,ease-out), opacity var(--dur-motion,.18s) var(--ease-motion,ease-out);background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}.os-file-tile__act:hover{background:rgb(var(--os-ink-rgb) / .07);color:var(--ink,#17181b)}.os-file-tile__act:focus-visible{outline:2px solid var(--os-focus-ring);outline-offset:1px}@media (hover:hover){.os-file-tile__act[data-reveal]{opacity:0}.os-file-tile:is(:hover,:focus-within) .os-file-tile__act[data-reveal]{opacity:1}}.os-file-tile[data-variant=chip]{border-radius:var(--au-r-control,3px);max-width:min(18.5rem,100%);display:inline-flex}.os-file-tile[data-variant=chip] .os-file-tile__main{min-height:var(--ctl-h-sm,24px);grid-template-columns:1.25rem minmax(0,1fr);gap:.4rem;padding:0 .5rem 0 .18rem}.os-file-tile[data-variant=chip] .os-file-tile__face{border-radius:var(--au-r-object-sm,2px);width:1.25rem;height:1.25rem}.os-file-tile[data-variant=chip] .os-file-tile__copy{align-items:baseline;gap:.35rem;display:flex}.os-file-tile[data-variant=chip] .os-file-tile__name{min-width:0;font-size:var(--t-meta,.75rem);flex:auto}.os-file-tile[data-variant=chip] .os-file-tile__meta{font-size:var(--t-micro,.6875rem);flex:none}.os-file-tile[data-variant=chip] .os-file-tile__acts{align-items:center;padding:0 .125rem 0 0}.os-file-tile[data-variant=row]{border-radius:var(--au-r-control,3px);background:0 0;border-color:#0000}.os-file-tile[data-variant=row][data-openable]:hover,.os-file-tile[data-variant=row]:focus-within{background:var(--os-select-wash)}.os-file-tile[data-variant=row] .os-file-tile__main{grid-template-columns:1.75rem minmax(0,1fr);gap:.55rem;min-height:2.5rem;padding:.3rem .5rem .3rem .35rem}.os-file-tile[data-variant=row] .os-file-tile__face{width:1.75rem;height:1.75rem}.os-file-tile[data-variant=row] .os-file-tile__acts{align-items:center;padding:0 .4rem 0 0}.os-file-zone{border:1.5px dashed var(--line-strong,#d9d9de);border-radius:var(--au-r-object,4px);background:color-mix(in srgb, var(--os-ground,#f6f6f7) 60%, var(--os-paper,#fff));width:100%;color:var(--ink,#17181b);font:inherit;text-align:center;cursor:pointer;transition:border-color var(--dur-motion,.16s) var(--ease-motion,ease), background-color var(--dur-motion,.16s) var(--ease-motion,ease);justify-items:center;gap:.35rem;padding:1.4rem 1rem 1.25rem;display:grid;position:relative}.os-file-zone:hover{border-color:var(--ink-3,#71717a);background:var(--os-paper,#fff)}.os-file-zone:focus-visible{border-color:var(--ink-3,#71717a);background:var(--os-paper,#fff);outline:2px solid var(--os-focus-ring);outline-offset:2px}.os-file-zone[data-dragging]{border-style:solid;border-color:var(--ink,#17181b);background:var(--os-paper,#fff);box-shadow:0 0 0 4px rgb(var(--os-shadow-rgb) / .06)}.os-file-zone:disabled{cursor:progress;opacity:.7}.os-file-zone__drawing{width:7.5rem;height:auto;color:var(--ink-2,#52525b);margin-bottom:.2rem;overflow:visible}.os-file-zone__sheet{transition:transform .26s var(--ease-motion,ease)}.os-file-zone:hover .os-file-zone__sheet,.os-file-zone[data-dragging] .os-file-zone__sheet{transform:translateY(8px)}.os-file-zone__title{letter-spacing:-.012em;font-size:.9375rem;font-weight:600}.os-file-zone__sub{font-size:var(--t-meta,12px);color:var(--ink-3,#71717a)}.os-file-zone__sub u{color:var(--ink,#17181b);text-underline-offset:3px}.os-file-zone[data-size=md]{gap:.2rem;padding:.9rem .75rem .8rem}.os-file-zone[data-size=md] .os-file-zone__drawing{width:4.75rem;margin-bottom:.1rem}.os-file-zone[data-size=md] .os-file-zone__sheet{transition-duration:.22s}.os-file-zone[data-size=md] .os-file-zone__title{font-size:var(--t-control,.8125rem)}.os-progress-ring{transform:rotate(-90deg)}.os-progress-ring circle{fill:none;stroke-width:3px}.os-progress-ring__track{stroke:rgb(var(--os-ink-rgb) / .12)}.os-progress-ring__fill{stroke:var(--ink,#17181b);stroke-linecap:round;transition:stroke-dashoffset .22s linear}.os-progress-ring[data-indeterminate]{animation:1.1s linear infinite os-progress-ring-spin}@keyframes os-progress-ring-spin{to{transform:rotate(270deg)}}.os-file-drop{z-index:3;border-radius:var(--file-drop-radius,var(--au-r-object,4px));pointer-events:none;opacity:0;transition:opacity var(--dur-motion,.18s) var(--ease-motion,ease-out), background-color var(--dur-motion,.18s) var(--ease-motion,ease-out), box-shadow var(--dur-motion,.18s) var(--ease-motion,ease-out);justify-content:center;align-items:center;gap:.625rem;padding:0 1rem;display:flex;position:absolute;inset:0}.os-file-drop[data-state=armed]{opacity:1;box-shadow:inset 0 0 0 1.5px rgb(var(--os-shadow-rgb) / .28), 0 0 0 5px rgb(var(--os-shadow-rgb) / .04)}.os-file-drop[data-state=armed]>*{opacity:0}.os-file-drop[data-state=over]{opacity:1;background:color-mix(in srgb, var(--os-paper,#fff) 90%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1.5px var(--ink,#17181b), 0 0 0 6px rgb(var(--os-shadow-rgb) / .07)}.os-file-drop__mark{border-radius:var(--au-r-pill,999px);background:var(--os-carbon,#17181b);width:1.875rem;height:1.875rem;color:var(--os-paper,#fff);flex:none;place-items:center;display:grid}.os-file-drop__text{flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:.5rem;min-width:0;display:flex}.os-file-drop__text>strong{font-size:var(--t-sm,.875rem);color:var(--ink);white-space:nowrap;font-weight:650}.os-file-drop__text>span{font-size:var(--t-xs,.75rem);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:30rem){.os-file-drop__text>span{display:none}}@media (prefers-reduced-motion:reduce){.os-file-zone,.os-file-zone__sheet,.os-file-tile,.os-file-drop,.os-progress-ring__fill{transition:none}.os-progress-ring[data-indeterminate]{animation:none}}@media (forced-colors:active){.os-file-tile{border-color:canvastext}.os-file-drop[data-state=over]{outline-offset:-2px;outline:2px dashed highlight}}
