.color-input-row{display:flex;align-items:center;gap:var(--space-3)}.color-picker{width:48px;height:48px;border:2px solid var(--color-border);border-radius:var(--radius-md);padding:2px;cursor:pointer;background:none;flex-shrink:0}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.hex-input{max-width:120px;font-family:var(--font-mono);text-transform:uppercase}.transparent-check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap}.preview-row{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.favicon-preview-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.favicon-preview-wrapper canvas{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.preview-size-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}