#shareDialog{width:min(30rem,calc(100% - 2rem));max-height:85dvh;box-sizing:border-box;border:1px solid var(--border);border-radius:15px;padding:1.1rem;background:var(--bg);color:var(--fg);overflow:auto}
#shareDialog::backdrop{background:#0007}
.top-bar #shareChatBtn {
  order: 8;
  flex: none;
  min-width: 48px;
  min-height: 40px;
  padding-inline: 12px;
  background: var(--bg-2);
  color: var(--fg);
  border: 1px solid var(--border);
  border-radius: 999px;
  font-weight: 600;
}
.top-bar #shareChatBtn:hover { background: var(--bg-3); }
@media (pointer: coarse) {
  .top-bar #shareChatBtn { min-height: 44px; }
}
@media (max-width: 600px) {
  .top-bar:has(#shareChatBtn) {
    grid-template-columns: 38px minmax(0, 1fr) 86px auto auto;
  }
  .top-bar #shareChatBtn {
    grid-area: 1 / 5;
    min-height: 44px;
    padding-inline: 8px;
  }
}
#shareDialog header,.share-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
#shareDialog header{justify-content:space-between;margin-bottom:1rem}
#shareDialog h2{font-size:1.15rem;margin:0}
#shareDialog .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: .45rem 1rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--bg-2);
  color: var(--fg);
  line-height: 1.3;
}
#shareDialog .btn:hover { background: var(--bg-3); }
#shareDialog .btn.primary {
  background: var(--accent);
  border-color: transparent;
  color: var(--on-accent, white);
}
#shareDialog .btn:disabled { opacity: .5; cursor: default; }
#shareDialog :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
/* Selection lives in the existing transcript. The draft stays mounted while its controls are hidden. */
#chatView.share-selecting > .composer-wrap { display:none }
#chatView.share-selecting .msg-actions { visibility:hidden }
#chatView.share-selecting .msg-actions:has(> .share-round-check) { visibility:visible; opacity:1; justify-content:flex-start }
#chatView.share-selecting .msg-actions:has(> .share-round-check) > :not(.share-round-check) { display:none }
#chatView .share-round-check, .share-inline-options label {
  display:inline-flex; align-items:center; gap:.45rem; cursor:pointer;
}
#chatView .share-round-check {
  box-sizing:border-box; flex:none; min-height:30px; padding:0 .65rem;
  border:1px solid var(--border); border-radius:999px;
  background:var(--bg-2); color:var(--fg); font:600 .78rem/1.2 system-ui,sans-serif;
}
.share-round-check input, .share-inline-options input {
  flex:none; width:1rem; height:1rem; margin:0; accent-color:var(--accent); cursor:inherit;
}
#chatView .share-round-selected .share-round-check { border-color:var(--accent) }
#chatView .msg.share-round-selected > .body {
  outline:1px solid var(--accent); outline-offset:3px; border-radius:.6rem;
}
#chatView .msg.share-round-selected > .body {
  outline-color:color-mix(in srgb,var(--accent) 48%,var(--border));
}
#chatView .share-round-check:focus-within, .share-inline-bar :focus-visible {
  outline:2px solid var(--accent); outline-offset:2px;
}
.top-bar #shareChatBtn[aria-pressed=true] { border-color:var(--accent) }
.share-inline-bar {
  flex:0 0 auto; min-width:0; background:var(--bg); color:var(--fg);
  border-top:1px solid var(--border);
  padding:.5rem clamp(.65rem,2vw,1.5rem) max(.5rem,env(safe-area-inset-bottom));
}
.share-inline-bar:focus { outline:0 }
.share-inline-inner {
  max-width:900px; margin:auto; display:flex; gap:.35rem .85rem;
  align-items:center; justify-content:space-between; flex-wrap:wrap;
}
.share-inline-options, .share-inline-actions, .share-inline-feedback {
  display:flex; align-items:center; flex-wrap:wrap; gap:.25rem .5rem; min-width:0;
}
.share-inline-options { font-size:.86rem }
.share-inline-options strong { font-variant-numeric:tabular-nums }
.share-inline-options label { min-height:36px }
.share-inline-actions { margin-inline-start:auto; justify-content:flex-end }
.share-inline-feedback { flex-basis:100%; color:var(--fg-2); font-size:.85rem }
.share-inline-feedback:has(span:empty):has([hidden]) { display:none }
.share-inline-bar .btn {
  min-height:36px; padding:.4rem .8rem; border:1px solid var(--border);
  border-radius:999px; background:var(--bg-2); color:var(--fg); font-size:.85rem; line-height:1.25;
}
.share-inline-bar .btn:hover { background:var(--bg-3) }
.share-inline-bar .btn.primary { background:var(--accent); color:var(--on-accent,white); border-color:transparent; font-weight:600 }
.share-inline-bar .btn:disabled { opacity:.48; cursor:default }
.share-inline-bar [hidden] { display:none!important }
@media (pointer:coarse) {
  #shareDialog .btn, .share-inline-bar .btn, .share-inline-options label, #chatView .share-round-check { min-height:44px }
}
@media (max-width:600px) {
  .share-inline-bar { padding-top:.32rem }
  .share-inline-inner { gap:.2rem }
  .share-inline-options,.share-inline-actions { width:100%; justify-content:space-between }
  .share-inline-options,.share-inline-bar .btn { font-size:.8rem }
  .share-inline-actions { justify-content:flex-end }
  .share-inline-actions .btn:first-child { margin-inline-end:auto }
}
.share-body{display:grid;gap:.85rem}
.share-body canvas{width:min(13rem,90%);height:auto;justify-self:center;image-rendering:pixelated}
.share-body input[readonly],.share-body select{box-sizing:border-box;width:100%;padding:.55rem;background:var(--bg-2);color:var(--fg);border:1px solid var(--border);border-radius:8px;font:inherit}
.share-body label{display:flex;align-items:center;gap:.6rem;min-height:2.5rem;overflow-wrap:anywhere}
#shareDialog .share-pdf-identity { justify-content:space-between;padding:1rem;border:1px solid var(--border);border-radius:14px;cursor:pointer }
.share-pdf-identity>span { min-width:0 }
.share-pdf-identity strong { display:block;font-size:.95rem;margin-bottom:.4rem }
.share-pdf-identity small { margin:0;color:var(--fg-2);font-size:.8rem;line-height:1.5 }
.share-pdf-identity input[role=switch] {
  appearance:none;flex:none;width:44px;height:26px;border:1px solid var(--border);
  border-radius:999px;background:var(--bg-3);position:relative;cursor:pointer;
}
.share-pdf-identity input[role=switch]::before {
  content:'';position:absolute;width:18px;height:18px;top:3px;left:3px;
  border-radius:50%;background:var(--fg-2);
}
.share-pdf-identity input[role=switch]:checked { background:var(--accent);border-color:var(--accent) }
.share-pdf-identity input[role=switch]:checked::before { transform:translateX(18px);background:var(--on-accent,white) }
.share-pdf-identity input[role=switch]:disabled { opacity:.5;cursor:wait }
.share-body small,.share-body section strong{display:block;margin-bottom:.45rem}
.share-body section{padding-block:.65rem;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.share-body p,#shareDialog [role=status]{font-size:.9rem;color:var(--fg-2);margin:0}
#shareDialog [role=status]:not(:empty){margin-top:.8rem}
.share-body [hidden],.share-reader [hidden]{display:none!important}
.share-reader{color-scheme:light dark;font:16px/1.65 system-ui,sans-serif;color:#24272b;background:#fafaf9;margin:0}
.share-reader header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #8885;padding:.8rem max(1rem,calc((100% - 48rem)/2));gap:1rem}
.share-reader header span,.share-reader article>strong{font-size:.85rem;color:#526059}
.share-reader main{max-width:48rem;padding:1rem 1rem 3.5rem;margin:auto;overflow-wrap:anywhere}
.share-reader h1{font-size:clamp(1.45rem,4vw,2rem);line-height:1.25}
.share-reader article{padding:1.25rem 0;border-bottom:1px solid #8884}
.share-reader .plain,.share-reader blockquote,.reader-attachment pre{white-space:pre-wrap}
.share-reader pre,.share-reader table{overflow:auto;max-width:100%;display:block}
.share-reader article img{max-width:100%;max-height:28rem;object-fit:contain;display:block}
.share-reader select{padding:.55rem;max-width:100%;font:inherit}
.share-reader .continue{display:inline-block;margin-top:1.5rem;padding:.55rem 1rem;background:#24674b;color:white;border-radius:.65rem;text-decoration:none}
.share-reader a{color:#24674b}
@media(prefers-color-scheme:dark){.share-reader{background:#202224;color:#f0f1f0}.share-reader header span,.share-reader article>strong{color:#b3c3ba}.share-reader a{color:#9ed7ba}}
/* The preview renders the generated PDF bytes, not a separate HTML mock-up. */
#shareDialog.share-pdf-dialog { width:min(62rem,calc(100% - 2rem));max-height:92dvh }
#shareDialog .share-pdf-preview { min-width:0;border:1px solid var(--border);border-radius:14px;overflow:hidden }
.share-pdf-preview-toolbar {
  display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;
  padding:.55rem;background:var(--bg-2);border-bottom:1px solid var(--border);
}
#shareDialog .share-pdf-preview-position { display:inline-flex;gap:.4rem;min-height:36px;white-space:nowrap }
#shareDialog .share-pdf-preview input {
  width:4rem;min-height:40px;padding:.4rem .35rem;text-align:center;
  border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit;
}
#shareDialog .share-pdf-preview select {
  width:auto;min-height:40px;margin-inline-start:auto;padding:.4rem .6rem;font-size:.9rem;
}
.share-pdf-preview-viewport {
  height:clamp(180px,48dvh,620px);min-width:0;overflow:auto;overscroll-behavior:contain;
  padding:12px;background:#e5e7eb;touch-action:pan-x pan-y pinch-zoom;
}
#shareDialog .share-pdf-preview canvas {
  display:block;width:auto;height:auto;max-width:none;margin:0 auto;background:#fff;
  image-rendering:auto;box-shadow:0 2px 9px #0002;
}
#shareDialog .share-pdf-preview-status { padding:.4rem .7rem;font-size:.8rem }
#shareDialog .share-pdf-footer {
  position:sticky;bottom:-1.1rem;padding:.7rem 0;margin-top:.2rem;
  background:var(--bg);border-top:1px solid var(--border);
}
.share-pdf-file-details { margin-inline-end:auto;color:var(--fg-2);font-size:.85rem;font-variant-numeric:tabular-nums }
@media (pointer:coarse) {
  #shareDialog .share-pdf-preview input,#shareDialog .share-pdf-preview select { min-height:44px }
}
@media (max-width:600px) {
  #shareDialog.share-pdf-dialog { width:calc(100% - 1rem);padding:.75rem }
  #shareDialog .share-pdf-identity { padding:.75rem }
  .share-pdf-preview-toolbar { gap:.35rem }
  #shareDialog .share-pdf-preview-toolbar .btn { padding-inline:.65rem }
  #shareDialog .share-pdf-preview select { flex:1;min-width:6.5rem }
  #shareDialog .share-pdf-footer { bottom:-.75rem }
}

.share-longimage img { display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--border);background:white;-webkit-touch-callout:default;user-select:auto }
.share-longimage .share-actions { margin:.7rem 0 }
.share-inline-actions { flex-wrap:wrap }