.phone-transfer{text-align:center;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:24px;display:flex}.phone-transfer h1,.phone-transfer h2{margin:0;font-size:1.25rem;font-weight:600}.phone-transfer p{margin:0}.phone-transfer-qr{aspect-ratio:1;background:#fff;border-radius:8px;width:min(256px,100%);height:auto;display:block}.phone-transfer-target{overflow-wrap:anywhere;max-width:100%;font-weight:600}.phone-transfer-hint,.phone-transfer small{opacity:.75;font-size:.875rem}.phone-transfer [role=alert]{overflow-wrap:anywhere;max-width:100%}.phone-transfer-page{min-height:100dvh;color:var(--foreground);background:var(--background);place-items:center;padding:16px;display:grid}.phone-transfer-page>section{border:1px solid;border-radius:16px;width:min(100%,440px)}.phone-transfer-page input{width:100%;min-width:0;font:inherit}.phone-transfer-file-label{align-self:flex-start;font-weight:600}.phone-transfer-send{min-height:44px;font:inherit;cursor:pointer;border:1px solid;border-radius:8px;padding:10px 20px}.phone-transfer-send:disabled{opacity:.5;cursor:default}.phone-transfer-previews{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;width:100%;display:grid}.phone-transfer-previews figure{min-width:0;margin:0}.phone-transfer-previews img,.phone-transfer-previews video{object-fit:contain;border-radius:8px;width:100%;max-height:180px}.phone-transfer-previews figcaption{overflow-wrap:anywhere;font-size:.75rem}@media (width<=640px){.mp-panel .mp-phone-tab{display:none}.phone-transfer{padding:16px}}.save-to-phone{cursor:pointer;justify-content:center;align-items:center;gap:6px;display:inline-flex}.phone-download-dialog{width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.phone-download-dialog .phone-transfer{padding:8px 0}@media (width<=640px){.save-to-phone{display:none!important}}.phone-case-overlay{z-index:5;color:#fff;background:#000000a6;border-radius:8px;min-width:36px;min-height:36px;position:absolute;top:12px;left:12px}
