.lab{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}.lab__head{display:flex;flex-direction:column;gap:var(--s-1)}.lab__title{font-family:var(--font-display);font-weight:var(--w-display);font-size:var(--t-xl);margin:0}.lab__sub{margin:0;font-size:var(--t-sm)}.lab__h3{font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--t-md);margin:0}.lab__tools{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center}.lab__tools .btn{min-height:var(--tap)}.lab__with{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--t-sm);color:var(--muted)}.lab__select{font-size:var(--t-md);min-height:var(--tap);max-width:11em}.lab__grid{display:flex;flex-direction:column;gap:var(--s-4);min-width:0}.lab__editor-wrap,.lab__panels{min-width:0;display:flex;flex-direction:column;gap:var(--s-2)}.lab__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.lab-editor{display:flex;min-width:0;height:clamp(260px,52vh,640px);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.lab-editor:focus-within{outline:var(--focus-w) solid var(--accent);outline-offset:2px}.lab-gutter,.lab-hl,.lab-input{font-family:var(--font-mono);font-size:var(--t-md);line-height:1.5;tab-size:2;font-variant-ligatures:none;letter-spacing:normal;word-spacing:normal}.lab-gutter{flex:0 0 auto;overflow:hidden;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-1);text-align:right;color:var(--muted);background:var(--surface-2);user-select:none;min-width:3ch}.lab-ln{display:block;padding-right:var(--s-1);border-right:3px solid transparent}.lab-ln--error{color:var(--danger);background:var(--danger-bg);border-right-color:var(--danger);font-weight:var(--w-bold)}.lab-ln--warning{color:var(--warning);background:var(--warning-bg);border-right-color:var(--warning)}.lab-code{position:relative;flex:1 1 auto;min-width:0}.lab-hl,.lab-input{position:absolute;inset:0;margin:0;padding:var(--s-2) var(--s-3);border:0;white-space:pre;overflow:auto;box-sizing:border-box}.lab-hl{pointer-events:none;overflow:hidden;color:var(--ink);background:0 0}.lab-hl code{font:inherit}.lab-input{width:100%;height:100%;resize:none;background:0 0;color:transparent;caret-color:var(--ink);outline:0;-webkit-text-fill-color:transparent}.lab-input::selection{background:var(--tint);-webkit-text-fill-color:transparent}.tk-kw{color:var(--info);font-weight:var(--w-bold)}.tk-str{color:var(--success)}.tk-num{color:var(--warning)}.tk-com{color:var(--muted);font-style:italic}.tk-dir{color:var(--action)}.lab__tabs{display:flex;gap:var(--s-1);border-bottom:1px solid var(--border);overflow-x:auto}.lab__tab{min-height:var(--tap);padding:var(--s-2) var(--s-3);border:0;border-bottom:3px solid transparent;background:0 0;color:var(--muted);font:inherit;font-weight:var(--w-bold);font-size:var(--t-sm);cursor:pointer;white-space:nowrap}.lab__tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--action)}.lab__panel{display:flex;flex-direction:column;gap:var(--s-3);min-width:0;padding-top:var(--s-2)}.lab__panel[hidden]{display:none}.lab-status{margin:0;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);font-weight:var(--w-bold)}.lab-status--ok{background:var(--success-bg);color:var(--success)}.lab-status--bad{background:var(--danger-bg);color:var(--danger)}.lab-msgs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-1)}.lab-msg{width:100%;text-align:left;min-height:var(--tap);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--t-sm);cursor:pointer;overflow-wrap:anywhere}.lab-msg:disabled{cursor:default}.lab-msg--error{border-left-color:var(--danger)}.lab-msg--warning{border-left-color:var(--warning)}.lab-msg--hint,.lab-msg--note{border-left-color:var(--info)}.lab-msg__sev{text-transform:uppercase;font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--muted)}.lab-msg__where{font-weight:var(--w-bold)}.lab-out{display:flex;flex-direction:column;gap:var(--s-2);min-width:0}.lab-out__text{margin:0;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);font-family:var(--font-mono);font-size:var(--t-sm);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;max-height:22em;overflow-y:auto}.lab-out__card,.lab-out__input{padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--info-bg);color:var(--ink);overflow-wrap:anywhere}.lab-out__input{background:var(--surface)}.lab-out__label{display:inline-block;margin-right:var(--s-1);font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;color:var(--info)}.lab-note{margin:0}.lab-file,.lab-row{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);min-width:0}.lab-file__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.lab-file__head .field-label{flex:0 0 100%;margin:0}.lab-file__name{flex:1 1 10em;min-width:0;font-family:var(--font-mono);font-size:var(--t-md)}.lab-file__body,.lab-row textarea{width:100%;box-sizing:border-box;font-family:var(--font-mono);font-size:var(--t-md);line-height:1.5;padding:var(--s-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);resize:vertical}.lab-file__title{margin:0}.lab-row{border:1px solid var(--border);margin:0}.lab-row__legend{font-weight:var(--w-bold);padding:0 var(--s-1)}.lab-row__grid{display:flex;flex-wrap:wrap;gap:var(--s-2)}.lab-row__grid .field{flex:1 1 9em;min-width:0}.lab-row select{width:100%;font-size:var(--t-md);min-height:var(--tap)}.lab-row__result{display:flex;flex-direction:column;gap:var(--s-1)}.lab-row__result p{margin:0}.lab-fail,.lab-pass{display:inline-block;margin-left:var(--s-1);padding:0 var(--s-2);border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:var(--w-bold)}.lab-pass{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.lab-fail{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.lab-frame{position:absolute;width:0;height:0;border:0;visibility:hidden}@media (min-width:1024px){.lab__grid{flex-direction:row;align-items:flex-start}.lab__editor-wrap{flex:1 1 58%}.lab__panels{flex:1 1 42%;max-height:calc(100dvh - var(--bar-h) - 180px);overflow-y:auto}.lab-editor{height:calc(100dvh - var(--bar-h) - 230px);min-height:360px}}@media (prefers-reduced-motion:reduce){.lab *{transition:none;animation:none}}