.position-picker{min-width:0;margin:0;padding:0;border:0}.position-picker legend{display:flex;gap:8px;align-items:baseline;width:100%;padding:0}.position-picker legend b{color:var(--color-foreground,#14142b);font-size:.875rem}.position-picker legend output{margin-left:auto;padding:1px 8px;border-radius:9999px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-size:.75rem;font-weight:700}.position-picker .position-picker-hint{margin:2px 0 8px;color:var(--color-muted);font-size:.75rem}.position-picker .position-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,28px);gap:4px;width:100%;max-width:220px;padding:6px;border:1.5px solid color-mix(in srgb,var(--color-primary) 16%,transparent);border-radius:12px;background:#fff}.position-picker .position-picker-grid button{display:grid;place-items:center;border:0;border-radius:8px;background:color-mix(in srgb,var(--color-muted) 10%,transparent);cursor:pointer;transition:background-color .15s ease,transform .15s ease}.position-picker .position-picker-grid button span{width:6px;height:6px;border-radius:9999px;background:color-mix(in srgb,var(--color-muted) 45%,transparent);transition:all .15s ease}.position-picker .position-picker-grid button:hover:not(.is-on){background:color-mix(in srgb,var(--color-primary) 14%,transparent)}.position-picker .position-picker-grid button.is-on{background-image:var(--bg-gradient-primary)}.position-picker .position-picker-grid button.is-on span{width:16px;height:6px;background:#fff}.position-picker .position-picker-grid button:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 55%,transparent);outline-offset:2px}.position-picker:disabled{opacity:.6}.position-picker:disabled button{cursor:default}.slider-field{display:flex;flex-direction:column;gap:6px}.slider-field.is-locked{opacity:.6}.slider-field .slider-field-head{display:flex;gap:8px;align-items:center}.slider-field .slider-field-head label{flex:1;color:var(--color-muted);font-size:.75rem;font-weight:700}.slider-field .slider-field-head output{min-width:3.5ch;color:var(--color-foreground,#14142b);font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.slider-field .slider-field-reset{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:9999px;background:rgba(0,0,0,0);color:var(--color-muted);cursor:pointer}.slider-field .slider-field-reset:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary)}.slider-field .slider-field-reset:disabled{opacity:.35;cursor:default}.slider-field input[type=range]{width:100%;height:20px;margin:0;background:rgba(0,0,0,0);cursor:pointer;appearance:none}.slider-field input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:9999px;background:linear-gradient(to right,var(--color-primary) var(--slider-filled),color-mix(in srgb,var(--color-muted) 28%,transparent) var(--slider-filled))}.slider-field input[type=range]::-moz-range-track{height:6px;border-radius:9999px;background:color-mix(in srgb,var(--color-muted) 28%,transparent)}.slider-field input[type=range]::-moz-range-progress{height:6px;border-radius:9999px;background:var(--color-primary)}.slider-field input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;border:3px solid #fff;border-radius:9999px;background:var(--color-primary);box-shadow:0 2px 6px rgba(20,20,43,.35);appearance:none}.slider-field input[type=range]::-moz-range-thumb{width:12px;height:12px;border:3px solid #fff;border-radius:9999px;background:var(--color-primary);box-shadow:0 2px 6px rgba(20,20,43,.35)}.slider-field input[type=range]:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 45%,transparent);outline-offset:3px;border-radius:9999px}.slider-field input[type=range]:disabled{cursor:default}