.panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.panel-head h2{color:var(--silk-muted);letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:600}.inspector{background:var(--mask-raised);border-radius:var(--radius-m);padding:14px 14px 10px}@media (prefers-reduced-motion:no-preference){:root:not([data-reduced-motion=true]) .inspector{animation:inspector-in var(--dur-slow) var(--ease-out)}}@keyframes inspector-in{0%{transform:translateY(6px)}}.inspector .panel-head h2{color:var(--silk);letter-spacing:-.015em;text-transform:none;font-size:1.125rem;font-weight:650}.inspector-help,.inspector-note{color:var(--silk-muted);font-size:var(--small);margin:0 0 12px;line-height:1.45}.inspector-note{font-size:var(--micro);margin:12px 0 0}.inspector-fields,.inspector>label,.inspector .connection-fields{gap:12px;display:grid}.inspector label{color:var(--silk-muted);font-size:var(--small);gap:6px;display:grid}.inspector input:not([type=checkbox],[type=range],[type=radio]),.inspector select{border:1px solid var(--glass-border);border-radius:var(--radius-s);background-color:color-mix(in srgb, var(--silk) 5%, transparent);min-height:44px;color:var(--silk);font:inherit;transition:border-color var(--dur-fast) var(--ease-out);padding:0 10px;font-size:1rem}.inspector input:not([type=checkbox],[type=range],[type=radio]):focus,.inspector select:focus{border-color:color-mix(in srgb, var(--silk) 40%, transparent)}.inspector select{background-image:linear-gradient(45deg, transparent 50%, var(--silk-muted) 50%), linear-gradient(135deg, var(--silk-muted) 50%, transparent 50%);appearance:none;background-position:right 18px center,right 13px center;background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.inspector select option{color:var(--silk);background:var(--mask-raised)}.inspector input[type=checkbox]{border:1.5px solid color-mix(in srgb, var(--silk) 35%, transparent);appearance:none;cursor:pointer;width:20px;height:20px;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border-radius:6px;flex:none;place-content:center;margin:0;display:inline-grid}.inspector input[type=checkbox]:after{content:"";border-bottom:2px solid var(--primary-foreground);border-left:2px solid var(--primary-foreground);opacity:0;width:10px;height:5px;translate:0 -1px;rotate:-45deg}.inspector input[type=checkbox]:checked{border-color:var(--primary);background:var(--primary)}.inspector input[type=checkbox]:checked:after{opacity:1}.inspector input[type=checkbox]:disabled{opacity:.45;cursor:default}.inspector input:not([type=checkbox],[type=range],[type=radio]):disabled,.inspector select:disabled{color:var(--silk-muted);cursor:not-allowed}.inspector .boolean-field{min-height:44px;color:var(--silk);align-items:center;gap:10px;font-size:1rem;display:flex}.field-stepper{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-label{color:var(--silk);font-size:.9375rem}.field-stepper-controls{border:1px solid var(--glass-border);border-radius:var(--radius-s);background:var(--mask-sunken);align-items:center;display:flex}.field-stepper-controls button{width:44px;height:44px;color:var(--silk);background:0 0;border:0;place-items:center;display:grid}.field-stepper-controls button:disabled{opacity:.35}@media (hover:hover) and (pointer:fine){.field-stepper-controls button:not(:disabled):hover{background:color-mix(in srgb, var(--silk) 10%, transparent)}}.field-stepper-controls svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.field-stepper-controls input{width:9ch;min-height:44px;color:var(--silk);text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;font-weight:600;background:0 0!important;border:0!important}.field-stepper-controls input::-webkit-inner-spin-button,.field-stepper-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inspector-more{margin-top:12px}.inspector-more summary{min-height:44px;color:var(--silk);cursor:pointer;align-items:center;font-weight:600;display:flex}.inspector-more .inspector-fields{margin-top:4px}.inspector-links{gap:8px;margin-top:14px;display:grid}.inspector-links ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.inspector-links li{border-radius:var(--radius-s);background:var(--mask-sunken);justify-content:space-between;align-items:center;min-height:44px;padding-left:12px;display:flex}.inspector-link{min-height:44px;color:var(--silk);text-align:left;text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--silk) 35%, transparent);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;flex:1;padding:0;font-weight:600}.inspector-targets{flex-wrap:wrap;gap:6px;display:flex}.inspector-target{border:1px dashed color-mix(in srgb, var(--silk) 30%, transparent);border-radius:var(--radius-s);min-height:44px;color:var(--silk);background:0 0;align-items:center;gap:6px;padding:0 12px 0 10px;font-weight:600;display:inline-flex}.inspector-target .icon{width:16px;height:16px;color:var(--silk-muted)}@media (hover:hover) and (pointer:fine){.inspector-target:not(:disabled):hover{background:color-mix(in srgb, var(--silk) 8%, transparent)}}.inspector-remove{margin-top:8px;padding-inline:0;color:var(--hot)!important}.inspector-name{color:var(--silk-muted);font-size:var(--small);gap:4px;margin-bottom:10px;display:grid}.inspector-knobs{gap:10px;display:grid}.knob{border:1px solid color-mix(in srgb, var(--silk) 9%, transparent);border-radius:var(--radius-m);background:color-mix(in srgb, var(--silk) 3%, transparent);gap:8px;padding:12px;display:grid}.knob-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.knob[data-kind=switch] .knob-head{align-items:center}.knob-name{min-width:0;font-size:.9375rem;font-weight:600}.knob-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;flex:none;align-items:baseline;gap:4px;font-size:1.0625rem;font-weight:650;display:inline-flex}.inspector .knob .knob-value input.knob-number{border:0;border-bottom:1px dashed color-mix(in srgb, var(--silk) 30%, transparent);min-width:2.5ch;min-height:0;color:var(--silk);font:inherit;text-align:end;-moz-appearance:textfield;appearance:textfield;background:0 0;border-radius:0;padding:0 0 1px}.inspector .knob .knob-value input.knob-number::-webkit-inner-spin-button,.inspector .knob .knob-value input.knob-number::-webkit-outer-spin-button{appearance:none;margin:0}.inspector .knob .knob-value input.knob-number:focus{border-bottom:1px solid var(--copper-hot);outline:none}.knob-unit{color:var(--silk-muted);font-size:.875rem;font-weight:500}.knob-help{color:var(--silk-muted);font-size:var(--small);margin:-2px 0 0;line-height:1.45}.knob-control{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;display:grid}.knob-step{border:1px solid var(--glass-border);border-radius:var(--radius-m);width:44px;height:44px;color:var(--silk);background:color-mix(in srgb, var(--silk) 6%, transparent);transition:background-color var(--dur-fast) var(--ease-out), scale var(--dur-fast) var(--ease-out);place-items:center;display:grid}.knob-step:not(:disabled):active{scale:.94}@media (hover:hover) and (pointer:fine){.knob-step:not(:disabled):hover{background:color-mix(in srgb, var(--silk) 12%, transparent)}}.knob-step:disabled{opacity:.35}.knob-step svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.knob-track{align-items:center;height:44px;display:grid;position:relative}.knob-track:before,.knob-track:after{content:"";pointer-events:none;border-radius:999px;height:4px;position:absolute;left:0;right:0}.knob-track:before{background:color-mix(in srgb, var(--silk) 14%, transparent)}.knob-track:after{background:var(--silk);transform:scaleX(var(--at,0));transform-origin:0}.knob-start{z-index:1;left:calc(var(--start,0) * (100% - 20px) + 10px);background:var(--silk-muted);pointer-events:none;border-radius:1px;width:2px;height:14px;position:absolute;translate:-1px}.knob-track input[type=range]{z-index:2;cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:44px;margin:0;position:relative}.knob-track input[type=range]:disabled{cursor:default}.knob-track input[type=range]::-webkit-slider-runnable-track{background:0 0;height:44px}.knob-track input[type=range]::-moz-range-track{background:0 0;height:44px}.knob-track input[type=range]::-webkit-slider-thumb{background:var(--silk);width:20px;height:20px;box-shadow:0 0 0 4px color-mix(in srgb, var(--mask-raised) 80%, transparent), var(--shadow-1);-webkit-appearance:none;transition:scale var(--dur-fast) var(--ease-out);border:0;border-radius:50%;margin-top:12px}.knob-track input[type=range]::-moz-range-thumb{background:var(--silk);width:20px;height:20px;box-shadow:0 0 0 4px color-mix(in srgb, var(--mask-raised) 80%, transparent), var(--shadow-1);border:0;border-radius:50%}.knob-track input[type=range]:not(:disabled):active::-webkit-slider-thumb{scale:1.15}.knob-track input[type=range]:focus-visible{outline:none}.knob-track input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--copper-hot);outline-offset:3px}.knob-track input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--copper-hot);outline-offset:3px}.knob-start-text{color:var(--silk-muted);font-family:var(--font-mono);font-size:var(--micro);margin:-4px 0 0}.knob-switch{background:0 0;border:0;flex:none;width:52px;height:44px;padding:0;position:relative}.knob-switch span{background:color-mix(in srgb, var(--silk) 18%, transparent);transition:background-color var(--dur-base) var(--ease-out);border-radius:999px;position:absolute;inset:10px 0}.knob-switch span:after{content:"";background:var(--mask-raised);width:18px;height:18px;box-shadow:var(--shadow-1);transition:translate var(--dur-base) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.knob-switch[aria-checked=true] span{background:var(--primary)}.knob-switch[aria-checked=true] span:after{background:var(--primary-foreground);translate:28px}.knob-switch:disabled{opacity:.45}.knob-segments{border:1px solid var(--glass-border);border-radius:var(--radius-m);background:var(--mask-sunken);gap:2px;min-width:0;margin:0;padding:3px;display:flex}.knob-segments label{min-height:44px;color:var(--silk-muted);font-size:var(--small);text-align:center;cursor:pointer;border-radius:9px;flex:1;place-items:center;padding:0 8px;font-weight:600;display:grid;position:relative}.knob-segments input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.knob-segments label:has(input:checked){color:var(--silk);background:var(--mask-raised);box-shadow:var(--shadow-1)}.knob-segments label:has(input:focus-visible){outline:2px solid var(--copper-hot);outline-offset:1px}.knob-segments label:has(input:disabled){opacity:.45;cursor:default}.knob-select{width:100%}
