.code-preview-with-framework{height:100%;display:flex;flex-direction:column}.code-editor-container,.code-comparison-container{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;position:relative}.code-editor-container[data-framework=python-adk]{border-top:3px solid #3776ab}.code-editor-container[data-framework=java-adk]{border-top:3px solid #f89820}.code-editor-container[data-framework=assetcore-java]{border-top:3px solid #1890ff}.code-comparison-container>div{height:100%}.code-comparison-container .ms-Stack{border-right:1px solid #e0e0e0}.code-comparison-container .ms-Stack:last-child{border-right:none}.code-preview-with-framework .status-bar{padding:4px 12px;background:#f5f5f5;border-top:1px solid #e0e0e0;font-size:12px}@media(prefers-color-scheme:dark){.code-editor-container,.code-comparison-container{border-color:#434343}.code-comparison-container .ms-Stack{border-right-color:#434343}.code-preview-with-framework .status-bar{background:#1f1f1f;border-top-color:#434343}}.code-preview-with-framework.loading .code-editor-container:after{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.framework-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#f0f0f0;border-radius:4px;font-size:12px;font-weight:500;margin-bottom:8px}.framework-badge.python-adk{background:#3776ab;color:#fff}.framework-badge.java-adk{background:#f89820;color:#fff}.framework-badge.assetcore-java{background:#1890ff;color:#fff}@media(max-width:1200px){.code-comparison-container{font-size:11px}.code-comparison-container .monaco-editor{font-size:11px!important}}@media(max-width:768px){.code-comparison-container>div{flex-direction:column!important}.code-comparison-container .ms-Stack{border-right:none;border-bottom:1px solid #e0e0e0;min-height:200px}.code-comparison-container .ms-Stack:last-child{border-bottom:none}}