.upload107-page{display:grid;gap:1.15rem}.upload107-header{align-items:flex-end}.upload107-header-actions{display:flex;gap:.65rem;flex-wrap:wrap}.upload107-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.upload107-summary article{background:var(--ef-surface,#fff);border:1px solid var(--ef-border,#dbe5ee);border-radius:16px;padding:1rem;display:grid;gap:.3rem;box-shadow:0 8px 24px rgba(15,39,64,.04)}.upload107-summary span{font-size:.76rem;color:#64748b}.upload107-summary strong{font-size:1.25rem;color:#0f2942}.upload107-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1rem;align-items:start}.upload107-compose,.upload107-queue{background:var(--ef-surface,#fff);border:1px solid var(--ef-border,#dbe5ee);border-radius:20px;box-shadow:0 10px 30px rgba(15,39,64,.05)}.upload107-compose{padding:1rem;position:sticky;top:1rem}.upload107-drop{min-height:245px;border:1.5px dashed #8bb6c8;border-radius:18px;background:linear-gradient(145deg,#f5fbfd,#edf8fb);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.5rem;gap:.6rem}.upload107-drop-icon{width:52px;height:52px;border-radius:16px;background:#0f7285;color:#fff;display:grid;place-items:center;font-size:1.7rem;box-shadow:0 10px 24px rgba(15,114,133,.24)}.upload107-drop h2{margin:0;color:#0f2942}.upload107-drop p{margin:0;max-width:31ch;color:#5b7083;line-height:1.5}.upload107-file-input{max-width:100%;margin-top:.35rem}.upload107-form{display:grid;gap:.85rem;margin-top:1rem}.upload107-form label{display:grid;gap:.4rem;font-size:.82rem;color:#4d6476}.upload107-form select{width:100%;border:1px solid #cbd9e5;border-radius:10px;padding:.72rem;background:#fff}.upload107-ready-list{display:grid;gap:.55rem}.upload107-ready-list>p{color:#718295;font-size:.82rem;margin:.2rem 0}.upload107-ready-list article{display:grid;grid-template-columns:minmax(0,1fr) 80px 38px 26px;align-items:center;gap:.5rem;border:1px solid #e1e9f0;border-radius:12px;padding:.65rem}.upload107-ready-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.upload107-ready-list small{color:#718295}.upload107-ready-list em{font-size:.72rem;font-style:normal;color:#476173}.upload107-ready-list button{border:0;background:transparent;font-size:1.2rem;color:#73879a}.upload107-ready-list p{grid-column:1/-1;color:#a43f3f;font-size:.75rem;margin:0}.upload107-entry-progress,.upload107-progress{height:7px;border-radius:999px;background:#e4edf3;overflow:hidden}.upload107-entry-progress span,.upload107-progress span{display:block;height:100%;background:linear-gradient(90deg,#0f7285,#33a6aa);border-radius:inherit;transition:width .25s ease}.upload107-submit{width:100%;justify-content:center}.upload107-submit:disabled{opacity:.45;cursor:not-allowed}.upload107-queue{overflow:hidden}.upload107-queue-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid #e4ebf1}.upload107-queue-header span{font-size:.74rem;color:#6c8191}.upload107-queue-header h2{font-size:1.1rem;margin:.2rem 0 0;color:#0f2942}.upload107-queue-header nav{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.upload107-queue-header button{border:1px solid #d8e3eb;background:#fff;border-radius:999px;padding:.5rem .7rem;color:#536b7e;font-size:.75rem}.upload107-queue-header button.active{background:#e5f5f7;border-color:#7ebbc3;color:#0e6576}.upload107-list{display:grid}.upload107-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:.9rem;padding:1rem 1.1rem;border-bottom:1px solid #edf1f5;align-items:center}.upload107-item:last-child{border-bottom:0}.upload107-file-mark{width:46px;height:46px;border-radius:13px;background:#edf5f8;color:#176c7d;display:grid;place-items:center;font-size:.7rem;font-weight:800}.upload107-copy{display:grid;gap:.55rem;min-width:0}.upload107-title-row{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.upload107-title-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#18374f}.upload107-state{font-size:.7rem;border-radius:999px;padding:.3rem .55rem;background:#eef2f6;color:#50687b;white-space:nowrap}.upload107-state.completed{background:#e7f7ef;color:#21734b}.upload107-state.failed{background:#fff0ef;color:#9a3c36}.upload107-state.processing,.upload107-state.queued{background:#e9f5fb;color:#276b8a}.upload107-meta{display:flex;gap:.8rem;flex-wrap:wrap;color:#708397;font-size:.72rem}.upload107-copy>p{margin:0;color:#9a3c36;font-size:.78rem}.upload107-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.upload107-actions a,.upload107-actions button{border:1px solid #d5e1e9;background:#fff;border-radius:9px;padding:.48rem .65rem;color:#28576d;font-size:.75rem;text-decoration:none}.upload107-empty{margin:1rem}.dark .upload107-summary article,.dark .upload107-compose,.dark .upload107-queue,.dark .upload107-queue-header button,.dark .upload107-actions a,.dark .upload107-actions button{background:#132535;border-color:#294256;color:#d9e8f2}.dark .upload107-drop{background:#142d3b;border-color:#3f7180}.dark .upload107-form select{background:#102533;border-color:#315064;color:#e7f0f5}@media(max-width:1180px){.upload107-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.upload107-layout{grid-template-columns:310px minmax(0,1fr)}}@media(max-width:820px){.upload107-layout{grid-template-columns:1fr}.upload107-compose{position:static}.upload107-queue-header{align-items:flex-start;flex-direction:column}.upload107-queue-header nav{justify-content:flex-start}.upload107-item{grid-template-columns:42px minmax(0,1fr)}.upload107-actions{grid-column:2;justify-content:flex-start}}@media(max-width:560px){.upload107-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.upload107-item{padding:.85rem}.upload107-title-row{align-items:flex-start;flex-direction:column;gap:.35rem}.upload107-ready-list article{grid-template-columns:minmax(0,1fr) 36px 24px}.upload107-entry-progress{grid-column:1/-1;grid-row:2}.upload107-ready-list em{grid-column:2;grid-row:1}.upload107-header-actions{width:100%}}
