.studio-hero .kw-btn{margin-top:.5rem}.studio-context>summary{cursor:pointer;font-size:.9375rem;font-weight:600}.studio-context[open]>summary{margin-bottom:1rem}.studio-context>label{display:block;margin-bottom:.5rem}.studio{scroll-margin-top:100px}.lab-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--kw-border);margin-bottom:1rem;overflow:auto}.lab-tabs>[role=tab]{white-space:nowrap;border:0;border-bottom:3px solid transparent;padding:.8rem 1rem;background:transparent;color:var(--kw-text-secondary);font:inherit;font-size:.875rem;cursor:pointer}.lab-tabs>[aria-selected=true]{border-color:#F5A800;color:var(--kw-text-primary);font-weight:600}.lab-tabbed [role=tabpanel]{min-width:0}.lab-source{display:block;width:100%;resize:vertical;min-height:300px;padding:1rem!important;tab-size:2;font:13px/1.7 Consolas,monospace!important;white-space:pre;overflow:auto;background:var(--kw-bg)!important;color:var(--kw-text-primary)!important;border:1px solid var(--kw-border)!important;border-radius:4px}.lab-code-field{min-width:0}.lab-device{width:100%;max-width:100%;margin:auto}.lab-device[data-device=tablet]{width:768px}.lab-device[data-device=mobile]{width:390px}.lab-device .studio-preview-frame{width:100%;min-height:550px;background:#FFF}.lab-palette{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 0}.lab-palette .kw-btn{min-height:40px;font-size:.8125rem!important;cursor:grab}.lab-canvas-scroll{position:relative;overflow:auto;max-height:650px;min-height:460px;background:var(--kw-bg);border:1px solid var(--kw-border);border-radius:4px;overscroll-behavior:contain}.lab-canvas-host{position:relative;min-width:100%}.lab-canvas-stage{position:relative;transform-origin:top left}.lab-wires{position:absolute;inset:0;pointer-events:none}.lab-wires svg{max-width:none!important}.lab-node{position:absolute;width:220px;min-height:84px;border:1px solid var(--kw-border);border-radius:5px;background:var(--kw-bg-card);color:var(--kw-text-primary)}.lab-node.is-selected{border:2px solid #F5A800}.lab-node-handle{width:100%;padding:.8rem 1rem .65rem;text-align:left;border:0;background:transparent;color:inherit;cursor:grab;touch-action:none;user-select:none;font:inherit}.lab-node-handle:active{cursor:grabbing}.lab-node-handle small{display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--kw-text-muted);margin-bottom:.3rem}.lab-node-handle strong{display:block;font-size:.875rem;overflow-wrap:anywhere}.lab-node-port{display:block;margin:0 .75rem .5rem auto;border:0;background:transparent;text-decoration:underline;font:inherit;font-size:.75rem;color:var(--kw-text-primary);cursor:crosshair}.lab-builder-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 270px;gap:1.2rem;align-items:start}.lab-inspector{max-height:750px;overflow:auto}.lab-inspector .studio-fields{grid-template-columns:1fr}.lab-field-palette{display:grid;gap:.35rem}.lab-field-palette button{text-align:left;justify-content:flex-start}.lab-form-canvas{min-height:450px;padding:1.25rem;background:var(--kw-bg);border:1px dashed var(--kw-border);border-radius:5px}.lab-form-canvas>h3{margin:.5rem 0 1.5rem}.lab-form-field{padding:.8rem;margin-bottom:.65rem;border:1px solid transparent;border-radius:4px;position:relative;cursor:grab;background:var(--kw-bg-card)}.lab-form-field[aria-selected=true]{border-color:#F5A800}.lab-form-field.is-drop-target{border-top:3px solid #F5A800}.lab-form-field strong{display:block;font-size:.875rem;margin-bottom:.5rem}.lab-form-field .lab-field-example{display:block;min-height:40px;border:1px solid var(--kw-border);border-radius:3px;color:var(--kw-text-muted);font-size:.8125rem;padding:.6rem .75rem}.lab-form-field small{color:var(--kw-text-muted);font-size:.75rem}.lab-form-field:focus-visible,.lab-node:focus-visible{outline:2px solid #F5A800;outline-offset:2px}.lab-grid-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.25rem}.lab-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-content:start;background:var(--kw-bg);padding:1rem;min-height:420px}.lab-widget{min-width:0;background:var(--kw-bg-card);border:1px solid var(--kw-border);padding:1rem;border-radius:5px;position:relative}.lab-widget.is-selected{border-color:#F5A800}.lab-widget[data-width=full]{grid-column:1/-1}.lab-widget header{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;cursor:grab}.lab-widget header>button:first-child{flex:1;text-align:left;font-size:.875rem;font-weight:600;border:0;color:var(--kw-text-primary);background:transparent;cursor:pointer}.lab-kpi{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;line-height:1.2;margin:1.5rem 0}.lab-widget-chart{position:relative;height:210px}.lab-widget[data-height=tall] .lab-widget-chart{height:330px}.lab-widget-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.lab-widget-footer button{background:transparent;border:0;color:var(--kw-text-muted);font:inherit;font-size:.75rem;cursor:pointer;text-decoration:underline}.lab-data-editor{max-height:420px;overflow:auto}.lab-data-editor input{min-width:100px;width:100%;font:inherit;font-size:.8125rem;padding:.5rem;border:1px solid var(--kw-border);background:var(--kw-bg-card);color:var(--kw-text-primary)}.lab-range{display:grid;gap:.6rem;margin:0 0 1.2rem;font-size:.875rem}.lab-range>div{display:flex;align-items:center;gap:.75rem}.lab-range input[type=range]{min-width:0;flex:1;accent-color:#F5A800}.lab-range input[type=number]{width:90px;font:inherit;border:1px solid var(--kw-border);padding:.5rem;background:var(--kw-bg-card);color:var(--kw-text-primary)}.lab-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem}.lab-option{display:grid;gap:.5rem;text-align:left;padding:1rem;background:var(--kw-bg-card);color:var(--kw-text-primary);border:1px solid var(--kw-border);border-radius:5px;cursor:pointer;font:inherit}.lab-option[aria-pressed=true]{border:2px solid #F5A800;padding:calc(1rem - 1px)}.lab-option small{font-size:.8125rem;color:var(--kw-text-muted);line-height:1.6}.lab-score-bars{display:grid;gap:1rem;margin-bottom:1.5rem}.lab-score-bars>div{display:grid;gap:.4rem;font-size:.875rem}.lab-score-bars meter{width:100%;height:16px;accent-color:#F5A800}.lab-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.lab-board-column{background:var(--kw-bg);padding:1rem;border:1px solid var(--kw-border);border-radius:4px;min-height:160px}.lab-board-column>h3{font-size:.9375rem!important;margin-bottom:1rem}.lab-task{padding:.85rem;background:var(--kw-bg-card);border:1px solid var(--kw-border);border-radius:4px;margin-bottom:.7rem;cursor:grab}.lab-task p{font-size:.8125rem!important;margin-bottom:.5rem}.lab-task select{max-width:100%;font:inherit;font-size:.75rem;padding:.3rem;background:var(--kw-bg-card);color:var(--kw-text-primary);border:1px solid var(--kw-border)}.lab-api-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:1.2rem}.lab-api-main{min-width:0}.lab-response{margin-top:1.5rem}.lab-test-results{padding:1rem;background:var(--kw-bg);margin:1rem 0}.lab-test-results li{font-size:.875rem;margin-left:1.2rem;padding:.3rem 0}.lab-quick-actions{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:1.75rem 0}.lab-quick-actions p{margin:0;font-size:.875rem!important}
.studio [hidden]{display:none!important}.lab-resize-handle{touch-action:none;cursor:nwse-resize!important}.lab-node-port[aria-pressed=true]{color:#A86D00;font-weight:700}.lab-form-canvas[role=listbox]{outline-offset:3px}.lab-node-rows{list-style:none;padding:0 1rem .5rem;font-size:.6875rem;line-height:1.6;color:var(--kw-text-muted)}.lab-node-rows li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lab-grid-shell>.studio-panel .studio-fields{grid-template-columns:1fr}.lab-grid-shell>.studio-panel{max-height:740px;overflow:auto}
@media(min-width:1200px){.studio:has(.lab-builder-layout)>.kw-container,.studio:has(.lab-graph)>.kw-container,.studio:has(.lab-widget-grid)>.kw-container{max-width:1440px}}
@media(max-width:1100px){.lab-builder-layout{grid-template-columns:155px minmax(0,1fr)}.lab-inspector{grid-column:1/-1;max-height:none}.lab-inspector .studio-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-grid-shell{grid-template-columns:1fr}.lab-grid-shell>.studio-panel{max-height:none;overflow:visible}.lab-option-grid{grid-template-columns:1fr}.lab-api-grid{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:700px){.lab-builder-layout,.lab-api-grid,.lab-board{grid-template-columns:1fr}.lab-field-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-field-palette .kw-btn{font-size:.75rem!important;padding:.5rem;min-width:0}.lab-inspector .studio-fields{grid-template-columns:1fr}.lab-form-canvas{padding:.65rem;min-height:300px}.lab-widget-grid{grid-template-columns:1fr;padding:.6rem}.lab-canvas-scroll{min-height:350px;max-height:65dvh}.lab-quick-actions{align-items:flex-start;flex-direction:column}.lab-source{font-size:12px!important}.lab-device .studio-preview-frame{min-height:480px}.lab-range input[type=number]{width:80px}.lab-palette .kw-btn{padding:.5rem}}