/* Canonical Home uploader layer.
 * Keep all active uploader tokens and state geometry here. The public landing
 * page intentionally keeps its own visual treatment; this file is loaded only
 * by the authenticated/app Home shell.
 */
html[data-theme] body.ab-app-home-shell .ab-send{
  --send-surface:#fff;--send-ink:#182238;--send-muted:#58667d;
  --send-line:#dce2ed;--send-soft:#f3f6fc;--send-action:#315cde;
  --send-action-hover:#274fc6;--send-focus:#315cde;--send-action-ink:#fff;
  margin-top:8px;padding:0;border:1px solid var(--send-line);border-radius:22px;
  background:var(--send-surface);color:var(--send-ink);box-shadow:none;
}
html[data-theme="dark"] body.ab-app-home-shell .ab-send{
  --send-surface:#19212e;--send-ink:#eef2fa;--send-muted:#aab6c9;
  --send-line:#344052;--send-soft:#222e40;--send-action:#315cde;
  --send-action-hover:#3d6be5;--send-focus:#9ab8ff;--send-action-ink:#fff;
}
html[data-theme] body.ab-app-home-shell .ab-send::before,
html[data-theme] body.ab-app-home-shell .ab-send::after,
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone::before,
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone::after{content:none}
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone{
  position:relative;display:block;min-height:0;padding:24px;border:0;border-radius:21px;background:transparent;box-shadow:none;
  transition:background-color .15s ease;
}
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone.dragover{background:var(--send-soft);outline:2px solid var(--send-focus);outline-offset:-3px;transform:none}
html[data-theme] body.ab-app-home-shell .ab-send .lp-state{width:100%;min-height:0;color:var(--send-ink)}
html[data-theme] body.ab-app-home-shell .ab-send #idleState{text-align:start;align-items:stretch;gap:0}
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone > .lp-state{display:none!important;width:100%;box-sizing:border-box}
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone[data-upload-state="idle"] > #idleState,
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone[data-upload-state="selected"] > #selectedState,
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone[data-upload-state="uploading"] > #uploadingState,
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone[data-upload-state="done"] > #doneState,
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone[data-upload-state="albumDone"] > #albumDoneState,
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone[data-upload-state="albumPartial"] > #albumPartialState,
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone[data-upload-state="oversize"] > #oversizeState,
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone[data-upload-state="error"] > #errorState{display:flex!important}
.ab-send-intro{display:flex;align-items:center;gap:18px;min-width:0;margin-bottom:24px}
.ab-send-copy{min-width:0;flex:1}
html[data-theme] body.ab-app-home-shell .ab-send .app-upload-icon{
  width:48px;height:56px;flex:0 0 48px;margin:0;border:1.5px solid var(--send-line);
  border-radius:8px;background:var(--send-soft);color:var(--send-focus);box-shadow:none;font-size:25px;
}
html[data-theme] body.ab-app-home-shell .ab-send .app-upload-title{margin:0 0 7px;color:var(--send-ink);font-size:23px;line-height:1.5;letter-spacing:0;font-weight:800}
html[data-theme] body.ab-app-home-shell .ab-send .app-upload-subtitle{color:var(--send-muted);font-size:13px;line-height:1.85;margin:0}
html[data-theme] body.ab-app-home-shell .ab-send .app-upload-pick{
  width:100%;min-height:54px;margin:0;padding:14px 20px;gap:10px;
  border:0;border-radius:12px;background:var(--send-action);color:var(--send-action-ink);
  font-size:15px;font-weight:700;line-height:1.5;box-shadow:none;transform:none;
  transition:background-color .15s ease,transform .15s ease;
}
html[data-theme] body.ab-app-home-shell .ab-send .app-upload-pick::after{content:none}
.ab-send .app-upload-pick i{font-size:21px}
html[data-theme] body.ab-app-home-shell .ab-send .app-upload-pick:hover{background:var(--send-action-hover);box-shadow:none;transform:none}
html[data-theme] body.ab-app-home-shell .ab-send .app-upload-pick:active{transform:scale(.99)}
html[data-theme] body.ab-app-home-shell .ab-send :is(button,a,input):focus-visible,
html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone:focus-visible{outline:3px solid var(--send-focus);outline-offset:3px}
html[data-theme] body.ab-app-home-shell .ab-send .app-upload-meta{
  display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:6px 16px;
  margin:16px 0 0;padding:0;border:0;color:var(--send-muted);font-size:11px;line-height:1.8;
}
html[data-theme] body.ab-app-home-shell .ab-send .app-upload-meta span{margin:0;padding:0;border:0;gap:5px;white-space:normal}
html[data-theme] body.ab-app-home-shell .ab-send .app-upload-meta span::before{content:none}
html[data-theme] body.ab-app-home-shell .ab-send .app-upload-meta i{color:var(--send-muted);font-size:14px}
html[data-theme] body.ab-app-home-shell .ab-send .app-progress-foot{color:var(--send-muted)}
html[data-theme] body.ab-app-home-shell .ab-send .app-link-input{min-height:44px}
html[data-theme] body.ab-app-home-shell .ab-send .app-copy{min-width:44px;min-height:44px}
html[data-theme] body.ab-app-home-shell .ab-send .app-share a,
html[data-theme] body.ab-app-home-shell .ab-send .app-share button{width:44px;height:44px}
html[data-theme] body.ab-app-home-shell .ab-send :is(.app-selected,.app-progress,.app-done,.app-error){color:var(--send-ink)}
html[data-theme] body.ab-app-home-shell .ab-send :is(.app-file-row,.app-name-input,.app-link-input,.app-copy,.app-share a,.app-share button){
  background:var(--send-soft);border-color:var(--send-line);color:var(--send-ink);
}
html[data-theme] body.ab-app-home-shell .ab-send :is(.app-file-size,.app-error p,.app-progress-info){color:var(--send-muted)}
html[data-theme] body.ab-app-home-shell .ab-send .app-primary{background:var(--send-action);color:var(--send-action-ink);box-shadow:none;min-height:48px;font-family:inherit;font-size:14px;font-weight:700}
html[data-theme] body.ab-app-home-shell .ab-send .app-name-input{font-size:16px}
html[data-theme] body.ab-app-home-shell .ab-send .app-progress-ring::before{background:var(--send-surface)}
html[data-theme] body.ab-app-home-shell .ab-send :is(.app-progress-name,.app-progress-eyebrow){color:var(--send-ink)}
html[data-theme] body.ab-app-home-shell .ab-send .app-secondary{min-height:44px;color:var(--send-muted);font-family:inherit;font-size:13px;font-weight:600}
html[data-theme] body.ab-app-home-shell .app-home::before{content:none}
html[data-theme] body.ab-app-home-shell .app-activity-link{margin-top:4px;border:0;min-height:56px;padding:12px 4px}
html[data-theme] body.ab-app-home-shell .app-home-head{border-bottom:0;margin-bottom:12px;padding-bottom:0}
html[data-theme] body.ab-app-home-shell .app-home-head::after{content:none}
html[data-theme] body.ab-app-home-shell .app-home-head-bar{display:none}
html[data-theme] body.ab-app-home-shell .app-home-title{font-size:28px;line-height:1.5;letter-spacing:0;max-width:none}
html[data-theme] body.ab-app-home-shell .app-home-sub{max-width:none;margin-top:5px}
@media(max-width:360px){
  html[data-theme] body.ab-app-home-shell .ab-send .app-drop-zone{padding:20px 16px}
  .ab-send-intro{gap:12px}
  html[data-theme] body.ab-app-home-shell .ab-send .app-upload-title{font-size:21px}
}
@media(prefers-reduced-motion:reduce){html[data-theme] body.ab-app-home-shell .ab-send :is(.app-drop-zone,.app-upload-pick){transition:none}}