:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17201b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}.shell{min-height:100vh;padding:28px}.workspace{width:min(100%,1120px);min-width:0;margin:0 auto}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:#50645a;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(2rem,4vw,4.8rem);line-height:.95}h2{margin-bottom:0;font-size:1rem}.grid{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:18px;display:grid}.panel{background:#fff;border:1px solid #d9e0d7;border-radius:8px;padding:18px;box-shadow:0 10px 30px #1c2a220f}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-title{align-items:center;gap:8px;display:flex}.download-row,.transfer-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.download-row span,.transfer-row span{color:#647268;font-size:.88rem}.device-card,.connected-peer,.peer-row{background:#fbfcfa;border:1px solid #e4e9e1;border-radius:8px;padding:12px}.device-card,.peer-main{align-items:center;gap:10px;min-width:0;display:flex}.device-card strong,.peer-main strong,.connected-peer strong{overflow-wrap:anywhere;min-width:0;display:block}.device-card span,.peer-main span{color:#647268;margin-top:2px;font-size:.86rem;display:block}.device-avatar{color:#1b5f46;background:#e8eee5;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.connected-peer{gap:10px;margin-top:12px;display:grid}.peer-list{gap:10px;margin-top:14px;display:grid}.peer-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.file-picker{gap:10px;display:grid}input[type=file]{color:#17201b;cursor:pointer;background:#fbfcfa;border:1px solid #cbd5ca;border-radius:8px;width:100%;min-height:42px;padding:10px 12px}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button{color:#fff;cursor:pointer;background:#1b5f46;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;transition:transform .12s,background .12s;display:inline-flex}.button:hover:not(:disabled){background:#164b39;transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button.secondary{color:#17201b;background:#e8eee5}.button.secondary:hover:not(:disabled){background:#dbe6d6}.download-saved{color:#17201b;background:#e8eee5;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-weight:700;display:inline-flex}.error{color:#9e2f22;margin:12px 0 0;font-weight:700}.status-pill{color:#17201b;white-space:nowrap;background:#e8eee5;border:1px solid #d2ddce;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:7px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.status-dot{background:#7d8a82;border-radius:999px;width:9px;height:9px}.status-pill.ready .status-dot{background:#16834f}.status-pill.warning .status-dot{background:#bd7a20}.status-pill.offline .status-dot{background:#a33d2b}.progress-shell{background:#e5ebe2;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar{width:var(--progress);background:#2b8360;height:100%;transition:width .16s}.download-stack{gap:12px;margin-top:28px;display:grid}.selected-files-list{background:#fbfcfa;border:1px solid #cbd5ca;border-radius:8px;margin-top:20px;padding:12px}.selected-files-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.selected-files-header h3{color:#17201b;margin:0;font-size:.9rem;font-weight:600}.button-link{color:#9e2f22;cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600;text-decoration:none}.button-link:hover{text-decoration:underline}.selected-files-list ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.selected-file-item{background:#fff;border:1px solid #e4e9e1;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.85rem;display:flex}.selected-file-item .file-name{color:#17201b;text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-weight:500;overflow:hidden}.selected-file-item .file-size{color:#647268;font-size:.78rem}.transfer-card{background:#fbfcfa;border:1px solid #e4e9e1;border-radius:8px;gap:10px;margin-top:20px;padding:12px;display:grid}.download-card{background:#fbfcfa;border:1px solid #e4e9e1;border-radius:8px;gap:10px;padding:12px;display:grid}.download-row strong,.transfer-row strong{overflow-wrap:anywhere;min-width:0}.empty-state{color:#65736a;align-items:center;gap:8px;min-height:54px;display:flex}@media (width<=980px){.grid{grid-template-columns:1fr}}@media (width<=640px){.shell{padding:16px}.topbar,.download-row,.transfer-row,.peer-row{flex-direction:column;align-items:flex-start}}.connection-error-banner{color:#9e2f22;background:#fef2f2;border:1px solid #f5d5d0;border-radius:8px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 16px;display:flex}.connection-error-banner span{font-weight:600}.connection-error-banner small{color:#6b5c5a;margin-top:4px;font-size:.82rem;font-weight:400;display:block}.pending-stack{gap:12px;margin-bottom:18px;display:grid}.pending-card{background:#fff8e1;border:1px solid #f0d88a;border-radius:8px;gap:10px;padding:12px;display:grid}.pending-hint{color:#7a6a30;margin:0;font-size:.82rem}.download-stack-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.download-stack-header h3{color:#17201b;margin:0;font-size:.95rem;font-weight:600}.single-column-layout{max-width:680px;margin:0 auto}.active-devices-subtitle{color:#647268;margin-top:8px;font-size:.92rem;font-weight:500;line-height:1.4}.network-files-stack{border-top:1px dashed #d9e0d7;gap:12px;margin-top:28px;margin-bottom:28px;padding-top:18px;display:grid}.network-file-card{background:#fcfdfe;border:1px solid #d0e1fd;border-radius:8px;padding:12px;box-shadow:0 4px 12px #0062ff08}.network-file-info{flex-direction:column;gap:4px;min-width:0;display:flex}.network-file-owner{color:#0062ff;font-size:.82rem;font-weight:500}.devices-list-inline{border-bottom:1px solid #e4e9e1;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:14px;display:flex}.device-badge{color:#4c5a50;background:#f1f3f0;border:1px solid #d9e0d7;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.device-badge-dot{background:#8e9c93;border-radius:50%;width:6px;height:6px}.device-badge.open{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.device-badge.open .device-badge-dot{background:#10b981}.device-badge.connecting{color:#92400e;background:#fffbeb;border-color:#fde68a}.device-badge.connecting .device-badge-dot{background:#f59e0b;animation:1.5s infinite pulse-badge}.device-badge.closed,.device-badge.failed{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.device-badge.closed .device-badge-dot,.device-badge.failed .device-badge-dot{background:#ef4444}.memory-warning-banner{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;margin-bottom:14px;padding:10px 12px;font-size:.82rem;line-height:1.4}.memory-warning-banner strong{color:#92400e}@keyframes pulse-badge{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#17201b73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay .transfer-card{background:#fff;border:1px solid #d9e0d7;border-radius:12px;width:100%;max-width:480px;margin-top:0;padding:24px;animation:.22s cubic-bezier(.34,1.56,.64,1) modal-enter;box-shadow:0 20px 40px #17201b26}@keyframes modal-enter{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}