:root{color:#17191c;letter-spacing:0;background:#f4f1ea;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}button:disabled{cursor:not-allowed;opacity:.48}[hidden]{display:none!important}.shell{grid-template-rows:auto minmax(0,1fr) auto;gap:22px;min-height:100vh;padding:24px;display:grid}.masthead{grid-template-columns:minmax(0,1fr) minmax(240px,420px);align-items:end;gap:18px;display:grid}.brand,.masthead p,.panel-header h2,.eyebrow{margin:0}.brand{color:#102c33;font-size:30px;font-weight:800}.masthead p{color:#646b70;margin-top:4px;font-size:14px}.status{color:#253033;background:#fffdf8;border:1px solid #d9d2c5;border-radius:8px;align-items:center;min-height:44px;padding:10px 12px;display:grid}.workspace{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:18px;display:grid}.panel{background:#fffdf8;border:1px solid #d9d2c5;border-radius:8px;gap:14px;min-width:0;padding:18px;display:grid;box-shadow:0 18px 44px #201b1414}.send-panel{border-top:5px solid #24746f}.receive-panel{border-top:5px solid #c46a4a}.panel-header{grid-template-columns:minmax(0,1fr) minmax(116px,auto);align-items:start;gap:14px;display:grid}.panel-header h2{color:#15191b;margin-top:2px;font-size:24px;line-height:1.15}.panel-header small{color:#626a6d;margin-top:8px;display:block}.eyebrow{color:#386166;text-transform:uppercase;font-size:12px;font-weight:800}.primary,.secondary{cursor:pointer;border-radius:8px;min-height:42px;font-weight:800}.primary{color:#102328;background:#f2bc4f}.receive-action{background:#e58a63}.secondary{color:#14272b;background:#e7ece8;width:100%}.field{gap:8px;display:grid}.field span,.share-result span{color:#5d6669;font-size:13px;font-weight:700}.field input,.share-link input{color:#111719;background:#fff;border:1px solid #cfc7b8;border-radius:8px;outline:none;width:100%;min-width:0;min-height:46px;padding:0 12px}.field input{text-transform:uppercase;font-size:28px;font-weight:800}.field input:focus,.share-link input:focus{border-color:#24746f;box-shadow:0 0 0 3px #24746f29}.drop{text-align:center;background:#f8fbf8;border:2px dashed #87a6a2;border-radius:8px;place-items:center;min-height:280px;padding:24px;display:grid}.drop input{display:none}.drop strong{margin-bottom:8px;font-size:22px;line-height:1.2;display:block}.drop small{color:#687174}.pickers{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,320px);margin-top:20px;display:grid}.share-result{border-left:4px solid #24746f;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:10px;padding:12px 0 12px 14px;display:grid}.share-details{gap:10px;min-width:0;display:grid}.share-result strong{color:#102c33;font-size:34px;line-height:1}.share-link{grid-template-columns:minmax(0,1fr) 82px;gap:8px;display:grid}.share-qr{background:#fff;border:1px solid #d9d2c5;border-radius:8px;width:180px;height:180px}.files{background:#fff;border:1px solid #e3dccf;border-radius:8px;max-height:320px;overflow:auto}.file-row{border-top:1px solid #eee8dc;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:44px;padding:10px 12px;display:grid}.file-row:first-child{border-top:0}.file-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-row b{color:#4d5558;font-size:13px}.empty{color:#77716a;padding:16px}.progress{background:#fffdf8;border:1px solid #d9d2c5;border-radius:8px;height:14px;overflow:hidden}.progress div{height:100%;width:var(--progress,0%);background:#24746f;transition:width .16s linear}@media (width<=900px){.workspace,.masthead{grid-template-columns:1fr}}@media (width<=560px){.shell{gap:16px;padding:16px}.panel{padding:14px}.panel-header,.share-result,.share-link{grid-template-columns:1fr}.share-qr{justify-self:start}.primary{width:100%}.drop{min-height:220px}.field input{font-size:24px}}