.live-code-lab{min-width:0;margin-block:16px}.live-code-lab .live-code-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px;background:var(--surface,#f1f5f9);border:1px solid var(--line,#b4c0cf)}.live-code-lab .live-code-toolbar label{display:flex;align-items:center;gap:8px;margin:0}.live-code-toolbar input{width:auto}.live-code-toolbar select{max-width:100%;padding:8px;font:inherit}.live-code-toolbar button{padding:10px 16px;border:0;border-radius:6px;background:#254fc0;color:white;font:inherit;cursor:pointer}.live-code-toolbar :focus-visible{outline:3px solid #416bd1;outline-offset:3px}.live-code-toolbar [role=status]{font-size:13px}.live-code-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.live-code-columns>div{min-width:0}.live-code-columns h4{margin:12px 0}.live-code-source .syntax-editor{max-height:600px;overflow:auto}.live-code-viewport{overflow:auto;max-width:100%;border:1px solid #9aaabd;background:#e5eaf0}.live-code-lab .live-code-viewport iframe{display:block;max-width:none;min-width:0;border:0;background:white}.live-code-help{font-size:13px;line-height:1.6}@media(max-width:1000px){.live-code-columns{grid-template-columns:minmax(0,1fr)}}