/* One central interactive surface: the illustration lives inside the file label. */
html{overflow-x:clip}.home-send{display:block;text-align:center;padding-top:24px;padding-bottom:12px;max-width:1100px}.home-send .eyebrow{font-size:10px;margin:8px 0;letter-spacing:.14em}.home-send h1{font-size:clamp(25px,3vw,40px);line-height:1.12;margin:12px 0}.home-send h1 br{display:none}.home-send h1 em{margin-left:.2em}.home-send .intro{font-size:15px;margin:10px auto 0}.home-send iframe{display:block;width:100%;border:0;background:transparent;margin:0;height:650px;box-shadow:none;border-radius:0}.home-more{margin:4px 0;font-size:13px}
:is(.home-embedded,.desktop-sender):not(.has-shares) .work-grid{max-width:none;width:100%}:is(.home-embedded,.desktop-sender) .create-card{padding:0;border:0;background:transparent;box-shadow:none}:is(.home-embedded,.desktop-sender) #share-form{position:relative}:is(.home-embedded,.desktop-sender) #panel-send .drop-zone{min-height:480px;padding:310px 20px 35px;border-radius:32px;gap:8px;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#ffffffdd,transparent 65%),var(--flow-soft);box-shadow:inset 0 1px 0 #fff,0 20px 60px #53247809;transition:border-color .25s,box-shadow .25s}:is(.home-embedded,.desktop-sender) #panel-send .drop-zone:hover,:is(.home-embedded,.desktop-sender) #panel-send .drop-zone.dragover{transform:none;box-shadow:inset 0 0 0 2px #936ab733,0 20px 60px #53247812}:is(.home-embedded,.desktop-sender) .drop-zone:before,:is(.home-embedded,.desktop-sender) .drop-zone:after,:is(.home-embedded,.desktop-sender) .drop-zone .upload-icon{display:none}:is(.home-embedded,.desktop-sender) .drop-zone strong{font-size:clamp(25px,3.4vw,38px);line-height:1.1;z-index:1}:is(.home-embedded,.desktop-sender) .drop-zone>span,:is(.home-embedded,.desktop-sender) .drop-zone>small{z-index:1}:is(.home-embedded,.desktop-sender) #transfer-universe{position:absolute;top:0;left:0;width:100%;height:320px;pointer-events:none}:is(.home-embedded,.desktop-sender) .universe-pause{position:absolute;top:18px;right:18px;width:34px;height:34px;border:1px solid #b89ac455;border-radius:50%;background:#ffffffa0;color:var(--flow-ink);cursor:pointer;z-index:2}.universe-pause:focus-visible{outline:3px solid #8d62b0;outline-offset:3px}:is(.home-embedded,.desktop-sender) .selection-bar,:is(.home-embedded,.desktop-sender) #file-limit,:is(.home-embedded,.desktop-sender) .share-options{margin-inline:16px}:is(.home-embedded,.desktop-sender) #selected-files{margin-inline:16px}
@media(max-width:760px){.home-send{padding-top:12px}.home-send .eyebrow{font-size:8px}.home-send h1{font-size:25px}.home-send .intro{font-size:13px}:is(.home-embedded,.desktop-sender) #panel-send .drop-zone{min-height:400px;padding:255px 12px 28px;border-radius:24px}:is(.home-embedded,.desktop-sender) #transfer-universe{height:260px}:is(.home-embedded,.desktop-sender) .drop-zone strong{font-size:25px}:is(.home-embedded,.desktop-sender) .content{padding:10px 3px}.home-more{margin-top:0}}
.home-send{padding-top:28px}.home-send .eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--green);font-size:10px;letter-spacing:.18em;border:1px solid var(--line);border-radius:99px;padding:8px 15px;background:#ffffff80}.home-send .eyebrow:before{content:'↔';font-size:16px;letter-spacing:0}.home-send h1{font-size:clamp(32px,4.2vw,58px);letter-spacing:-.05em;margin:16px 0 12px}.home-send .intro{font-size:16px;max-width:720px;margin-inline:auto}.home-offer{font-size:13px;margin:12px auto 8px;color:var(--muted);max-width:780px;line-height:1.6}.home-offer a{color:inherit;text-decoration-color:color-mix(in srgb,var(--green) 30%,transparent);text-underline-offset:4px}.home-offer a:hover{color:var(--green)}@media(max-width:760px){.home-send{padding-top:14px}.home-send .eyebrow{font-size:8px;letter-spacing:.1em;padding:6px 10px}.home-send h1{font-size:32px}.home-send h1 em{display:block;margin-left:0}.home-send .intro{font-size:14px}.home-offer{font-size:12px;margin:10px 10px 4px}}
/* Embedded content must not inherit a viewport-sized minimum height. */
:is(.home-embedded,.desktop-sender) main{min-height:0}
/* Keep the modal action reachable inside the embedded sender. */
:is(.home-embedded,.desktop-sender) .share-reminder{top:16px;bottom:auto;margin:0 auto;max-height:calc(100vh - 32px)}

/* Resizing the sender must not pull the outer page away from the reader. */
#home-transfer{overflow-anchor:none}

/* Desktop: keep the working area above the fold, with the same animated drop zone. */
.flow-layout.desktop-sender .sidebar{min-height:60px;padding:10px 28px;gap:16px}
.flow-layout.desktop-sender .sidebar .brand{font-size:28px}
.flow-layout.desktop-sender .topbar{height:26px;padding:0 28px}
.flow-layout.desktop-sender .content{padding:8px 28px 20px;max-width:none}
.flow-layout.desktop-sender .app-tabs{max-width:none;margin:0 0 14px;padding:4px;border-radius:15px}
.flow-layout.desktop-sender .app-tabs button{min-height:42px;padding:8px 14px;border-radius:11px}
.flow-layout.desktop-sender #panel-send .page-title,.flow-layout.desktop-sender #panel-send .notice{display:none}
.flow-layout.desktop-sender .create-card>.section-title{display:none}
.flow-layout.desktop-sender .work-grid{margin:0;gap:24px;align-items:start}
.flow-layout.desktop-sender:not(.has-shares) .work-grid{grid-template-columns:1fr;max-width:900px;margin-inline:auto}
.flow-layout.desktop-sender:not(.has-shares) .shares-panel{display:none}
.flow-layout.desktop-sender #panel-send .drop-zone{min-height:330px;padding:215px 18px 24px;border-radius:26px}
.flow-layout.desktop-sender #transfer-universe{height:225px}
.flow-layout.desktop-sender .drop-zone strong{font-size:28px}
.flow-layout.desktop-sender .drop-zone>span{font-size:15px}
.flow-layout.desktop-sender .drop-zone>small{font-size:13px}
.flow-layout.desktop-sender .share-options{margin-top:10px}
.flow-layout.desktop-sender .share-card{padding:22px;border-radius:24px}
.flow-layout.desktop-sender .shares-panel>.section-title{margin-bottom:16px}
.flow-layout.desktop-sender footer{display:none}
.flow-layout.desktop-sender .app-tab-panel:not([hidden]){animation:desktopPanelIn .22s ease-out}
@keyframes desktopPanelIn{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-height:700px){.flow-layout.desktop-sender #panel-send .drop-zone{min-height:275px;padding-top:170px}.flow-layout.desktop-sender #transfer-universe{height:180px}.flow-layout.desktop-sender .sidebar{min-height:50px}.flow-layout.desktop-sender .content{padding-top:4px}}
@media(prefers-reduced-motion:reduce){.flow-layout.desktop-sender .app-tab-panel:not([hidden]){animation:none}}
html:not([data-brand="relyo"]) .desktop-sender #panel-send .drop-zone{border-color:#7fae8d;background:radial-gradient(ellipse at 50% 18%,#f6fff7 0,#e5f2e4 42%,#e8efdf 78%)}
html:not([data-brand="relyo"]) .desktop-sender .universe-pause{color:#24513c;background:#f5fff5dd;border-color:#24513c30}

/* Center the empty workspace without imposing a scroll container. */
.flow-layout.desktop-sender:not(.has-shares) #panel-send .work-grid{min-height:calc(100dvh - 190px);align-content:center;padding-block:16px}
@media(max-height:700px){.flow-layout.desktop-sender:not(.has-shares) #panel-send .work-grid{min-height:calc(100dvh - 170px);padding-block:8px}}

/* Options precede automatic link creation; keep scene controls with the drop zone. */
.drop-step{position:relative;padding-top:30px}
.deposit-step{position:absolute;top:0;left:16px}
.share-options>summary .setup-step{display:block;font-size:11px;font-weight:750;color:var(--flow-muted,#738078);margin-bottom:7px}
.setup-hint{margin:0 16px 18px}
:is(.home-embedded,.desktop-sender) .drop-step .universe-pause{top:48px}