.sd-att{--att-bg:#fff;--att-tile:#f4f4f3;--att-ink:#17171a;--att-ink-2:#6b6b72;--att-line:#00000014;--att-track:#00000012;--att-accent:#ff6a55;--att-ok:#1f9d74;--att-err:#d93b2b;--att-chip:#17171a;--att-chip-ink:#fff;--att-ease:cubic-bezier(.23, 1, .32, 1);min-width:0;color:var(--att-ink);font-family:inherit}.dark .sd-att[data-theme=auto],.sd-att[data-theme=dark]{--att-bg:#141416;--att-tile:#1d1d20;--att-ink:#f1f1f1;--att-ink-2:#8d8d94;--att-line:#ffffff17;--att-track:#ffffff14;--att-ok:#5fdcae;--att-err:#ff7a6b;--att-chip:#f1f1f1;--att-chip-ink:#141416}.sd-att[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.sd-att__list{scroll-snap-type:x proximity;scrollbar-width:none;--fade-l:0px;--fade-r:0px;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);gap:8px;margin:0;padding:8px 14px 6px 8px;scroll-padding-inline:8px 14px;list-style:none;transition:--fade-l .2s,--fade-r .2s;display:flex;overflow:auto visible}.sd-att__list::-webkit-scrollbar{display:none}.sd-att__list[data-fade-left]{--fade-l:28px}.sd-att__list[data-fade-right]{--fade-r:36px}@property --fade-l{syntax:"<length>";inherits:false;initial-value:0}@property --fade-r{syntax:"<length>";inherits:false;initial-value:0}.sd-att__tile{width:var(--w);height:var(--h);scroll-snap-align:end;animation:sd-att-in .46s var(--att-ease) both;animation-delay:calc(min(var(--i), 6) * 70ms);transition:width .22s var(--att-ease), margin .22s var(--att-ease), opacity .18s, transform .22s var(--att-ease), filter .22s;flex:none;position:relative}.sd-att__tile[data-exiting]{opacity:0;filter:blur(4px);pointer-events:none;width:0;margin-right:-8px;transform:scale(.85)}@keyframes sd-att-in{0%{opacity:0;filter:blur(6px);transform:translateY(6px)scale(.92)}}.sd-att__face{background:var(--att-tile);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--att-line);transition:box-shadow .2s, transform .3s var(--att-ease);border-radius:14px;position:relative;overflow:hidden}.sd-att__tile[data-kind=file] .sd-att__face{border-radius:16px}.sd-att__tile[data-status=done] .sd-att__face{animation:sd-att-settle .52s var(--att-ease)}@keyframes sd-att-settle{40%{transform:scale(1.035)}}.sd-att__tile[data-status=error] .sd-att__face{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--att-err) 55%, transparent);background:color-mix(in oklab, var(--att-err) 7%, var(--att-tile))}.sd-att__thumb{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.sd-att__thumb:disabled{cursor:default}.sd-att__thumb img{object-fit:cover;width:100%;height:100%;transition:filter .3s, opacity .3s, transform .4s var(--att-ease);display:block}.sd-att__thumb:hover img{transform:scale(1.05)}.sd-att__thumb:focus-visible{outline:2px solid var(--att-ink);outline-offset:-2px;border-radius:14px}.sd-att__tile[data-status=uploading] .sd-att__thumb img,.sd-att__tile[data-status=queued] .sd-att__thumb img{filter:saturate(.6)brightness(.9)blur(1px);opacity:.75}.sd-att__doc{align-items:center;gap:10px;height:100%;padding:0 30px 0 10px;display:flex}.sd-att__text{flex-direction:column;gap:2px;min-width:0;display:flex}.sd-att__name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550;line-height:1.2;overflow:hidden}.sd-att__meta{color:var(--att-ink-2);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.2;overflow:hidden}.sd-att__tile[data-status=error] .sd-att__meta{color:var(--att-err)}.sd-att__tile[data-status=queued] .sd-att__doc,.sd-att__tile[data-status=uploading] .sd-att__glyph{opacity:.7}.sd-att__glyph{--k:#8a8a91;flex:none;width:32px;height:40px;transition:opacity .3s;position:relative}.sd-att__glyph[data-kind=pdf]{--k:#ff6a55}.sd-att__glyph[data-kind=sheet]{--k:#2fb47f}.sd-att__glyph[data-kind=doc]{--k:#5b7cfa}.sd-att__glyph[data-kind=slides]{--k:#f0a92e}.sd-att__glyph[data-kind=code]{--k:#a07cff}.sd-att__glyph[data-kind=audio]{--k:#e85d9a}.sd-att__glyph[data-kind=video]{--k:#2aa7c9}.sd-att__glyph svg{width:100%;height:100%;display:block;overflow:visible}.sd-att__page{fill:color-mix(in oklab, var(--k) 14%, var(--att-bg));stroke:color-mix(in oklab, var(--k) 70%, transparent);stroke-width:1.4px}.sd-att__fold{fill:none;stroke:color-mix(in oklab, var(--k) 70%, transparent);stroke-width:1.4px;stroke-linejoin:round}.sd-att__mark{fill:none;stroke:var(--k);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.sd-att__ext{background:var(--k);color:#fff;letter-spacing:.04em;border-radius:4px;padding:1px 3px;font-size:7.5px;font-weight:700;line-height:1.2;position:absolute;bottom:4px;left:-3px}.sd-att__ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sd-att__ring rect{fill:none;stroke-width:2px}.sd-att__track{stroke:var(--att-track);opacity:0;transition:opacity .25s}.sd-att__bar{stroke:var(--att-accent);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;opacity:0;filter:drop-shadow(0 0 3px color-mix(in oklab, var(--att-accent) 60%, transparent));transition:stroke-dashoffset .28s linear,opacity .3s,stroke .3s}.sd-att__tile[data-status=queued] .sd-att__track,.sd-att__tile[data-status=uploading] .sd-att__track,.sd-att__tile[data-status=uploading] .sd-att__bar{opacity:1}.sd-att__tile[data-status=done] .sd-att__bar{stroke:var(--att-ok);animation:sd-att-ring-out .7s var(--att-ease) forwards;stroke-dashoffset:0!important}@keyframes sd-att-ring-out{0%,35%{opacity:1}to{opacity:0}}.sd-att__tile[data-status=queued] .sd-att__track{animation:1.4s ease-in-out infinite sd-att-wait}@keyframes sd-att-wait{50%{opacity:.35}}.sd-att__corner{z-index:2;gap:4px;display:flex;position:absolute;top:-6px;right:-6px}.sd-att__pct,.sd-att__btn{font-variant-numeric:tabular-nums;letter-spacing:-.01em;min-width:20px;height:20px;transition:opacity .26s var(--att-ease), filter .26s var(--att-ease), transform .26s var(--att-ease);border-radius:999px;place-items:center;font-size:9.5px;font-weight:650;display:grid}.sd-att__pct{background:var(--att-chip);color:var(--att-chip-ink);opacity:0;filter:blur(4px);pointer-events:none;box-shadow:0 0 0 2px var(--att-bg);padding:0 5px;position:absolute;right:0;transform:scale(.8)}.sd-att__btn{background:var(--att-chip);color:var(--att-chip-ink);cursor:pointer;box-shadow:0 0 0 2px var(--att-bg);border:0;padding:0}.sd-att__btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px}.sd-att__btn:hover{transform:scale(1.1)}.sd-att__btn:active{transform:scale(.92)}.sd-att__btn:focus-visible{outline:2px solid var(--att-accent);outline-offset:2px}.sd-att__tile[data-status=uploading] .sd-att__pct,.sd-att__tile[data-status=queued] .sd-att__pct{opacity:1;filter:none;transform:none}.sd-att__tile[data-status=uploading] .sd-att__x,.sd-att__tile[data-status=queued] .sd-att__x{opacity:0;filter:blur(4px);transform:scale(.8)}.sd-att__tile[data-status=uploading]:hover .sd-att__x,.sd-att__tile[data-status=uploading] .sd-att__x:focus-visible,.sd-att__tile[data-status=queued]:hover .sd-att__x{opacity:1;filter:none;transform:none}.sd-att__tile[data-status=uploading]:hover .sd-att__pct,.sd-att__tile[data-status=queued]:hover .sd-att__pct{opacity:0;filter:blur(4px)}.sd-att__retry{background:var(--att-err);color:#fff}.sd-att__tile[data-status=done] .sd-att__x{animation:sd-att-x-in .36s var(--att-ease)}@keyframes sd-att-x-in{0%{opacity:0;filter:blur(4px);transform:scale(.6)}}.sd-att__badge{background:var(--att-err);color:#fff;border-radius:5px;padding:1px 5px;font-size:9px;font-weight:650;position:absolute;bottom:4px;left:4px}.sd-att__summary{color:var(--att-ink-2);font-variant-numeric:tabular-nums;gap:10px;margin:0;padding:0 10px 6px;font-size:11.5px;display:flex}.sd-att__muted{color:var(--att-ink-2)}.sd-att__err{color:var(--att-err)}.sd-att__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-att__dialog{background:var(--att-bg);max-width:min(92vw,880px);color:var(--att-ink);box-shadow:0 40px 80px -20px #00000080, 0 0 0 1px var(--att-line);border:0;border-radius:18px;padding:0;overflow:hidden}.sd-att__dialog[open]{animation:sd-att-pop .32s var(--att-ease)}.sd-att__dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;animation:.26s sd-att-fade}@keyframes sd-att-pop{0%{opacity:0;transform:scale(.96)translateY(8px)}}@keyframes sd-att-fade{0%{opacity:0}}.sd-att__dialog figure{margin:0}.sd-att__dialog img{object-fit:contain;background:var(--att-tile);max-width:100%;max-height:72vh;margin:0 auto;display:block}.sd-att__dialog figcaption{align-items:center;gap:10px;padding:10px 12px 10px 16px;font-size:13px;display:flex}.sd-att__dialog figcaption>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:550;overflow:hidden}.sd-att__close{background:var(--att-tile);width:28px;height:28px;color:var(--att-ink);cursor:pointer;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.sd-att__close svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:12px}.sd-att-drop{position:relative}.sd-att-drop__veil{z-index:5;border-radius:inherit;color:#ff6a55;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ff6a551a;background:lab(64.268% 56.9277 41.8573/.1);place-items:center;font-size:14px;font-weight:600;transition:opacity .18s,transform .24s cubic-bezier(.23,1,.32,1);display:grid;position:absolute;inset:0;transform:scale(1.01);box-shadow:inset 0 0 0 2px #ff6a55}.sd-att-drop[data-over] .sd-att-drop__veil{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.sd-att *,.sd-att-drop *{transition:none!important;animation:none!important}.sd-att__tile[data-status=done] .sd-att__bar{opacity:0}}
