.share-button { gap: 6px; padding: 0 10px; border: 1px solid #a0af8d55; border-radius: 20px; background: #f6f5eab5; }
.share-button span { font-size: 11px; }
.paper-dialog.share-dialog { width: min(650px, calc(100vw - 28px)); padding: 28px; border-radius: 8px 8px 24px 8px; }
.share-dialog h2 { margin: 9px 0 20px; font-size: 25px; }
.share-photo-frame { border-radius: 8px; overflow: hidden; background: #e8e7d9; border: 1px solid #b1b69c45; }
#share-preview { display: block; width: 100%; height: auto; max-height: 43dvh; object-fit: contain; }
.share-placeholder { display: grid; place-items: center; min-height: 210px; color: #78826e; font-size: 12px; }
.share-caption-label { display: flex; align-items: center; justify-content: space-between; margin: 13px 0 5px; }
.share-caption-label label { color: #52664d; font-size: 11px; font-weight: 600; }
.share-caption-label button { padding: 5px 2px; font-size: 10px; }
#share-caption { width: 100%; resize: vertical; min-height: 72px; max-height: 150px; border: 1px solid #acb59566; border-radius: 8px; padding: 10px 12px; background: #fffdf48c; color: #54634c; font: 11px/1.7 -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif; }
#share-caption:focus-visible { outline: 2px solid #658d81; outline-offset: 2px; }
.share-note { color: #848973; font-size: 10px; line-height: 1.6; margin: 7px 0 13px; }
.share-actions { display: grid; gap: 8px; }
#share-send { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; }
#share-send svg { width: 17px; height: 17px; }
.share-fallbacks { display: flex; gap: 8px; }
.share-fallbacks button { flex: 1; }
.share-status { min-height: 16px; margin: 11px 0 0; color: #69805d; font-size: 10px; line-height: 1.6; }
@media (max-width: 700px) {
  .share-button { padding: 0; width: 34px; height: 34px; margin-left: 2px; }
  .share-button span { display: none; }
  .paper-dialog.share-dialog { padding: 23px 18px 18px; max-height: calc(100dvh - 24px); }
  .share-dialog h2 { margin-bottom: 15px; padding-right: 16px; font-size: 23px; }
  #share-preview { max-height: 37dvh; }
  #share-caption { font-size: 16px; line-height: 1.5; min-height: 92px; }
  .share-placeholder { min-height: 180px; }
  .share-actions button { min-height: 44px; }
}
@media (max-width: 380px) {
  .share-dialog h2 { font-size: 20px; }
  .top-actions { right: 10px; }
  .top-actions .utility-button.icon-only, .top-actions .share-button { width: 29px; }
  .top-actions .rain-button { padding: 0 8px; }
  .top-actions .action-divider { margin: 0 2px; }
}
@media (max-width: 340px) {
  .field-header h1 { font-size: 19px; }
}
@media (max-height: 540px) and (orientation: landscape) {
  .paper-dialog.share-dialog { width: min(760px, calc(100vw - 32px)); padding: 18px 24px; }
  .share-dialog h2 { margin: 5px 0 12px; font-size: 21px; }
  .share-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: 18px; }
  #share-preview { max-height: 66dvh; }
  .share-caption-label { margin-top: 0; }
  .share-status { margin-top: 7px; }
  .share-note { margin-bottom: 9px; }
  .share-actions button { min-height: 36px; padding: 7px 10px; }
}