/* Bot share dialog + public preview. */
.bot-share-dialog{width:min(620px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 32px));padding:0;border:1px solid color-mix(in srgb,var(--border) 80%,#fff);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px rgba(25,20,12,.24)}
.bot-share-dialog::backdrop{background:rgba(24,20,14,.52);backdrop-filter:blur(3px)}
.bot-share-shell{padding:22px;overflow:auto;max-height:inherit}
.bot-share-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.bot-share-head h2{font-size:1.15rem;margin:0 0 5px}.bot-share-head p{margin:0;color:var(--text-dim);font-size:.83rem;line-height:1.45}
.bot-share-close{border:0;background:transparent;color:var(--text-dim);font-size:1.45rem;line-height:1;cursor:pointer;padding:2px 5px}
.bot-share-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;padding:14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 80%,var(--bg))}
.bot-share-field{display:flex;flex-direction:column;gap:6px}.bot-share-field span{font-size:.72rem;font-weight:650;color:var(--text-dim)}
.bot-share-field input{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:9px 10px;font:inherit;font-size:.82rem}
.bot-share-create{border:0;border-radius:9px;background:var(--accent);color:#fff;padding:10px 14px;font-weight:700;cursor:pointer;white-space:nowrap}.bot-share-create:disabled{opacity:.55;cursor:wait}
.bot-share-result{margin-top:12px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.bot-share-result-label{font-size:.76rem;font-weight:700;margin-bottom:7px}.bot-share-copy-row{display:flex;gap:8px}.bot-share-copy-row input{flex:1;min-width:0;border:1px solid var(--border);border-radius:8px;padding:9px;background:var(--surface);color:var(--text);font-size:.78rem}.bot-share-copy-row button{border:1px solid var(--accent);border-radius:8px;background:var(--surface);color:var(--accent);font-weight:700;padding:8px 12px;cursor:pointer}
.bot-share-existing-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:20px 0 8px}
.bot-share-links{display:flex;flex-direction:column;gap:8px}.bot-share-link{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;padding:10px 11px}.bot-share-link-main{min-width:0;flex:1}.bot-share-link-meta{font-size:.75rem;color:var(--text-dim);margin-top:3px}.bot-share-link-url{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-share-link button{border:0;background:transparent;color:var(--text-dim);cursor:pointer;font-size:.76rem;font-weight:650}.bot-share-link button:hover{color:#a12720}.bot-share-empty{padding:12px 0;color:var(--text-dim);font-size:.8rem}.bot-share-error{color:#a12720;font-size:.78rem;margin-top:10px}

.page-bot_share .topbar-title{display:none}.page-bot_share .main-content{width:100%}.page-bot_share .container{max-width:1050px;padding-top:42px}
.shared-preview{max-width:900px;margin:0 auto 40px}.shared-preview-kicker{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:999px;padding:6px 10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-size:.76rem;font-weight:700}
.shared-preview-hero{text-align:center;margin-bottom:26px}.shared-preview-hero h1{font-family:Fraunces,serif;font-size:clamp(2rem,6vw,3.25rem);line-height:1.05;margin:16px auto 12px;max-width:720px}.shared-preview-summary{max-width:660px;margin:0 auto;color:var(--text-dim);font-size:1rem;line-height:1.65}
.shared-preview-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0}.shared-preview-pill{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 10px;font-size:.75rem;color:var(--text-dim)}
.shared-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.shared-preview-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 12px 32px rgba(30,24,15,.06)}
.shared-preview-flow{padding:20px}.shared-preview-flow h2,.shared-preview-claim h2{font-size:1rem;margin:0 0 14px}.shared-preview-nodes{display:flex;flex-direction:column;gap:10px}.shared-preview-node{position:relative;border:1px solid var(--border);border-radius:12px;padding:13px 14px 13px 17px;background:color-mix(in srgb,var(--surface) 87%,var(--bg))}.shared-preview-node+.shared-preview-node::before{content:"";position:absolute;height:11px;border-left:2px solid color-mix(in srgb,var(--accent) 45%,var(--border));top:-11px;left:30px}.shared-preview-node-kind{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.64rem;font-weight:800}.shared-preview-node-title{font-weight:700;margin-top:3px}.shared-preview-node-badge{float:right;color:var(--text-dim);font-size:.7rem}.shared-preview-settings{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.shared-preview-setting{font-size:.68rem;border-radius:6px;padding:4px 6px;background:var(--surface);border:1px solid var(--border);color:var(--text-dim)}
.shared-preview-claim{padding:20px;position:sticky;top:88px}.shared-preview-claim p{font-size:.83rem;color:var(--text-dim);line-height:1.5}.shared-preview-safe{display:flex;gap:8px;margin:14px 0;padding:10px;border-radius:9px;background:color-mix(in srgb,#2f8f63 8%,var(--surface));color:#246d4d;font-size:.75rem;line-height:1.4}.shared-preview-cta{display:block;width:100%;border:0;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;text-align:center;font:inherit;font-weight:750;padding:12px 14px;cursor:pointer}.shared-preview-cta:disabled{opacity:.6;cursor:wait}.shared-preview-sub{font-size:.7rem!important;text-align:center;margin:9px 0 0!important}.shared-preview-error{font-size:.76rem;color:#a12720;margin-top:10px}.shared-preview-unavailable{max-width:620px;margin:30px auto;border:1px solid color-mix(in srgb,#a12720 28%,var(--border));border-radius:15px;padding:24px;text-align:center;background:var(--surface)}
@media(max-width:760px){.bot-share-form{grid-template-columns:1fr}.bot-share-create{width:100%}.shared-preview-layout{grid-template-columns:1fr}.shared-preview-claim{position:static}.page-bot_share .container{padding:24px 14px}.shared-preview-hero{text-align:left}.shared-preview-meta{justify-content:flex-start}}
