.synapse-prose .workbench{margin:1.5rem 0}.runnable{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.75rem;margin:1.5rem 0;overflow:hidden}.runnable__bar{background:hsl(var(--muted));border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.wb__eyebrow{letter-spacing:.08em;color:hsl(var(--muted-foreground));font-size:.72rem;font-weight:600}.wb__prompt{color:hsl(var(--primary));font-family:ui-monospace,monospace}.wb__actions{align-items:center;gap:.5rem;display:flex}.wb__lang-pill{color:hsl(var(--primary));background:hsl(var(--primary) / .15);border-radius:999px;padding:.1rem .6rem;font-size:.75rem}.wb__ghost{color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));cursor:pointer;background:0 0;border-radius:.4rem;padding:.15rem .6rem;font-size:.78rem}.wb__ghost:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}.wb__ghost--live{background:hsl(var(--primary) / .15);border-color:hsl(var(--primary));color:hsl(var(--primary))}.wb__tip{display:inline-flex;position:relative}.wb__tip:hover:after{content:attr(data-tip);white-space:normal;background:hsl(var(--foreground));width:max-content;max-width:min(26rem,70vw);color:hsl(var(--muted) / .5);z-index:20;border-radius:.35rem;padding:.25rem .5rem;font-size:.72rem;position:absolute;top:calc(100% + 6px);right:0}.runnable__run{color:hsl(var(--primary-foreground));background:hsl(var(--primary));cursor:pointer;border:none;border-radius:.4rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.runnable__run:hover{filter:brightness(1.08)}.runnable__run:disabled{opacity:.6;cursor:default}.runnable__editor{position:relative}.runnable__preview{cursor:text;position:absolute;inset:0;overflow:auto}.runnable__preview pre{min-height:100%;font-family:var(--font-mono,ui-monospace, monospace);margin:0;padding:10px 16px;font-size:13px;line-height:20px}.runnable__out{border-top:1px solid hsl(var(--border));padding:.6rem .9rem}.runnable__out--running{color:hsl(var(--muted-foreground));font-size:.85rem}.runnable__out--error{background:hsl(var(--status-err-bg) / .1)}.runnable__status{align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.runnable__badge{border-radius:999px;padding:.1rem .6rem;font-size:.75rem;font-weight:600}.runnable__badge--ok{color:hsl(var(--status-ok));background:hsl(var(--status-ok-bg) / .14)}.runnable__badge--fail{color:hsl(var(--status-err));background:hsl(var(--status-err-bg) / .18)}.runnable__meta{color:hsl(var(--muted-foreground));font-family:ui-monospace,monospace;font-size:.75rem}.runnable__stdout,.runnable__stream{background:hsl(var(--muted));border-radius:.4rem;margin:.25rem 0;padding:.5rem .75rem;font-size:.8rem;overflow-x:auto}.runnable__details{margin:.25rem 0}.runnable__details-label{color:hsl(var(--muted-foreground));cursor:pointer;font-size:.75rem}.runnable__empty{color:hsl(var(--muted-foreground) / .8);margin:.25rem 0;font-size:.8rem;font-style:italic}.wb__tests{border-top:1px solid hsl(var(--border));background:hsl(var(--muted) / .5);padding:.75rem 1rem}.wb__chips{flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;display:flex}.wb__chip{border:1px solid hsl(var(--border));background:hsl(var(--card));cursor:pointer;color:hsl(var(--muted-foreground));border-radius:9999px;padding:.25rem .7rem;font-size:.78rem}.wb__chip--active{background:hsl(var(--primary) / .15);border-color:hsl(var(--primary) / .35);color:hsl(var(--primary));font-weight:600}.wb__chip--ok{border-color:hsl(var(--status-ok) / .5);color:hsl(var(--status-ok))}.wb__chip--fail{border-color:hsl(var(--status-err) / .5);color:hsl(var(--status-err))}.wb__chip--add{border-style:dashed;padding-inline:.55rem;font-weight:700;line-height:1}.wb__chip--add:hover{border-color:hsl(var(--primary) / .5);color:hsl(var(--primary))}.wb__tick{margin-left:.35rem;font-weight:700}.wb__values{flex-wrap:wrap;gap:.75rem;display:flex}.wb__field{flex-direction:column;gap:.2rem;display:flex}.wb__field-label{letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-size:.72rem;font-weight:600}.wb__input{border:1px solid hsl(var(--border));border-radius:.4rem;min-width:9rem;padding:.35rem .55rem;font-family:ui-monospace,monospace;font-size:.85rem}.wb__expected{margin-top:.6rem}.wb__expected pre{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.4rem;margin:.2rem 0 0;padding:.4rem .6rem;font-size:.85rem}.wb-legend--ok{outline:2px solid hsl(var(--status-ok-bg) / .6)}.wb-legend--err{outline:2px solid hsl(var(--status-err-bg) / .55)}.wb__submit{border:1px solid hsl(var(--primary));background:hsl(var(--card));color:hsl(var(--primary));cursor:pointer;border-radius:.45rem;padding:.35rem .9rem;font-size:.82rem;font-weight:600}.wb__submit:hover{background:hsl(var(--primary) / .08)}.wb__submit:disabled{opacity:.6;cursor:default}.wb__verdict{border-top:1px solid hsl(var(--border));padding:.7rem 1rem;font-size:.9rem}.wb__verdict--judging{color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .6)}.wb__verdict-id{opacity:.7;font-family:ui-monospace,monospace;font-size:.75rem}.wb__verdict--accepted{color:hsl(var(--status-ok));background:hsl(var(--status-ok-bg) / .12);font-weight:600}.wb__verdict--rejected{color:hsl(var(--status-err));background:hsl(var(--status-err-bg) / .1);font-weight:600}.wb__verdict--failed{color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .6)}.wb__failure{margin-top:.5rem;font-weight:400}.wb__failure-head{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.3rem;display:flex}.wb__failure-line{background:hsl(var(--card));border:1px solid hsl(var(--status-err) / .35);border-radius:.35rem;margin:.15rem 0;padding:.3rem .5rem;font-size:.8rem}.wb__use-case{border:1px solid hsl(var(--primary) / .45);background:hsl(var(--primary) / .12);color:hsl(var(--primary));cursor:pointer;border-radius:9999px;flex:none;padding:.25rem .7rem;font-size:.75rem;font-weight:600}.wb__use-case:hover:not(:disabled){background:hsl(var(--primary) / .2)}.wb__use-case:disabled{border-color:hsl(var(--border));color:hsl(var(--muted-foreground));cursor:not-allowed;background:0 0}.quiz{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.75rem;padding:1rem;overflow:hidden}.quiz__head{flex-direction:column;gap:.375rem;margin-bottom:.5rem;display:flex}.quiz__prompt{color:hsl(var(--foreground));margin:0;font-size:15px;font-weight:500}.quiz__input{font-size:12.5px;font-family:var(--font-mono,ui-monospace, monospace);background:hsl(var(--muted) / .5);color:hsl(var(--foreground));border-radius:.375rem;margin:0 0 .5rem;padding:.5rem .75rem;overflow:auto}.quiz__options{flex-direction:column;gap:.375rem;display:flex}.quiz__option{text-align:left;cursor:pointer;border:1px solid hsl(var(--border));background:hsl(var(--background) / .5);color:hsl(var(--foreground));border-radius:.375rem;padding:.5rem .75rem;font-size:13.5px;transition:border-color .12s,background .12s}.quiz__option:hover:not(:disabled){border-color:hsl(var(--primary) / .45)}.quiz__option:disabled{cursor:default}.quiz__option--selected{border-color:hsl(var(--primary));background:hsl(var(--primary) / .07)}.quiz__option--right{border-color:hsl(var(--status-ok));background:hsl(var(--status-ok-bg) / .12);color:hsl(var(--status-ok))}.quiz__option--wrong{border-color:hsl(var(--status-err));background:hsl(var(--status-err-bg) / .1);color:hsl(var(--status-err))}.quiz__foot{margin-top:.75rem}.quiz__check{background:hsl(var(--primary));color:hsl(var(--primary-foreground));cursor:pointer;border:0;border-radius:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:background .12s}.quiz__check:hover:not(:disabled){background:hsl(var(--primary) / .88)}.quiz__check:disabled{cursor:not-allowed;opacity:.6}.quiz__verdict{flex-wrap:wrap;align-items:center;gap:.75rem;font-size:13.5px;display:flex}.quiz__verdict-ok{color:hsl(var(--status-ok));font-weight:600}.quiz__verdict-no{color:hsl(var(--status-err))}.quiz__again{border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border-radius:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;transition:color .12s}.quiz__again:hover{color:hsl(var(--foreground))}