.executable-code{margin:22px 0;border:1px solid #35504a;background:#071c19;color:#d5dfdc;overflow:hidden}.executable-code.control-only{margin:0;border:0;border-top:1px solid #29423e}.executable-code-toolbar{min-height:42px;padding:7px 10px 7px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #29423e}.executable-code-toolbar strong{margin-right:auto;color:#9bada7;font:800 9px/1 var(--font-geist-mono),monospace;letter-spacing:.1em}.executable-code-toolbar span{color:#718781;font-size:9px}.executable-code-toolbar button{padding:7px 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #607b73;background:var(--lime);color:#10231f;font-size:9px;font-weight:850;cursor:pointer}.executable-code-toolbar button:disabled{opacity:.65;cursor:wait}.executable-code .tutorial-code-block{margin:0;border:0}.executable-code-result{border-top:1px solid #29423e;background:#091411}.executable-code-result>strong{padding:10px 14px 0;display:block;color:#85a49a;font:800 9px/1 var(--font-geist-mono),monospace;letter-spacing:.1em}.executable-code-result pre{min-height:58px;max-height:260px;margin:0;padding:12px 14px 16px;overflow:auto;color:#d9eee6;font:12px/1.6 var(--font-geist-mono),monospace;white-space:pre-wrap}.executable-code-preview{padding:12px;background:#d9dfdc}.executable-code-preview iframe{width:100%;height:300px;display:block;border:1px solid #779088;background:#fff}.executable-code-note{margin:0!important;padding:10px 14px;border-top:1px solid #29423e;color:#8fa39c!important;font-size:10px!important;line-height:1.5!important}@media(max-width:640px){.executable-code-toolbar span{display:none}.executable-code-preview iframe{height:240px}}