:root{--setup-panel-height: 100px;color:#edf3ea;background:#10120f;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}html,body,#root{height:100%}*{box-sizing:border-box}body{background:#10120f;margin:0;min-width:320px;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}h1,h2,p{margin:0}.shell{height:100svh;min-height:100svh;overflow:hidden}h2{color:#edf3ea;font-size:1.24rem;line-height:1.2}.workspace{display:grid;gap:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:100%;margin:0;max-width:none;transition:box-shadow .16s ease;width:100%}.shell.isDraggingFiles .workspace{box-shadow:inset 0 0 0 2px #76d9b0b8}.shell.isDraggingFiles .column,.shell.isDraggingFiles .shareControls{border-color:#426c59}.column,.shareControls{background:#151815;border:1px solid #2b312b;border-radius:0}.column{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.senderColumn{border-left:0;border-right:0;border-top-color:#5fa989}.receiverColumn{border-right:0;border-top-color:#bca96a}.columnHeader{align-items:flex-start;background:#181c18;border-bottom:1px solid #293029;display:flex;gap:16px;justify-content:space-between;padding:18px 20px}.columnHeader span,.listHeader span,.field>span{color:#879187;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.columnHeader p{color:#9aa49a;flex:0 1 52%;font-size:.86rem;line-height:1.35;overflow-wrap:anywhere;text-align:right}.columnBody{align-content:start;display:grid;flex:1;gap:18px;min-height:0;overflow:auto;padding:20px}.dropzone{align-items:center;background:#111411;border:1px dashed #3c5048;border-radius:8px;color:#9ee4c3;display:flex;gap:14px;height:var(--setup-panel-height);justify-content:center;max-height:var(--setup-panel-height);padding:0 18px;text-align:center;transition:background .16s ease,border-color .16s ease,transform .16s ease}.dropzone:hover{background:#172019;border-color:#69d5aa;transform:translateY(-1px)}.shell.isDraggingFiles .dropzone{background:#172019;border-color:#69d5aa}.dropzone input{display:none}.remoteSender,.successBanner{align-items:center;background:#181d18;border:1px solid #2b352e;border-radius:8px;display:flex;gap:12px;padding:14px}.remoteSender svg,.successBanner svg{color:#82e3b8;flex:0 0 auto}.remoteSender strong,.remoteSender span,.successBanner strong,.successBanner span{display:block}.remoteSender span,.successBanner span{color:#9aa49a;font-size:.84rem;margin-top:3px}.fileSection{min-width:0}.listHeader{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.listHeader strong{color:#d7ded4;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileList{display:grid}.fileRow{align-items:center;border-top:1px solid #262d26;display:grid;gap:10px;grid-template-columns:22px minmax(0,1fr) 48px;min-height:52px;padding:10px 0}.fileRow.noProgress{grid-template-columns:22px minmax(0,1fr)}.fileRow svg{color:#7f9085}.fileRow strong,.fileRow span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileRow strong{color:#edf3ea;font-size:.92rem}.fileRow span,.fileRow em,.empty{color:#9aa49a;font-size:.8rem;font-style:normal}.fileRow em{justify-self:end}.empty{border-top:1px solid #262d26;padding:14px 0}.summary{align-content:center;display:grid;gap:10px;min-height:var(--setup-panel-height)}.summary>div:first-child{align-items:center;display:flex;gap:12px;justify-content:space-between}.summary span{color:#9aa49a;font-size:.9rem}.summary strong{color:#edf3ea;font-size:.94rem}.bar{background:#252d27;border-radius:999px;height:10px;overflow:hidden}.bar span{background:linear-gradient(90deg,#66d7aa,#d2ba72);display:block;height:100%;transition:width .18s ease}.centered{align-content:center;display:grid;flex:1;gap:12px;justify-items:center;min-height:0;padding:28px;text-align:center}.centered svg{color:#82e3b8}.centered p{color:#9aa49a;line-height:1.45;max-width:430px}.notice{align-items:flex-start;border-radius:8px;display:flex;gap:8px;font-size:.83rem;line-height:1.35;margin:0 20px 14px;padding:10px}.notice.warn{background:#2b2414;color:#e4c56f}.notice.info{background:#14251e;color:#9ee4c3}.shareControls{display:grid;gap:14px;border-bottom:0;border-left:0;border-right:0;grid-column:1 / -1;grid-template-columns:minmax(220px,.82fr) minmax(280px,1.18fr);padding:18px;position:sticky;bottom:0;z-index:10}.field{display:grid;gap:7px;min-width:0}.field input{background:#0f120f;border:1px solid #354039;border-radius:8px;color:#edf3ea;min-height:44px;min-width:0;padding:11px 12px;width:100%}.field input:disabled{background:#171b17;color:#7f897f}.field input::placeholder{color:#788278}.field input:focus{border-color:#76d9b0;box-shadow:0 0 0 3px #76d9b029;outline:0}.inputAction{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-width:0}.primary,.danger,.iconButton,.downloadLink{align-items:center;border:0;border-radius:8px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:0 14px;text-decoration:none;transition:background .16s ease,color .16s ease,transform .16s ease;white-space:nowrap}.primary{background:#76d9b0;color:#07100b}.primary:hover:not(:disabled){background:#8ce8c0}.primary:hover:not(:disabled),.danger:hover:not(:disabled),.iconButton:hover:not(:disabled),.downloadLink:hover{transform:translateY(-1px)}.primary:disabled{background:#34463d;color:#879187}.danger{background:#321a19;color:#ff9d90}.iconButton{background:#202820;color:#9ee4c3;flex:0 0 44px;padding:0;width:44px}.iconButton:disabled{background:#1a1f1a;color:#5e6a61}.compactButton{min-width:118px}.stopButton,.startButton{align-self:start;justify-self:start}.stopButton{align-self:stretch;font-size:.83rem;justify-content:flex-start;line-height:1.35;margin:0 20px 14px;min-height:auto;padding:10px}.downloadList{display:grid;gap:8px}.downloadLink{background:#202820;color:#9ee4c3;justify-self:start;max-width:100%}@media(max-width:980px){.workspace{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto}.shareControls{grid-template-columns:1fr}.senderColumn{border-bottom:0;border-right:0}}@media(max-width:620px){.columnHeader{display:grid}.columnHeader p{flex-basis:auto;text-align:left}.columnBody,.shareControls{padding:16px}.stopButton{margin:0 16px 14px}.inputAction{grid-template-columns:1fr}.compactButton,.iconButton{width:100%}}