@layer components{.ex-list{margin:12px 0 0;padding:0;list-style:none}.ex-list li{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:15px;font-weight:600;line-height:20px}.ex-list svg{flex-shrink:0;color:var(--loved)}.ex-size{margin:12px 0 0;color:var(--ink-2);font-size:14px;line-height:1.5}.da-sub.ex-sub,.ex-size{font-weight:500}.ex-bar{height:8px;margin-top:22px;background:var(--surface-soft);overflow:hidden}.ex-bar,.ex-bar>span{border-radius:var(--r-pill)}.ex-bar>span{display:block;height:100%;background:var(--accent);transition:width .6s linear,background-color .2s var(--ease-ui)}.ex-packing{margin:10px 0 0;font-size:14px;font-weight:600;line-height:1.5}.da-gate-note.ex-note{padding-block:14px}.da-gate-note.ex-note p{font-weight:500}.ex-file{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px;border-radius:var(--r-button);background:var(--surface-soft)}.ex-file-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--r-control);background:var(--surface);color:var(--accent)}.ex-file>div{min-width:0}.ex-file-name{margin:0;font-size:15px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.ex-file-line{margin:2px 0 0;color:var(--ink-2);font-size:13px;font-weight:500;line-height:1.3}.ex-acts{margin-top:24px}.ex-download{display:flex;flex-direction:column}.ex-download .btn{width:100%}.ex-download .da-error{margin-top:10px}.ex-bar[data-failed]>span{background:var(--nope)}.ex-gate{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px 14px;padding:16px;border-radius:var(--r-button);background:var(--surface-soft)}.ex-gate-slot{--presence-top:16px}.ex-gate .ex-download{grid-column:1/-1}.ex-gate-title{margin:0;font-size:15px;font-weight:800;line-height:1.3}.ex-gate-line{margin:2px 0 0;color:var(--ink-2);font-size:13px;font-weight:500;line-height:1.3}@media (prefers-reduced-motion:reduce){.ex-bar>span{transition:background-color .16s var(--ease-ui)}}@media (min-width:1024px){.ex-acts .ex-download{align-items:flex-end}.ex-acts .ex-download .btn,.ex-gate .ex-download .btn{width:auto}.ex-gate{grid-template-columns:48px minmax(0,1fr) auto}.ex-gate .ex-download{grid-column:auto}}}