:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7fb;background:#101318;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(140deg,rgba(55,214,122,.09),transparent 36%),linear-gradient(210deg,rgba(74,163,255,.1),transparent 34%),#101318}button,input{font:inherit}button,.download{min-height:42px;border:1px solid #303742;border-radius:8px;padding:0 14px;background:#191e26;color:#f5f7fb;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none}button:hover,.download:hover{border-color:#4d5968}.primary,.download{border-color:transparent;background:#37d67a;color:#07100b;font-weight:700}.app-shell{width:min(1180px,100%);margin:0 auto;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:12px}.brand svg{color:#37d67a}h1,h2,p{margin:0}h1{font-size:1.55rem;line-height:1.05}.brand p{margin-top:4px;color:#a8b0bd;font-size:.92rem}.segmented{display:flex;padding:4px;border:1px solid #303742;border-radius:8px;background:#151a21}.segmented button{border-color:transparent;min-height:38px;background:transparent}.segmented button.active{background:#f5f7fb;color:#101318}.workspace{min-height:calc(100vh - 110px)}.two-col{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:18px;align-items:stretch}.receive-layout{grid-template-columns:minmax(0,1fr) minmax(300px,390px)}.panel,.qr-stage,.scanner-stage{border:1px solid #303742;border-radius:8px;background:#151a21e6}.panel{padding:18px;display:flex;flex-direction:column;gap:16px}.panel-title,.action-row,.transport,.control-row,.progress-header{display:flex;align-items:center;gap:10px}.panel-title svg{color:#37d67a}.panel-title h2{font-size:1.1rem}.drop-zone{min-height:142px;border:1px dashed #596575;border-radius:8px;display:grid;place-content:center;gap:8px;text-align:center;cursor:pointer;background:#12171e}.drop-zone input{position:absolute;opacity:0;pointer-events:none}.drop-zone span{font-size:1.05rem;font-weight:800}.drop-zone small,.status,.stat span,.toggle,.range-row label{color:#a8b0bd}.toggle{display:flex;align-items:center;gap:10px}.range-row{display:grid;grid-template-columns:auto 1fr auto}.range-row input{width:100%;accent-color:#37d67a}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{min-width:0;border:1px solid #303742;border-radius:8px;padding:10px;background:#101318}.stat span{display:block;font-size:.77rem;margin-bottom:6px}.stat strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.qr-stage{min-height:520px;padding:18px;display:grid;place-items:center;align-content:center;gap:16px}.qr-canvas{width:min(86vw,760px)!important;height:min(86vw,760px)!important;max-height:calc(100vh - 210px);border-radius:8px;background:#fff}.transport{justify-content:center;flex-wrap:wrap}.empty-state{display:grid;place-items:center;gap:12px;color:#a8b0bd;text-align:center}.empty-state svg{color:#37d67a}.scanner-stage{min-height:520px;position:relative;overflow:hidden;background:#05070a}.scanner-stage video{width:100%;height:100%;min-height:520px;object-fit:cover}.scan-reticle{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:2px solid rgba(55,214,122,.84);border-radius:8px;box-shadow:0 0 0 999px #05070a38;pointer-events:none}.action-row{flex-wrap:wrap}.progress-block{display:grid;gap:8px}.progress-header{justify-content:space-between;color:#cbd2dc}.progress-track{height:12px;border-radius:999px;background:#303742;overflow:hidden}.progress-track span{display:block;height:100%;background:#37d67a;transition:width .16s ease}.wide,.download{width:100%}.error{color:#ff8d8d}@media(max-width:860px){.app-shell{padding:14px}.topbar{align-items:stretch;flex-direction:column}.segmented button{flex:1}.two-col,.receive-layout{grid-template-columns:1fr}.receive-layout .scanner-stage{order:1}.receive-layout .panel{order:2}.qr-stage,.scanner-stage,.scanner-stage video{min-height:410px}}