#studio #phone-upload-start { display: none !important; }

/* Keep both upload sources together before the secondary options in step 3. */
.guided-flow.simple-import .flow-card header { margin-bottom: var(--space-3); }
.guided-flow.simple-import #flow-content > h1 { margin-bottom: var(--space-2); }
.guided-flow.simple-import #flow-content > .muted { margin-block: 0 var(--space-3); }
.guided-flow.simple-import #photos-panel .visual-upload {
  min-height: 0;
  margin: 0;
  padding: var(--space-3);
}
.guided-flow.simple-import .upload-photo-stack {
  width: 116px;
  height: 76px;
  margin-bottom: var(--space-2);
}
.guided-flow.simple-import .upload-photo-stack .upload-card {
  width: 44px;
  height: 56px;
  border-width: 2px;
  border-radius: 8px;
}
.guided-flow.simple-import .upload-card-one { left: 9px; top: 10px; }
.guided-flow.simple-import .upload-card-two { left: 34px; top: 3px; }
.guided-flow.simple-import .upload-card-three { left: 61px; top: 12px; }
.guided-flow.simple-import .upload-card-four { left: 34px; top: 17px; }
.guided-flow.simple-import #photos-panel .upload-formats { margin-top: var(--space-2); max-width: 100%; }
.guided-flow.simple-import #photos-panel .visual-upload:focus-visible { outline: 2px solid var(--focus-dark); outline-offset: -2px; }
.guided-flow.simple-import #phone-upload-start {
  width: 100%;
  min-height: 44px;
  margin: var(--space-2) 0 0;
}
.guided-flow.simple-import .flow-card footer {
  margin-top: var(--space-3);
  padding-top: var(--space-3);
}
.guided-flow.simple-import .flow-save-status:not(.is-visible) { display: none; }

@media (max-height: 650px) {
  .guided-flow.simple-import .upload-photo-stack { display: none; }
  .guided-flow.simple-import #photos-panel .visual-upload { padding-block: var(--space-1); }
  .guided-flow.simple-import #photos-panel .upload-formats { margin-top: var(--space-1); }
}

body dialog.ui-dialog.phone-transfer-dialog { --dialog-width: 32rem; }
.phone-transfer-code {
  display: block;
  width: min(100%, clamp(116px, 32dvh, 208px));
  height: auto;
  margin: var(--space-3) auto;
  border-radius: 10px;
}
.phone-transfer-share { display: flex; gap: 8px; flex-wrap: wrap; }
.phone-transfer-share input {
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-control);
  background: var(--surface-raised);
  color: var(--text-primary);
  font-size: 16px;
}
body dialog.phone-transfer-dialog .phone-transfer-status { margin-block-end: 0; }
@media (max-height: 650px) {
  body dialog.ui-dialog.phone-transfer-dialog { --dialog-padding: var(--space-4); }
}
.phone-upload-page {
  margin: 0;
  padding: max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  min-height: 100dvh;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  background: #171916;
  color: #f5f3eb;
  font: 16px/1.5 system-ui, sans-serif;
  color-scheme: dark;
}
.phone-upload-page [hidden], .phone-transfer-dialog [hidden] { display: none !important; }
.phone-upload-card {
  width: min(100%, 26rem);
  padding: 24px;
  box-sizing: border-box;
  background: #232521;
  border: 1px solid #ffffff24;
  border-radius: 20px;
}
.phone-upload-mark { font-size: 30px; }
.phone-upload-card h1 { margin: 8px 0; font-size: clamp(1.5rem, 6vw, 2rem); line-height: 1.15; }
.phone-upload-card p { color: #d1d3c7; }
.phone-upload-card form { display: grid; gap: 12px; margin-block: 20px; }
.phone-upload-card input { max-width: 100%; font: inherit; }
.phone-upload-card button, .phone-upload-card input::file-selector-button {
  min-height: 46px;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 8px 12px;
  background: #f5f3eb;
  color: #232521;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.phone-upload-card button:disabled { opacity: .55; cursor: default; }
#phone-finish { background: #30332d; color: #f5f3eb; border-color: #ffffff36; }
.phone-upload-card progress { width: 100%; accent-color: #d7ddc8; }
.phone-upload-note { font-size: .875rem; }
