.shinrai-recorded-demo { border:1px solid #dce2ee; border-radius:18px; padding:clamp(18px,3vw,32px); background:#fff; color:#15213a; }
.shinrai-recorded-demo .sr-demo-badge { display:inline-block; font-size:.8rem; color:#344da2; background:#edf1fd; border-radius:20px; padding:5px 12px; margin:0 0 18px; }
.shinrai-recorded-demo label { display:block; font-weight:600; }
.shinrai-recorded-demo select { display:block; width:100%; max-width:420px; padding:10px; margin:8px 0 20px; font:inherit; border:1px solid #bcc6d7; border-radius:8px; background:white; color:#15213a; }
.shinrai-recorded-demo .sr-demo-panes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.shinrai-recorded-demo article { min-width:0; }
.shinrai-recorded-demo h3 { font-size:1rem; }
.shinrai-recorded-demo pre { margin:0; min-height:260px; max-height:480px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:.9rem; line-height:1.65; padding:20px; border-radius:12px; background:#f4f6fa; color:#23314a; }
.shinrai-recorded-demo article:last-child pre { background:#edf7f3; color:#183e35; }
.shinrai-recorded-demo .sr-demo-controls { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
@media(max-width:650px) { .shinrai-recorded-demo .sr-demo-panes { grid-template-columns:1fr; } .shinrai-recorded-demo pre { min-height:120px; } }
@media(prefers-reduced-motion:reduce) { .shinrai-recorded-demo * { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

.shinrai-recorded-demo pre mark{background:#e8e0ff;color:#463483;border-radius:3px;padding:1px 2px}.shinrai-recorded-demo article:last-child pre mark{background:#cbe9df;color:#205c50}

.shinrai-recorded-demo mark[role=button]{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.shinrai-recorded-demo mark.is-active,.shinrai-recorded-demo mark:focus-visible{outline:2px solid currentColor;outline-offset:2px;text-decoration-style:solid}.shinrai-recorded-demo .sr-demo-controls{align-items:center}.shinrai-recorded-demo .sr-demo-status:empty{display:none}

/* The details remain inside the viewport and can be hovered or dismissed with Escape. */
.sr-entity-details{position:fixed;z-index:1000;box-sizing:border-box;width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;background:var(--surface,#fff);color:var(--ink,#15213a);border:1px solid var(--line,#dce2ee);border-radius:14px;padding:16px;box-shadow:0 12px 36px #0003;font:500 .82rem/1.5 system-ui,sans-serif;overflow-wrap:anywhere}
.sr-entity-details[hidden]{display:none}
.sr-entity-pair{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0 0 12px!important;font-size:.94rem}
.sr-entity-arrow{color:var(--muted,#52617a)}
.sr-entity-details dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:6px 12px;margin:0}
.sr-entity-details dt{color:var(--muted,#52617a);font-weight:400}
.sr-entity-details dd{margin:0;text-align:right}