.rf-style-picker .rf-style-options{flex-wrap:wrap;gap:.75rem;display:flex}.rf-style-picker .rf-style-option{border:1px solid var(--rf-border,#e5e7eb);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;width:100%;max-width:420px;padding:.75rem;display:grid;position:relative}.rf-style-picker .rf-style-option:hover{border-color:var(--rf-muted,#6b7280)}.rf-style-picker .rf-style-option.is-selected{border-color:var(--rf-ink,#111827);box-shadow:0 0 0 1px var(--rf-ink,#111827)}.rf-style-picker .rf-style-option:focus-within{outline-offset:1px;outline:3px solid #1db95440}.rf-style-picker .rf-style-option input[type=radio]{width:18px;height:18px;accent-color:var(--rf-ink,#111827);margin:0;position:absolute;top:.75rem;right:.75rem}.rf-style-picker .rf-style-option-preview{aspect-ratio:240/369;border:1px solid var(--rf-border,#e5e7eb);object-fit:cover;background:#15120e;border-radius:8px;width:120px;height:auto;display:block}.rf-style-picker .rf-style-option-text{gap:.35rem;min-width:0;padding-right:1.75rem;display:grid}.rf-style-picker .rf-style-option-name{color:var(--rf-ink,#111827);font-size:1.125rem}.rf-style-picker .rf-style-option-blurb{overflow-wrap:anywhere;font-size:.9375rem;line-height:1.4}.rf-style-picker .rf-style-shade{align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.rf-style-picker .rf-style-shade .rf-settings-color-swatch{border:1px solid var(--rf-border,#e5e7eb);border-radius:6px;flex-shrink:0;width:24px;height:24px}.rf-style-picker .rf-style-shade-text{flex-wrap:wrap;align-items:baseline;gap:0 .5rem;min-width:0;display:flex}.rf-style-picker .rf-style-shade-label{font-size:.9375rem}.rf-style-picker .rf-style-shade-value{color:var(--rf-ink,#111827);font-variant-numeric:tabular-nums;font-size:1rem}.rf-style-picker .rf-style-actions{padding-top:.75rem}.rf-style-picker .rf-style-actions .rf-btn{flex:none}@media (max-width:480px){.rf-style-picker .rf-style-option-preview{width:96px}}.rf-style-picker .rf-input.rf-input--error{border-color:#fca5a5;box-shadow:0 0 0 1px #fca5a5}.rf-style-picker .rf-field-error{color:#991b1b;margin:.5rem 0 0;font-size:.9375rem}.rf-style-picker.is-compact{color:var(--rf-ink,#111827);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;display:flex}.rf-style-picker.is-compact .rf-settings-field{flex-wrap:wrap;align-items:center;gap:.35rem .6rem;min-width:0;display:flex}.rf-style-picker.is-compact .rf-settings-field+.rf-settings-field{flex:16rem}.rf-style-picker.is-compact .rf-settings-label{text-transform:uppercase;letter-spacing:.08em;color:var(--rf-muted,#6b7280);font-size:.75rem;font-weight:600}.rf-style-picker.is-compact .muted{color:var(--rf-muted,#6b7280)}.rf-style-picker.is-compact .rf-style-option{border-color:var(--rf-border,#e5e7eb);background:var(--rf-card,#fff);align-items:center;gap:.6rem;width:auto;max-width:none;padding:.2rem .9rem .2rem .2rem;display:flex}.rf-style-picker.is-compact .rf-style-option.is-selected{border-color:var(--rf-picked,var(--rf-ink,#111827));box-shadow:0 0 0 1px var(--rf-picked,var(--rf-ink,#111827))}.rf-style-picker.is-compact .rf-style-option input[type=radio]{opacity:0;cursor:pointer;width:100%;height:100%;inset:0}.rf-style-picker.is-compact .rf-style-option-preview{border-radius:4px;width:24px}.rf-style-picker.is-compact .rf-style-option-text{padding-right:0}.rf-style-picker.is-compact .rf-style-option-name{color:var(--rf-ink,#111827);font-size:1rem}.rf-style-picker.is-compact .rf-settings-edit-row{align-items:center;gap:.5rem;display:flex}.rf-style-picker.is-compact input[type=color]{border:1px solid var(--rf-border,#e5e7eb);background:var(--rf-card,#fff);cursor:pointer;border-radius:10px;width:40px;height:40px;padding:2px}.rf-style-picker.is-compact .rf-input{border:1px solid var(--rf-border,#e5e7eb);background:var(--rf-card,#fff);width:8.5rem;color:var(--rf-ink,#111827);border-radius:10px;padding:.45rem .75rem;font-size:1rem}.rf-style-picker.is-compact .rf-input--error{border-color:#dc2626}.rf-style-picker.is-compact .rf-style-shade{margin-top:0}.rf-style-picker.is-compact .rf-field-error{color:#dc2626;flex-basis:100%;margin:0}.rf-style-picker .rf-style-no-color{margin:0;font-size:.9375rem}.rf-style-picker.is-compact .rf-style-no-color{font-size:.8125rem;line-height:1.3}.rf-style-picker input[type=color][data-empty=true]::-webkit-color-swatch{background:linear-gradient(to top right, transparent calc(50% - 1px), var(--rf-muted,#6b7280) calc(50% - 1px), var(--rf-muted,#6b7280) calc(50% + 1px), transparent calc(50% + 1px)), var(--rf-card,#fff)}#rf-agent .rf-style-picker input[type=color][data-empty=true]::-webkit-color-swatch{background:linear-gradient(to top right, transparent calc(50% - 1px), var(--rf-muted,#6b7280) calc(50% - 1px), var(--rf-muted,#6b7280) calc(50% + 1px), transparent calc(50% + 1px)), var(--rf-card,#fff)}.rf-style-picker input[type=color][data-empty=true]::-moz-color-swatch{background:linear-gradient(to top right, transparent calc(50% - 1px), var(--rf-muted,#6b7280) calc(50% - 1px), var(--rf-muted,#6b7280) calc(50% + 1px), transparent calc(50% + 1px)), var(--rf-card,#fff)}#rf-agent .rf-style-picker input[type=color][data-empty=true]::-moz-color-swatch{background:linear-gradient(to top right, transparent calc(50% - 1px), var(--rf-muted,#6b7280) calc(50% - 1px), var(--rf-muted,#6b7280) calc(50% + 1px), transparent calc(50% + 1px)), var(--rf-card,#fff)}.rf-style-picker.is-pick>.rf-settings-field:first-of-type{flex:100%}.rf-style-picker.is-pick .rf-style-options{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.6rem;width:100%;padding:4px 4px 8px;overflow-x:auto}.rf-style-picker.is-pick .rf-style-option{scroll-snap-align:start;text-align:center;border-radius:12px;flex-direction:column;flex:none;gap:.35rem;width:4.75rem;padding:.4rem .3rem .45rem}.rf-style-picker.is-pick .rf-style-option.is-selected{border-color:var(--rf-accent-strong);box-shadow:0 0 0 2px var(--rf-accent-strong)}.rf-style-picker.is-pick .rf-style-option-preview{border-radius:6px;width:56px;height:87px}.rf-style-picker.is-pick .rf-style-option-text{padding-right:0}.rf-style-picker.is-pick .rf-style-option-name{font-size:.875rem;line-height:1.2}