body{background:var(--instui-color-background-base,Canvas);color:var(--instui-color-text-base,CanvasText);font-family:var(--instui-font-family-base,system-ui, sans-serif);margin:0}#runner{position:relative}.runner__loading{border:var(--instui-border-width-sm,1px) solid var(--instui-color-stroke-base,#c7cdd1);border-radius:var(--instui-border-radius-md,6px);place-items:center;min-height:10rem;display:grid}@keyframes runner-spin{to{transform:rotate(1turn)}}.runner__spinner{box-sizing:border-box;width:var(--instui-component-spinner-spinner-size-md,3rem);height:var(--instui-component-spinner-spinner-size-md,3rem);border:var(--instui-component-spinner-stroke-width-md,.25rem) solid var(--instui-component-spinner-track-color,color-mix(in srgb, currentColor 15%, transparent));border-top-color:var(--instui-component-spinner-color,currentColor);border-radius:50%;animation:.8s linear infinite runner-spin}.runner{flex-direction:column;min-height:0;display:flex}.runner--booting{visibility:hidden;position:absolute;inset:0 0 auto}.runner__bar{z-index:1;align-items:center;gap:var(--instui-spacing-space-xs,.5rem);flex-wrap:wrap;display:flex;position:sticky;top:0}.runner__bar .instui-radio.-variant-toggle{--pantoken-rt-fill:var(--instui-color-background-interactive-action-primary-base)}.runner__bar .instui-radio.-variant-toggle:has(input:checked){color:var(--instui-color-text-interactive-action-primary-base)}.runner__body{resize:vertical;border:var(--instui-border-width-sm,1px) solid var(--instui-color-stroke-base,#c7cdd1);border-radius:var(--instui-border-radius-md,6px);min-height:5.75rem;margin-top:var(--instui-spacing-gap-inputs-vertical);flex-direction:column;display:flex;overflow:hidden}.runner__code{border-block-end:var(--instui-border-width-sm,1px) solid var(--instui-color-stroke-base,#c7cdd1);border-radius:var(--instui-border-radius-md,6px) var(--instui-border-radius-md,6px) 0 0;flex:0 auto;min-height:0;overflow:auto}.runner__editor{--runner-icon-copy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/g%3E%3C/svg%3E");--runner-icon-copied:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");display:none;position:relative}.runner__editor[data-active]{display:block}.runner__result{background:var(--instui-color-background-base,#fff);border-radius:var(--instui-border-radius-md,6px);border:0;flex:auto;min-height:0;overflow:auto}.runner--show-result .runner__code{display:none}.runner--resizing .runner__code{overflow:hidden}.runner__editor .shiki{font-family:var(--instui-font-family-code,ui-monospace, monospace);tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;background-color:var(--shiki-light-bg);margin:0;padding:20px 24px;font-size:.8125rem;line-height:1.5}.runner__editor .shiki,.runner__editor .shiki span{color:var(--shiki-light)}.code-dark .runner__editor .shiki{background-color:var(--shiki-dark-bg)}.code-dark .runner__editor .shiki,.code-dark .runner__editor .shiki span{color:var(--shiki-dark)}.runner__editor .copy{z-index:1;border:var(--instui-border-width-sm,1px) solid var(--instui-color-stroke-base,#c7cdd1);border-radius:var(--instui-border-radius-md,4px);background-color:var(--instui-color-background-base,#fff);background-image:var(--runner-icon-copy);opacity:0;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:20px;width:40px;height:40px;padding:0;transition:border-color .25s,background-color .25s,opacity .25s;position:absolute;top:12px;right:12px}.runner__editor:hover .copy,.runner__editor .copy:focus{opacity:1}.runner__editor .copy:hover{border-color:var(--instui-color-stroke-secondary,var(--instui-color-stroke-base,#6b7780))}.runner__editor .copy.copied{background-image:var(--runner-icon-copied);border-radius:0 var(--instui-border-radius-md,4px) var(--instui-border-radius-md,4px) 0}.runner__editor .copy.copied:before{content:"Copied";border:var(--instui-border-width-sm,1px) solid var(--instui-color-stroke-base,#c7cdd1);border-radius:var(--instui-border-radius-md,4px) 0 0 var(--instui-border-radius-md,4px);white-space:nowrap;height:40px;color:var(--instui-color-text-secondary,#6b7780);background-color:var(--instui-color-background-base,#fff);border-right:0;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:flex;position:absolute;top:-1px;right:calc(100% + 1px)}#runner-error{color:var(--instui-color-text-error,#b3202c);font-family:var(--instui-font-family-code,ui-monospace, monospace);padding:16px}