.tlb-gradient__fieldset{gap:var(--space-3);border:0;flex-direction:column;margin:0;padding:0;display:flex}.tlb-gradient__fieldset>legend{margin-block-end:var(--space-1);padding:0}.tlb-gradient__type-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.tlb-gradient__type-option{align-items:center;gap:var(--space-2);min-height:var(--min-touch-target);font-size:var(--text-sm);color:var(--color-text);display:inline-flex}.tlb-gradient__type-option input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.tlb-gradient__type-option input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tlb-gradient__controls{gap:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.tlb-gradient__presets{gap:var(--space-2);flex-wrap:wrap;display:flex}.tlb-gradient__preset{min-height:var(--min-touch-target);min-width:var(--min-touch-target);padding-inline:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-base) var(--ease-premium), color var(--duration-fast) var(--ease-premium)}.tlb-gradient__preset:hover{border-color:var(--color-text-faint);color:var(--color-text)}.tlb-gradient__preset[aria-pressed=true]{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-tint);font-weight:var(--font-weight-semibold)}.tlb-gradient__preset:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tlb-gradient__stops{gap:var(--space-3);flex-direction:column;display:flex}.tlb-gradient__stop{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.tlb-gradient__stop-index{font-size:var(--text-xs);color:var(--color-text-muted);min-width:5.5rem}.tlb-gradient__stop-field{align-items:center;display:flex}.tlb-gradient__stop-field--grow{flex:1;min-width:8rem}.tlb-gradient__hex-input{width:9rem;font-family:var(--font-mono)}.tlb-gradient__pos-input{width:4.5rem}.tlb-gradient__range{width:100%;accent-color:var(--color-primary);cursor:pointer}.tlb-gradient__range:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tlb-gradient__stop-error{flex-basis:100%;margin:0}.tlb-gradient__remove,.tlb-gradient__add,.tlb-gradient__reset{min-height:var(--min-touch-target);padding-inline:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border-radius:var(--radius-md)}.tlb-gradient__remove{color:var(--color-destructive);background:var(--color-surface);border:1.5px solid var(--color-border-strong)}.tlb-gradient__remove:hover:not(:disabled){border-color:var(--color-destructive);background:var(--color-destructive-tint)}.tlb-gradient__add{color:var(--color-primary);background:var(--color-surface);align-self:flex-start}.tlb-gradient__add:hover:not(:disabled),.tlb-gradient__reset:hover{border-color:var(--color-primary);background:var(--color-primary-tint)}.tlb-gradient__remove:disabled,.tlb-gradient__add:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.tlb-gradient__remove:focus-visible,.tlb-gradient__add:focus-visible,.tlb-gradient__reset:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tlb-gradient__preview{border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;min-height:240px}.tlb-gradient__info{gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;margin:0;display:flex}.tlb-gradient__output-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.tlb-gradient__output{resize:vertical;width:100%;min-height:3.5rem;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word}.tlb-gradient__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.tlb-gradient__reset{color:var(--color-text);background:var(--color-surface)}.tlb-gradient__a11y-note{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0}.tlb-gradient__note{font-size:var(--text-xs);color:var(--color-text-faint);margin:0}.tlb-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:639px){.tlb-gradient__stop{flex-direction:column;align-items:stretch}.tlb-gradient__stop-field,.tlb-gradient__hex-input,.tlb-gradient__pos-input{width:100%}.tlb-gradient__controls{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.tlb-gradient__preset,.tlb-gradient__remove,.tlb-gradient__add,.tlb-gradient__reset{transition:none}}