.sharing-replay { margin:24px 0; }
.sharing-controls { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.sharing-controls input { flex:1; min-width:100px; accent-color:var(--accent); }
.sharing-controls output { font-size:12px; color:var(--muted); }
.sharing-caption { color:var(--muted); font-size:12px; margin:12px 0; }
.sharing-panels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.sharing-panels section { border:1px solid var(--line); border-radius:9px; padding:14px; min-width:0; background:var(--surface); }
.sharing-panels h4 { font-size:14px; margin:0 0 8px; }
.sharing-session { color:var(--muted); font:11px/1.5 ui-monospace,monospace; overflow-wrap:anywhere; min-height:40px; }
.sharing-messages { height:340px; overflow-y:auto; overscroll-behavior:contain; margin:12px 0; }
.sharing-message { padding:10px; margin:0 0 10px; border-radius:7px; background:var(--soft); font-size:12px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
.sharing-message strong { display:block; font-size:11px; margin-bottom:3px; }
.sharing-message.peer { background:transparent; border-left:2px solid var(--line); border-radius:0; color:var(--muted); }
.sharing-message.latest { outline:1px solid var(--accent); outline-offset:-1px; }
.sharing-memory { border-top:1px solid var(--line); padding-top:10px; font-size:12px; min-height:72px; }
.sharing-memory strong { display:block; }
.sharing-order { background:var(--soft); border-radius:7px; padding:12px 16px; margin-top:14px; font-size:13px; }
.sharing-trace { margin-top:24px; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--surface); }
.sharing-trace-header { padding:20px 24px; border-bottom:1px solid var(--line); }
.sharing-trace-header h4 { margin:0 0 6px; font-size:17px; }
.sharing-trace-header p { margin:0; color:var(--muted); font-size:13px; }
.sharing-inspector { display:grid; grid-template-columns:minmax(0,45fr) minmax(0,55fr); }
.sharing-stack { height:460px; overflow:auto; overscroll-behavior:contain; border-right:1px solid var(--line); padding:8px 0; }
.sharing-call { display:grid; grid-template-columns:26px 68px minmax(0,1fr); gap:10px; align-items:start; width:100%; text-align:left; border:0; border-left:2px solid transparent; border-radius:0; padding:14px 18px; background:transparent; color:var(--body-ink); font-family:inherit; font-size:13px; line-height:1.5; cursor:pointer; }
.sharing-call:hover { background:var(--soft); }
.sharing-call[aria-pressed="true"] { border-left-color:var(--accent); background:var(--soft); color:var(--ink); }
.sharing-call:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
.sharing-call-number { color:var(--muted); font:12px/1.8 ui-monospace,monospace; }
.sharing-call-kind { border:1px solid var(--line); border-radius:3px; padding:1px 4px; text-align:center; color:var(--accent); font-size:10px; line-height:1.8; letter-spacing:.6px; }
.sharing-call-title { display:block; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.sharing-call-meta { display:block; margin-top:3px; color:var(--muted); font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
.sharing-detail { min-width:0; height:460px; overflow:auto; overscroll-behavior:contain; padding:24px; }
.sharing-detail-title { margin:0 0 10px; font-size:15px; line-height:1.5; overflow-wrap:anywhere; }
.sharing-detail-description { margin:0 0 20px; color:var(--muted); font-size:13px; line-height:1.7; }
.sharing-detail pre { margin:0; border:0; border-radius:0; background:transparent; font-size:12px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; padding:0; }
@media(max-width:650px) { .sharing-inspector { grid-template-columns:1fr; } .sharing-stack { height:220px; border-right:0; border-bottom:1px solid var(--line); } .sharing-detail { height:380px; padding:18px; } }
@media(max-width:800px) { .sharing-panels { grid-template-columns:1fr; } .sharing-messages { height:260px; } }

.sharing-trace-note { margin:0; padding:16px 24px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.7; }
