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