.cl-lab{--cl-cell-size:2.75rem}.cl-lab .cl-intro{max-width:72ch}.cl-source-row{grid-template-columns:minmax(12rem,1fr) auto minmax(12rem,1.3fr);align-items:end;gap:1rem;margin:1rem 0;display:grid}.cl-control{flex-direction:column;gap:.35rem;min-width:0;font-size:.85rem;display:flex}.cl-control>span{font-weight:600}.cl-lab select,.cl-lab input[type=number]{box-sizing:border-box;border:1px solid var(--control-edge);width:100%;min-width:0;min-height:2.75rem;color:var(--text);background:var(--panel);font:inherit;border-radius:.35rem;padding:.45rem .55rem}.cl-lab select{text-overflow:ellipsis}.cl-lab input:disabled,.cl-lab select:disabled{opacity:.7}.cl-file{justify-content:center;align-items:center;gap:.5rem;display:inline-flex;position:relative;overflow:hidden}.cl-file svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1.2rem;height:1.2rem}.cl-file input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.cl-file:focus-within{outline:2px solid var(--blue);outline-offset:3px}.cl-lab .cl-source-info,.cl-lab .cl-help{color:var(--muted);margin:.4rem 0;font-size:.78rem;line-height:1.5}.cl-lab .cl-source-info{margin:0}.cl-lab [data-conv-status]:empty{display:none}.cl-live-workspace{grid-template-columns:minmax(0,1fr) minmax(16rem,.48fr);grid-template-areas:"preview editor";align-items:start;gap:1.25rem;display:grid}.cl-preview{grid-area:preview;min-width:0}.cl-configuration{border-block:1px solid var(--edge);padding:1rem 0}.cl-configuration .cl-choices{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.75rem;display:grid}.cl-configuration .cl-channel-counts,.cl-configuration .cl-help{grid-column:1/-1}.cl-choices{flex-direction:column;gap:.75rem;display:flex}.cl-channel-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.cl-kernel-panel{border-left:1px solid var(--edge);grid-area:editor;min-width:0;padding-left:1.25rem;position:sticky;top:1rem}.cl-kernel-heading{grid-template-columns:minmax(0,1fr) minmax(6rem,.45fr);gap:.6rem;display:grid}.cl-kernel-connection,.cl-output-choice{flex-wrap:wrap;align-items:center;gap:.65rem;margin:.75rem 0;font-size:.85rem;display:flex}.cl-kernel-connection>span,.cl-output-choice>span{font-weight:600}.cl-chip-group{flex-wrap:wrap;gap:.4rem;display:flex}.cl-chip-group .im-button{min-width:2.75rem;padding:.4rem .7rem}.cl-chip-group .im-button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.cl-kernel-editor{grid-template-columns:repeat(var(--cl-kernel-side), var(--cl-cell-size));gap:3px;width:max-content;max-width:100%;margin:.8rem auto .4rem;display:grid}.cl-kernel-cell{width:var(--cl-cell-size);height:var(--cl-cell-size)}.cl-kernel-editor input[type=number]{width:var(--cl-cell-size);height:var(--cl-cell-size);text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;border-radius:.15rem;min-height:0;padding:.1rem;font-size:.78rem}.cl-kernel-editor input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cl-kernel-editor input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cl-lab .cl-kernel-caption{text-align:center}.cl-kernel-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.cl-pointwise{border-top:1px solid var(--edge);margin-top:.75rem;padding-top:.5rem}.cl-lab .cl-pointwise h3{margin:.25rem 0;font-size:.9rem}.cl-pointwise-editor{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.cl-pointwise-editor input{text-align:center;max-width:3.5rem}.cl-geometry{margin:.85rem 0}.cl-lab summary{cursor:pointer;box-sizing:border-box;min-height:2.75rem;padding:.65rem 0;font-size:.9rem;font-weight:600}.cl-lab summary:hover{color:var(--accent)}.cl-geometry-controls{grid-template-columns:minmax(5rem,.6fr) minmax(5rem,.6fr) minmax(12rem,1.4fr) minmax(10rem,1fr);gap:.75rem;display:grid}.cl-dimensions{border:1px solid var(--edge);background:var(--shade);font-variant-numeric:tabular-nums;border-radius:.45rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem 1rem;padding:.75rem;display:flex}.cl-dimensions span{flex-direction:column;align-items:center;gap:.2rem;display:flex}.cl-dimensions small{color:var(--muted);font-size:.75rem}.cl-dimensions strong{font-size:1.05rem}.cl-dimensions>b{color:var(--muted)}.cl-actions{flex-wrap:wrap;gap:.5rem;margin:.8rem 0 .4rem;display:flex}.cl-error{border:1px solid var(--accent);color:var(--text);background:var(--accent-soft);border-radius:.4rem;padding:.7rem .8rem}.cl-lab progress{width:100%;height:.5rem}.cl-output-choice{margin-top:1rem}.cl-details{border-top:1px solid var(--edge);margin-top:.75rem}.cl-details .im-inspector{max-width:none}.cl-lab .im-field{min-width:0}.cl-lab.im-experiment[data-im-trace=true] .im-pair,.cl-lab.im-experiment[data-im-trace=true][data-layout=wide] .im-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"input output""calculation calculation";gap:.8rem;max-width:none}.cl-lab [data-im-field=input]{grid-area:input}.cl-lab [data-im-field=output]{grid-area:output}.cl-lab [data-im-calculation]{grid-area:calculation}.cl-lab.im-experiment .im-calculation:before,.cl-lab.im-experiment .im-calculation:after{display:none}.cl-lab .im-viewport{max-height:none}@media (max-width:800px){.cl-live-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"editor""preview"}.cl-kernel-panel{border-left:0;border-bottom:1px solid var(--edge);padding:0 0 .9rem;position:static}.cl-source-row{grid-template-columns:minmax(0,1fr) auto}.cl-source-info{grid-column:1/-1}.cl-geometry-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-geometry-controls .cl-padding-control{grid-column:1/-1}.cl-lab.im-experiment[data-im-trace=true][data-layout] .im-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"input output""calculation calculation";gap:.8rem;max-width:none}.cl-lab [data-im-field=input]{grid-area:input}.cl-lab [data-im-field=output]{grid-area:output}.cl-lab [data-im-calculation]{grid-area:calculation}}@media (max-width:600px){.cl-configuration .cl-choices{grid-template-columns:minmax(0,1fr);gap:.9rem}.cl-kernel-panel{border-left:0;padding:0 0 .9rem}.cl-source-row{grid-template-columns:minmax(0,1fr);gap:.65rem}.cl-file{width:max-content;max-width:100%}.cl-lab .cl-source-info{grid-column:auto}.cl-lab{--cl-cell-size:2.75rem}}@media (max-width:360px){.cl-channel-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-dimensions{gap:.5rem;padding:.65rem .35rem}.cl-dimensions strong{font-size:.9rem}.cl-dimensions small{font-size:.65rem}.cl-geometry-controls{gap:.65rem}}