#workspace{--options-width:220px;--details-width:248px;overflow:hidden;min-height:0;min-width:0;display:grid;grid-template-columns:var(--options-width) minmax(0,1fr) var(--details-width);place-items:stretch;padding:0}
.workspace-panel{min-height:0;min-width:0;display:grid;grid-template-rows:52px minmax(0,1fr);background:var(--panel)}
.options-panel{border-right:1px solid var(--line)}.details-panel{border-left:1px solid var(--line)}.main-panel{background:var(--bg)}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 20px;border-bottom:1px solid var(--line)}
.panel-heading h2{font-size:12px;letter-spacing:0;font-weight:650;margin:0}
.panel-index{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted);opacity:.65}
.panel-body{overflow:auto;min-height:0;min-width:0;padding:26px 20px;scrollbar-color:var(--line) var(--panel);scrollbar-width:thin}
.panel-body:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.panel-description h3{font-size:14px;line-height:1.45;margin:14px 0 10px;font-weight:600}
.panel-description p,.panel-example p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}
.panel-example{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.example-label{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}
.main-body{display:flex;flex-direction:column;padding:40px 28px}
.canvas-note{margin:auto;flex-shrink:0}.canvas-note p{white-space:pre-line}
@media(max-width:1000px){#workspace{--options-width:180px;--details-width:200px}.panel-heading{padding-inline:16px}.panel-body{padding:24px 16px}.canvas-note h2{font-size:24px}}
@media(max-width:760px){#workspace{--options-width:152px;--details-width:168px}.panel-heading{padding-inline:14px}.panel-body{padding:22px 14px}.canvas-note h2{font-size:22px}}

@media(max-width:600px){#workspace{overflow:auto;display:flex;flex-direction:column}.workspace-panel{min-height:220px;flex-shrink:0;overflow:visible}.main-panel{min-height:350px}.panel-body{overflow:visible}.options-panel,.details-panel{border:0;border-bottom:1px solid var(--line)}}