.code-runner:where(.astro-rovvjl7u){border:1px solid color-mix(in srgb, var(--sl-color-accent-high) 22%, var(--sl-color-gray-5));background:radial-gradient(circle at top right, color-mix(in srgb, var(--sl-color-accent-high) 10%, transparent), transparent 38%), linear-gradient(180deg, color-mix(in srgb, var(--sl-color-black) 8%, transparent), transparent);border-radius:14px;gap:.7rem;padding:.9rem;display:grid}.runner-copy:where(.astro-rovvjl7u) h3:where(.astro-rovvjl7u),.runner-copy:where(.astro-rovvjl7u) p:where(.astro-rovvjl7u){margin:0}.runner-copy:where(.astro-rovvjl7u) h3:where(.astro-rovvjl7u){font-size:1.02rem;line-height:1.2}.runner-topbar:where(.astro-rovvjl7u),.runner-actions:where(.astro-rovvjl7u){gap:.5rem;display:grid}.runner-topbar:where(.astro-rovvjl7u){grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.runner-actions:where(.astro-rovvjl7u){grid-template-columns:repeat(auto-fit,minmax(140px,max-content));justify-content:start}.runner-field:where(.astro-rovvjl7u){gap:.32rem;min-width:0;display:grid}.runner-field:where(.astro-rovvjl7u) span:where(.astro-rovvjl7u){color:var(--sl-color-gray-3);letter-spacing:.02em;font-size:.75rem;font-weight:600;line-height:1.1}.primary-action:where(.astro-rovvjl7u),.secondary-action:where(.astro-rovvjl7u){appearance:none;cursor:pointer;font:inherit;border:0;border-radius:10px;justify-content:center;align-items:center;line-height:1;transition:transform .12s,background .12s;display:inline-flex}.runner-field:where(.astro-rovvjl7u) select:where(.astro-rovvjl7u){-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--sl-color-gray-4) 70%, transparent);background:color-mix(in srgb, var(--sl-color-black) 10%, var(--sl-color-bg));width:100%;min-height:2.25rem;color:var(--sl-color-text);line-height:1.2;font:inherit;border-radius:12px;padding:.5rem .72rem}.runner-editor-shell:where(.astro-rovvjl7u){border:1px solid color-mix(in srgb, var(--sl-color-gray-4) 70%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--sl-color-black) 10%, var(--sl-color-bg)), color-mix(in srgb, var(--sl-color-black) 6%, var(--sl-color-bg)));border-radius:12px;overflow:hidden}.runner-editor:where(.astro-rovvjl7u){white-space:pre-wrap;word-break:break-word;min-height:260px;caret-color:var(--sl-color-accent-high);tab-size:2;outline:none;margin:0;padding:.75rem .8rem;font-family:Cascadia Code,JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.45}.primary-action:where(.astro-rovvjl7u),.secondary-action:where(.astro-rovvjl7u){min-height:1.95rem;padding:.42rem .8rem}.primary-action:where(.astro-rovvjl7u){background:var(--sl-color-accent-high);color:var(--sl-color-black);font-weight:700}.secondary-action:where(.astro-rovvjl7u){background:color-mix(in srgb, var(--sl-color-gray-6) 78%, transparent);color:var(--sl-color-text);border:1px solid color-mix(in srgb, var(--sl-color-gray-5) 85%, transparent)}.runner-output-wrap:where(.astro-rovvjl7u){border:1px solid color-mix(in srgb, var(--sl-color-gray-5) 80%, transparent);background:color-mix(in srgb, var(--sl-color-gray-6) 78%, transparent);border-radius:12px;padding:.75rem}.output-header:where(.astro-rovvjl7u){flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:.75rem;display:flex}.output-header:where(.astro-rovvjl7u) span:where(.astro-rovvjl7u),.runner-tip:where(.astro-rovvjl7u){color:var(--sl-color-text-accent);margin:0}.runner-output:where(.astro-rovvjl7u){white-space:pre-wrap;word-break:break-word;min-height:150px;margin:0;font-family:Cascadia Code,JetBrains Mono,Fira Code,monospace}@media (width<=820px){.runner-topbar:where(.astro-rovvjl7u){grid-template-columns:1fr}}.runner-editor-shell:where(.astro-rovvjl7u) .token.comment,.runner-editor-shell:where(.astro-rovvjl7u) .token.prolog,.runner-editor-shell:where(.astro-rovvjl7u) .token.doctype,.runner-editor-shell:where(.astro-rovvjl7u) .token.cdata{color:#7f8ea3}.runner-editor-shell:where(.astro-rovvjl7u) .token.keyword,.runner-editor-shell:where(.astro-rovvjl7u) .token.selector,.runner-editor-shell:where(.astro-rovvjl7u) .token.atrule{color:#f4b266}.runner-editor-shell:where(.astro-rovvjl7u) .token.function,.runner-editor-shell:where(.astro-rovvjl7u) .token.class-name{color:#79c0ff}.runner-editor-shell:where(.astro-rovvjl7u) .token.string,.runner-editor-shell:where(.astro-rovvjl7u) .token.char,.runner-editor-shell:where(.astro-rovvjl7u) .token.attr-value{color:#8ddf8a}.runner-editor-shell:where(.astro-rovvjl7u) .token.number,.runner-editor-shell:where(.astro-rovvjl7u) .token.boolean,.runner-editor-shell:where(.astro-rovvjl7u) .token.constant{color:#f38ba8}.runner-editor-shell:where(.astro-rovvjl7u) .token.operator,.runner-editor-shell:where(.astro-rovvjl7u) .token.punctuation{color:#d8dee9}.runner-editor-shell:where(.astro-rovvjl7u) .token.builtin,.runner-editor-shell:where(.astro-rovvjl7u) .token.symbol{color:#cba6f7}.sl-markdown-content:where(.astro-2eo25qke) .binary-inspector:where(.astro-2eo25qke),.sl-markdown-content:where(.astro-2eo25qke) .binary-inspector:where(.astro-2eo25qke) :where(.astro-2eo25qke){margin-top:0}.binary-inspector:where(.astro-2eo25qke){border:1px solid color-mix(in srgb, var(--sl-color-accent-high) 18%, var(--sl-color-gray-5));background:color-mix(in srgb, var(--sl-color-gray-6) 28%, transparent);border-radius:12px;gap:.6rem;padding:.8rem;display:grid}.bi-copy:where(.astro-2eo25qke),.bi-block:where(.astro-2eo25qke){gap:.32rem;display:grid}.bi-copy:where(.astro-2eo25qke) h3:where(.astro-2eo25qke),.bi-copy:where(.astro-2eo25qke) p:where(.astro-2eo25qke),.bi-hint:where(.astro-2eo25qke){margin:0}.bi-copy:where(.astro-2eo25qke) h3:where(.astro-2eo25qke){font-size:1rem;line-height:1.15}.bi-copy:where(.astro-2eo25qke) p:where(.astro-2eo25qke){color:var(--sl-color-gray-3);font-size:.94rem}.bi-block-title:where(.astro-2eo25qke),.bi-label:where(.astro-2eo25qke),.bi-table:where(.astro-2eo25qke) th:where(.astro-2eo25qke){text-transform:uppercase;letter-spacing:.05em;color:var(--sl-color-gray-3);font-size:.7rem;font-weight:700;line-height:1.1}.bi-matrix:where(.astro-2eo25qke){grid-auto-rows:1fr;align-items:stretch;gap:.4rem;display:grid}.bi-matrix-2:where(.astro-2eo25qke){grid-template-columns:repeat(2,minmax(0,1fr))}.bi-matrix-4:where(.astro-2eo25qke){grid-template-columns:repeat(4,minmax(0,1fr))}.bi-cell:where(.astro-2eo25qke),.bi-conversion:where(.astro-2eo25qke),.bi-table:where(.astro-2eo25qke){border:1px solid color-mix(in srgb, var(--sl-color-gray-5) 75%, transparent);background:color-mix(in srgb, var(--sl-color-gray-6) 62%, transparent);border-radius:10px;min-width:0}.bi-cell:where(.astro-2eo25qke){align-content:start;gap:.26rem;height:100%;padding:.52rem .58rem;display:grid}.bi-cell:where(.astro-2eo25qke) input:where(.astro-2eo25qke){border:1px solid color-mix(in srgb, var(--sl-color-gray-4) 70%, transparent);background:color-mix(in srgb, var(--sl-color-black) 10%, var(--sl-color-bg));width:100%;min-height:2.2rem;color:var(--sl-color-text);font:inherit;appearance:none;box-sizing:border-box;border-radius:10px;margin:0;padding:.4rem .58rem;line-height:1.2}.bi-cell:where(.astro-2eo25qke) input:where(.astro-2eo25qke)::-webkit-outer-spin-button,.bi-cell:where(.astro-2eo25qke) input:where(.astro-2eo25qke)::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bi-cell:where(.astro-2eo25qke) strong:where(.astro-2eo25qke),.bi-table:where(.astro-2eo25qke) code:where(.astro-2eo25qke),.bi-matrix:where(.astro-2eo25qke) .memory-byte strong,.bi-conversion:where(.astro-2eo25qke) li:where(.astro-2eo25qke){font-family:Cascadia Code,JetBrains Mono,Fira Code,monospace}.bi-cell:where(.astro-2eo25qke) strong:where(.astro-2eo25qke){color:var(--sl-color-white);font-size:1.04rem;line-height:1.2}.bi-table:where(.astro-2eo25qke){border-collapse:collapse;table-layout:fixed;width:100%}.bi-table:where(.astro-2eo25qke) th:where(.astro-2eo25qke),.bi-table:where(.astro-2eo25qke) td:where(.astro-2eo25qke){text-align:left;vertical-align:middle;padding:.5rem .58rem}.bi-table:where(.astro-2eo25qke) th:where(.astro-2eo25qke){border-right:1px solid color-mix(in srgb, var(--sl-color-gray-5) 75%, transparent);width:8rem}.bi-table:where(.astro-2eo25qke) tr:where(.astro-2eo25qke)+tr:where(.astro-2eo25qke) th:where(.astro-2eo25qke),.bi-table:where(.astro-2eo25qke) tr:where(.astro-2eo25qke)+tr:where(.astro-2eo25qke) td:where(.astro-2eo25qke){border-top:1px solid color-mix(in srgb, var(--sl-color-gray-5) 75%, transparent)}.bi-table:where(.astro-2eo25qke) code:where(.astro-2eo25qke){white-space:nowrap;color:var(--sl-color-white);font-size:.89rem;line-height:1.35;display:block;overflow-x:auto}.bi-matrix:where(.astro-2eo25qke) .memory-byte{border:1px solid color-mix(in srgb, var(--sl-color-gray-5) 75%, transparent);background:color-mix(in srgb, var(--sl-color-gray-6) 62%, transparent);border-radius:10px;align-content:start;gap:.12rem;min-width:0;height:100%;padding:.52rem .58rem;display:grid}.bi-matrix:where(.astro-2eo25qke) .memory-byte span{text-transform:uppercase;letter-spacing:.06em;color:var(--sl-color-gray-3);font-size:.68rem;line-height:1.1}.bi-matrix:where(.astro-2eo25qke) .memory-byte strong{color:var(--sl-color-white);font-size:1rem;line-height:1.2}.bi-conversion:where(.astro-2eo25qke){padding:.52rem .58rem}.bi-conversion:where(.astro-2eo25qke) ol:where(.astro-2eo25qke){gap:.18rem;margin:0;padding-left:1rem;display:grid}.bi-conversion:where(.astro-2eo25qke) li:where(.astro-2eo25qke){color:var(--sl-color-gray-2);font-size:.88rem}.bi-hint:where(.astro-2eo25qke){color:var(--sl-color-text-accent);font-size:.88rem}@media (width<=900px){.bi-matrix-4:where(.astro-2eo25qke){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.bi-matrix-2:where(.astro-2eo25qke),.bi-matrix-4:where(.astro-2eo25qke){grid-template-columns:1fr}.bi-table:where(.astro-2eo25qke) th:where(.astro-2eo25qke),.bi-table:where(.astro-2eo25qke) td:where(.astro-2eo25qke){border-right:0;width:100%;display:block}.bi-table:where(.astro-2eo25qke) td:where(.astro-2eo25qke){padding-top:0}}.algorithm-studio:where(.astro-3vowqsmh){gap:.9rem;display:grid}.studio-block:where(.astro-3vowqsmh){border:1px solid color-mix(in srgb, var(--sl-color-accent-high) 18%, var(--sl-color-gray-5));background:radial-gradient(circle at top right, color-mix(in srgb, var(--sl-color-accent-high) 10%, transparent), transparent 38%), linear-gradient(180deg, color-mix(in srgb, var(--sl-color-black) 8%, transparent), transparent);border-radius:14px;gap:.7rem;padding:.9rem;display:grid}.studio-copy:where(.astro-3vowqsmh) h3:where(.astro-3vowqsmh),.studio-copy:where(.astro-3vowqsmh) p:where(.astro-3vowqsmh),.studio-summary:where(.astro-3vowqsmh){margin:0}.studio-copy:where(.astro-3vowqsmh) h3:where(.astro-3vowqsmh){font-size:1.02rem;line-height:1.2}.studio-controls:where(.astro-3vowqsmh),.studio-actions:where(.astro-3vowqsmh){gap:.5rem;display:grid}.studio-controls:where(.astro-3vowqsmh){grid-template-columns:minmax(220px,1.75fr) repeat(4,minmax(108px,.9fr));align-items:end}.studio-actions:where(.astro-3vowqsmh){grid-template-columns:repeat(auto-fit,minmax(120px,max-content));justify-content:start}.studio-field:where(.astro-3vowqsmh){gap:.28rem;min-width:0;display:grid}.field-wide:where(.astro-3vowqsmh){flex-basis:260px}.studio-field:where(.astro-3vowqsmh) span:where(.astro-3vowqsmh){color:var(--sl-color-gray-3);letter-spacing:.02em;font-size:.76rem;font-weight:600;line-height:1.1}.studio-field:where(.astro-3vowqsmh) input:where(.astro-3vowqsmh),.studio-field:where(.astro-3vowqsmh) select:where(.astro-3vowqsmh){border:1px solid color-mix(in srgb, var(--sl-color-gray-4) 70%, transparent);background:color-mix(in srgb, var(--sl-color-black) 10%, var(--sl-color-bg));width:100%;color:var(--sl-color-text);font:inherit;border-radius:10px;padding:.5rem .65rem}.primary-action:where(.astro-3vowqsmh),.secondary-action:where(.astro-3vowqsmh){appearance:none;cursor:pointer;font:inherit;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:1.95rem;padding:.42rem .8rem;line-height:1;transition:transform .12s,background .12s;display:inline-flex}.primary-action:where(.astro-3vowqsmh){background:var(--sl-color-accent-high);color:var(--sl-color-black);font-weight:700}.secondary-action:where(.astro-3vowqsmh){background:color-mix(in srgb, var(--sl-color-gray-6) 78%, transparent);color:var(--sl-color-text)}.array-stage:where(.astro-3vowqsmh){flex-wrap:nowrap;align-items:end;gap:.35rem;min-height:190px;display:flex;overflow:hidden}.graph-stage:where(.astro-3vowqsmh){grid-template-columns:minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.graph-svg:where(.astro-3vowqsmh),.explanation-box:where(.astro-3vowqsmh),.distance-card:where(.astro-3vowqsmh){border:1px solid color-mix(in srgb, var(--sl-color-gray-5) 80%, transparent);background:color-mix(in srgb, var(--sl-color-gray-6) 72%, transparent);border-radius:12px;padding:.75rem}.graph-svg:where(.astro-3vowqsmh){width:100%;min-height:360px;padding:.75rem}.graph-meta:where(.astro-3vowqsmh){grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.array-bar{background:color-mix(in srgb, var(--sl-color-gray-6) 76%, transparent);border:1px solid color-mix(in srgb, var(--sl-color-gray-5) 62%, transparent);border-radius:6px;flex:1 1 0;justify-items:center;gap:.24rem;min-width:0;padding:.3rem .25rem .35rem;display:grid}.array-bar span{font-size:.86rem;font-weight:700;line-height:1}.array-bar i{background:linear-gradient(180deg, var(--sl-color-accent-high), color-mix(in srgb, var(--sl-color-accent-high) 25%, #0d3b66));border-radius:4px;width:100%;display:block}.array-bar.is-active{border-color:var(--sl-color-accent-high);transform:translateY(-2px)}.array-bar.is-found i{background:linear-gradient(#4ade80,#166534)}.array-bar.is-sorted i{background:linear-gradient(#fbbf24,#92400e)}.array-bar.is-mid{box-shadow:0 0 0 2px #60a5faa6}.array-bar.is-low,.array-bar.is-high{border-style:dashed}.graph-edge{stroke:color-mix(in srgb, var(--sl-color-gray-3) 50%, transparent);stroke-width:2.5px}.graph-weight{fill:var(--sl-color-text-accent);text-anchor:middle;font-size:.78rem}.graph-node{fill:color-mix(in srgb, var(--sl-color-gray-6) 82%, transparent);stroke:color-mix(in srgb, var(--sl-color-gray-3) 60%, transparent);stroke-width:2.5px}.graph-node.is-visited{fill:color-mix(in srgb, #fbbf24 28%, var(--sl-color-gray-6));stroke:#f59e0b}.graph-node.is-current{fill:color-mix(in srgb, var(--sl-color-accent-high) 30%, var(--sl-color-gray-6));stroke:var(--sl-color-accent-high)}.graph-node-label{fill:var(--sl-color-text);font-size:1rem;font-weight:700}.distance-row{border-bottom:1px solid color-mix(in srgb, var(--sl-color-gray-5) 60%, transparent);justify-content:space-between;gap:.75rem;padding:.3rem 0;display:flex}.studio-summary:where(.astro-3vowqsmh){color:var(--sl-color-gray-3);font-size:.92rem}.distance-row:last-child{border-bottom:0}@media (width<=900px){.studio-controls:where(.astro-3vowqsmh){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.studio-controls:where(.astro-3vowqsmh),.studio-actions:where(.astro-3vowqsmh){grid-template-columns:1fr}.array-stage:where(.astro-3vowqsmh){gap:.28rem;min-height:170px}.graph-meta:where(.astro-3vowqsmh){grid-template-columns:1fr}}