/* Preserve the existing two columns; expose the original demo's quiet grip. */
.panel-resizer{display:none}
#dataPanel>summary .chevron{display:block;width:20px;height:20px;flex:0 0 20px;margin-left:auto;transition:transform 140ms ease}
#dataPanel[open]>summary .chevron{transform:rotate(180deg)}
@media(min-width:801px){
 .workspace{position:relative;grid-template-columns:minmax(0,1fr) var(--chat-width,410px);--resize-padding:20px;--resize-gap:16px}
 .panel-resizer{position:absolute;display:block;top:0;bottom:16px;right:calc(var(--resize-padding) + var(--resizer-chat-width,410px));width:var(--resize-gap);z-index:12;cursor:col-resize;touch-action:none;outline:none}
 .panel-resizer::after{content:'';position:absolute;top:12px;bottom:12px;left:calc(50% - 1px);width:2px;border-radius:2px;background:var(--gold);opacity:0;transition:opacity 140ms ease}
 .panel-resizer:hover::after,.panel-resizer:focus-visible::after,.is-resizing .panel-resizer::after{opacity:.55}
 .panel-resizer:focus-visible{outline:1px solid var(--gold);outline-offset:-2px;border-radius:4px}
}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) var(--chat-width,460px)}}
@media(min-width:801px) and (max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) var(--chat-width,365px);--resize-padding:14px;--resize-gap:12px}.panel-resizer{bottom:12px}}
body.is-panel-resizing,body.is-panel-resizing *{cursor:col-resize!important;user-select:none!important}
body.is-panel-resizing video{pointer-events:none}
@media(prefers-reduced-motion:reduce){#dataPanel>summary .chevron,.panel-resizer::after{transition:none}}