/* Author: Sandeep Belgavi. Scoped helper content and containment repairs. */
.llm-helper-guide{margin:24px 0;padding:clamp(16px,3vw,28px);background:#fff;border:1px solid #c5d4df;border-radius:12px;color:#263f51;line-height:1.7;overflow-wrap:anywhere}
.llm-helper-guide h2{font-size:1.5rem}.llm-helper-guide h3{font-size:1.12rem;margin:24px 0 8px}.llm-helper-guide p{max-width:85ch;margin:8px 0 18px}
.llm-helper-nav{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;line-height:1.8}
.ul-main,.ul-workspace,.ul-experiment,.ul-scene,.ul-settings,.ul-panel,.ul-below,.lab-body,.lab-card{min-width:0;max-width:100%}
pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}select,input,textarea{max-width:100%;min-width:0}a{overflow-wrap:anywhere}
.am-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.am-fields label{display:grid;gap:6px}.am-fields input{width:100%}.am-fields output{font-weight:700}
.am-table-wrap{max-width:100%;overflow:auto;border:1px solid #7894a8;margin:20px 0}.am-table-wrap:focus-visible{outline:3px solid #1360a1}
#am-matrix{border-collapse:collapse;width:100%;font:14px ui-monospace,monospace}#am-matrix caption{text-align:left;padding:10px;font:15px system-ui}
#am-matrix th,#am-matrix td{padding:6px;text-align:center;border:1px solid #a4b6c3;min-width:24px}#am-matrix td[data-allowed="1"]{background:#d4eee2;color:#134332}#am-matrix td[data-allowed="0"]{background:#e8edf2;color:#314353}#am-matrix .am-selected{outline:3px solid #174f99;outline-offset:-3px}
@media(max-width:480px){.ul-main{padding-left:12px!important;padding-right:12px!important}.ul-settings{overflow-wrap:anywhere}.cb-transport,.ul-workspace-head{flex-wrap:wrap}.cb-transport label{max-width:100%}.llm-helper-guide{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Preserve native diagram text sizes on narrow screens. */
.llm-diagram-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain}.llm-diagram-scroll:focus-visible{outline:3px solid #1360a1;outline-offset:-3px}
@media(max-width:700px){.ul-main .ul-scene .llm-diagram-scroll>svg,.ul-main .ul-scene .llm-diagram-scroll>canvas{width:var(--llm-diagram-width)!important;min-width:var(--llm-diagram-width)!important;max-width:none!important;height:auto!important;margin:0!important}}

.llm-diagram-hint{display:none}@media(max-width:700px){.llm-diagram-hint{display:block;margin:0;padding:12px 16px;background:#eaf3f9;font:14px/1.5 system-ui;color:#29495f}}
