.c-runner{border:1px solid color-mix(in srgb, var(--lightgray) 82%, var(--secondary) 18%);background:color-mix(in srgb, var(--light) 94%, var(--secondary) 6%);border-radius:.5rem;margin:1.2rem 0;overflow:hidden}.c-runner__code>figure{margin:0}.c-runner__code pre{border-radius:0;margin:0}.c-runner__controls{border-top:1px solid color-mix(in srgb, var(--lightgray) 82%, var(--secondary) 18%);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}.c-runner__controls button{min-height:2rem;color:var(--dark);font:inherit;background:var(--light);border:1px solid color-mix(in srgb, var(--lightgray) 72%, var(--secondary) 28%);cursor:pointer;border-radius:.35rem;justify-content:center;align-items:center;padding:.3rem .7rem;font-weight:700;display:inline-flex}.c-runner__controls button[data-c-action=edit]{color:#204f86;background:color-mix(in srgb, #5fa8e8 18%, var(--light) 82%);border-color:#5fa8e8}.c-runner__controls button[data-c-action=input]{color:#14635f;background:color-mix(in srgb, #39b7a8 18%, var(--light) 82%);border-color:#39b7a8}.c-runner__controls button[data-c-action=reset]{color:#795126;background:color-mix(in srgb, #d8a145 22%, var(--light) 78%);border-color:#d8a145}.c-runner__controls button[data-c-action=run]{color:#1f612f;background:color-mix(in srgb, #45b45f 20%, var(--light) 80%);border-color:#45b45f}.c-runner__controls button:hover{filter:saturate(1.12)contrast(1.03);transform:translateY(-1px)}.c-runner__controls button:disabled{cursor:wait;opacity:.65}.c-runner__status{min-width:14rem;max-width:14rem;color:var(--dark);border:1px solid color-mix(in srgb, var(--lightgray) 78%, var(--secondary) 22%);background:color-mix(in srgb, var(--light) 88%, var(--secondary) 12%);border-radius:.4rem;flex-direction:column;gap:.3rem;padding:.35rem .5rem;font-size:.82rem;font-weight:700;display:flex}.c-runner__status-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.c-runner__progress{background:color-mix(in srgb, var(--lightgray) 85%, var(--secondary) 15%);border-radius:999px;height:.32rem;position:relative;overflow:hidden}.c-runner__progress-fill{background:var(--secondary);border-radius:999px;width:0;height:100%;transition:width .2s;display:block}.c-runner[data-state=loading] .c-runner__status,.c-runner[data-state=compiling] .c-runner__status,.c-runner[data-state=running] .c-runner__status,.c-runner[data-state=error] .c-runner__status,.c-runner[data-state=ready] .c-runner__status{transition:background-color .15s,border-color .15s,color .15s}.c-runner[data-state=ready] .c-runner__status{color:var(--darkgray);background:color-mix(in srgb, var(--light) 92%, var(--darkgray) 8%)}.c-runner[data-state=loading] .c-runner__status{color:#2d2a7b;background:color-mix(in srgb, #5e7cf0 14%, var(--light) 86%);border-color:#5e7cf0}.c-runner[data-state=compiling] .c-runner__status{color:#4e3f8d;background:color-mix(in srgb, #7b63dc 15%, var(--light) 85%);border-color:#7b63dc}.c-runner[data-state=running] .c-runner__status{color:#2f5d40;background:color-mix(in srgb, #3f9857 14%, var(--light) 86%);border-color:#3f9857}.c-runner[data-state=error] .c-runner__status{color:#8f2937;background:color-mix(in srgb, #d34a59 14%, var(--light) 86%);border-color:#d34a59}.c-runner[data-state=finished] .c-runner__status{color:#2e6d80;background:color-mix(in srgb, #5eb5cc 14%, var(--light) 86%);border-color:#5eb5cc}.c-runner__progress-fill[data-progress-mode=indeterminate]{width:36%;animation:1.15s linear infinite c-runner-indeterminate}@keyframes c-runner-indeterminate{0%{transform:translate(-80%)}to{transform:translate(180%)}}.c-runner__progress-fill[data-progress-mode=determinate],.c-runner__progress-fill[data-progress-mode=idle]{animation:none;transform:none}.c-runner__status-text{font-size:.82rem}.c-runner__editor,.c-runner__stdin,.c-runner__output{border-top:1px solid color-mix(in srgb, var(--lightgray) 86%, var(--secondary) 14%);padding:.75rem}.c-runner__label{color:var(--dark);margin-bottom:.35rem;font-weight:700;display:block}.c-runner__editor-surface{border:1px solid color-mix(in srgb, var(--lightgray) 82%, var(--secondary) 18%);background:var(--light);border-radius:.35rem;min-height:9rem;position:relative;overflow:hidden}.c-runner__editor-highlight{box-sizing:border-box;min-height:9rem;color:var(--darkgray);font:.9rem/1.45 var(--codeFont);white-space:pre-wrap;overflow-wrap:normal;tab-size:2;pointer-events:none;margin:0;padding:.65rem;position:absolute;inset:0;overflow:hidden}.c-runner__editor-highlight code{font:inherit}.c-runner__tok-keyword{color:#8a3ffc;font-weight:700}.c-runner__tok-type{color:#116b85;font-weight:700}.c-runner__tok-string{color:#a84f12}.c-runner__tok-comment{color:#6f7d86;font-style:italic}.c-runner__tok-number{color:#276f3f}.c-runner__tok-preprocessor{color:#a33d65;font-weight:700}.c-runner textarea{box-sizing:border-box;width:100%;min-height:9rem;color:var(--darkgray);font:.9rem/1.45 var(--codeFont);background:var(--light);border:1px solid color-mix(in srgb, var(--lightgray) 82%, var(--secondary) 18%);resize:vertical;border-radius:.35rem;padding:.65rem}.c-runner__editor textarea{z-index:1;color:#0000;caret-color:var(--darkgray);tab-size:2;background:0 0;border:0;border-radius:0;display:block;position:relative}.c-runner__editor textarea::selection{color:#0000;background:color-mix(in srgb, var(--secondary) 26%, transparent)}.c-runner__stdin textarea{min-height:4.5rem}.c-runner__output pre{box-sizing:border-box;max-height:18rem;color:var(--darkgray);background:var(--light);border:1px solid color-mix(in srgb, var(--lightgray) 82%, var(--secondary) 18%);white-space:pre-wrap;border-radius:.35rem;margin:0;padding:.75rem;overflow:auto}